:root{
  --bg:#eef2f6;
  --bg-wash:linear-gradient(155deg,#e3ebf5 0%,#eef2f6 38%,#e9f1ef 72%,#f0eef5 100%);
  --bg-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch' result='t'/%3E%3CfeColorMatrix in='t' type='matrix' values='0 0 0 0 0.45 0 0 0 0 0.48 0 0 0 0 0.52 0 0 0 0.10 0'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)'/%3E%3C/svg%3E");
  --surface:#fff;--soft:#f0f2f5;--text:#17191d;--muted:#68707c;--border:#dfe3e8;--accent:#111827;--radius:16px;--shadow:0 8px 30px rgba(20,25,35,.07);--max:1120px
}
*{box-sizing:border-box}body{margin:0;background-color:var(--bg);background-image:var(--bg-noise),var(--bg-wash);background-size:180px 180px,auto;background-attachment:fixed;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}button,input,select{font:inherit}
.site-header{background:#fff;border-bottom:1px solid var(--border)}.header-inner,.container{width:min(calc(100% - 32px),var(--max));margin:auto}.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;letter-spacing:-.03em;color:var(--text)}.brand-mark{width:22px;height:22px;display:block;flex:0 0 auto}.site-prefs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.currency-label{display:flex;align-items:center}.currency-label select{width:auto;min-height:36px;padding:6px 8px}.header-button{display:inline-flex;align-items:center;justify-content:center;height:40px;min-height:40px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap;line-height:1}.header-button:hover{border-color:#b8bfc8;background:var(--soft)}.unit-toggle.compact{margin:0}
.hero{padding:60px 0 32px}.eyebrow{margin:0 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.11em;font-size:.74rem;font-weight:800}h1,h2{line-height:1.12;letter-spacing:-.035em}h1{margin:0;font-size:clamp(2.15rem,6vw,4.1rem);max-width:800px}.hero-copy{margin:18px 0 0;max-width:680px;color:var(--muted);font-size:1.08rem}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.calculator-card{padding:28px}.static-page{padding-bottom:64px}.static-page>.card{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group.wide{grid-column:1/-1}label{font-size:.86rem;font-weight:700}.field-label{font-size:.86rem;font-weight:700}.field-note{color:var(--muted);font-size:.78rem}
.surface-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%}.surface-panel[hidden]{display:none!important}
.field-set{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--soft);gap:12px}
.walls-list{display:grid;gap:12px;margin:0 0 12px;width:100%}.wall-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--soft)}.wall-row .wall-label{grid-column:1/-1;font-size:.78rem;font-weight:700;color:var(--muted);letter-spacing:.02em}.wall-row .form-group{margin:0}.wall-remove{min-height:46px;min-width:46px;padding:0;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--muted);font-size:1.35rem;line-height:1;cursor:pointer;font-weight:700}.wall-remove:hover:not(:disabled){border-color:#b8bfc8;color:var(--text);background:#fff}.wall-remove:disabled{opacity:.35;cursor:not-allowed}.wall-add{min-height:42px;padding:0 14px;border:1px dashed var(--border);border-radius:10px;background:transparent;color:var(--text);font-weight:700;cursor:pointer;align-self:flex-start}.wall-add:hover:not(:disabled){border-color:#7b8491;background:#fff}.wall-add:disabled{opacity:.4;cursor:not-allowed}
body[data-tool="subscription-cost"] .wall-row{grid-template-columns:minmax(0,1.2fr) minmax(0,0.9fr) auto}
body[data-tool="subscription-cost"] .wall-row .sub-bill{grid-column:1/-1}
body[data-tool="subscription-cost"] .wall-row .sub-bill .choice-toggle{width:100%}
body[data-tool="subscription-cost"] .wall-row .sub-bill .choice-toggle button{flex:1;min-width:0;padding:8px 10px}
body[data-tool="bill-split"] .wall-row{grid-template-columns:minmax(0,1.3fr) minmax(0,0.8fr) auto}
body[data-tool="recipe-scaling"] .wall-row{grid-template-columns:minmax(0,1.3fr) minmax(0,0.8fr) auto}
body[data-tool="recipe-scaling"] .wall-row .ing-measure{grid-column:1/-1}
body[data-tool="recipe-scaling"] .wall-row .ing-measure .choice-toggle{width:100%}
body[data-tool="recipe-scaling"] .wall-row .ing-measure .choice-toggle button{flex:1;min-width:0;padding:8px 10px}
input,select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);outline:none}select{padding-right:36px;cursor:pointer;appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%2368707c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px 6px}input:focus,select:focus{border-color:#7b8491;box-shadow:0 0 0 3px rgba(17,24,39,.08)}
.unit-toggle{display:inline-flex;padding:4px;border-radius:12px;background:var(--soft);border:1px solid var(--border);margin-bottom:22px}.form-group .unit-toggle{margin:0;width:auto;align-self:flex-start}.form-group .unit-toggle button{flex:0 1 auto;white-space:nowrap}.form-group .unit-toggle.choice-toggle-full{width:100%}.form-group .unit-toggle.choice-toggle-full button{flex:1;min-width:0}.unit-toggle button{border:0;background:transparent;padding:8px 14px;border-radius:8px;cursor:pointer;color:var(--muted);font-weight:700}.unit-toggle button.active{background:#fff;color:var(--text);box-shadow:0 1px 4px rgba(20,25,35,.08)}
.site-prefs .unit-toggle.compact{height:40px;padding:3px;margin:0;box-sizing:border-box;align-items:center}
.site-prefs .unit-toggle.compact button{height:32px;min-height:0;padding:0 12px;font-size:.82rem;line-height:1;display:inline-flex;align-items:center}
.site-prefs .currency-label select{width:auto;height:40px;min-height:40px;padding:0 32px 0 12px;border-radius:12px;font-size:.82rem;font-weight:700;line-height:1;background-position:right 10px center}
.calculate-button{width:100%;margin-top:24px;min-height:50px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.calculate-button:hover{opacity:.92}
.print-actions{display:flex;justify-content:flex-end;margin-top:14px}.print-button{min-height:42px;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-weight:700;cursor:pointer}.print-button:hover{border-color:#b8bfc8;background:var(--soft)}
.print-meta,.print-input-sheet{display:none}
.print-input-sheet h2{font-size:1.1rem;margin:0 0 8px}
.result{margin-top:24px;padding:24px;border-radius:14px;background:var(--soft);border:1px solid var(--border)}.result-label{color:var(--muted);font-size:.82rem;font-weight:700}.result-value{margin-top:3px;font-size:clamp(2.2rem,7vw,3.6rem);line-height:1;font-weight:850;letter-spacing:-.05em}.result-subtitle{margin-top:10px;color:var(--muted)}.breakdown{margin-top:22px;border-top:1px solid var(--border)}.breakdown:empty{display:none}.breakdown-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.breakdown-row:last-child{border-bottom:0}.breakdown-row span:first-child{color:var(--muted)}
.side-stack{display:grid;gap:16px}.side-card{padding:20px}.side-card h2{margin:0 0 10px;font-size:1rem}.side-card p{margin:0;color:var(--muted);font-size:.9rem}.ad-wrap{display:none}.ad-wrap.ad-on{display:block}.ad-wrap[data-ad-position="1"]{margin-top:18px}.ad-wrap[data-ad-position="4"]{margin-top:48px}.ad-wrap.ad-sidebar .ad-slot{min-height:250px}.ad-wrap.ad-sidebar.ad-tall .ad-slot{min-height:600px}.ad-slot{width:100%;min-height:250px;display:grid;place-items:center;border:1px dashed #c7ccd3;border-radius:12px;color:#8b929c;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:12px}.ad-wrap[data-ad-position="1"] .ad-slot{min-height:250px}.ad-wrap[data-ad-position="4"] .ad-slot{min-height:120px}.ad-slot ins{display:block;width:100%}.swatch-row{display:flex;gap:12px;margin:0 0 16px}.swatch{flex:1;min-height:96px;border-radius:12px;display:grid;place-items:center;font-weight:700;border:1px solid var(--border);padding:12px;text-align:center}
body[data-tool="monochromatic-palette"] #mono-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px;width:100%;min-width:0}
body[data-tool="monochromatic-palette"] #mono-swatches .swatch{min-width:0;min-height:72px;padding:8px 4px;font-size:.72rem;word-break:break-all}
.colour-input-row{display:flex;gap:10px;align-items:center}.colour-input-row input[type=color]{width:52px;min-height:46px;padding:4px;cursor:pointer;flex:0 0 auto}.colour-input-row input[type=text]{flex:1}
input[type=range]{width:100%;min-height:28px;padding:0;border:0;background:transparent;accent-color:var(--accent)}
.shade-ladder{margin-top:14px;display:grid;gap:12px}.shade-group-label{font-size:.78rem;font-weight:700;color:var(--muted);margin-bottom:6px}.shade-row{display:flex;gap:8px;width:100%}.shade-chip{display:flex;flex-direction:column;gap:4px;flex:1 1 0;min-width:0}.shade-chip-swatch{width:100%;height:56px;border-radius:8px;border:1px solid var(--border);overflow:hidden;background-color:#fff;background-image:linear-gradient(45deg,#d7dbe2 25%,transparent 25%),linear-gradient(-45deg,#d7dbe2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d7dbe2 75%),linear-gradient(-45deg,transparent 75%,#d7dbe2 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.shade-chip-swatch>span{display:block;width:100%;height:100%}.shade-chip-hex{font-size:.62rem;font-weight:700;text-align:center;word-break:break-all;line-height:1.2;font-variant-ligatures:none}
body[data-tool="colour-shade"] .result{margin-top:16px;padding:16px 18px}body[data-tool="colour-shade"] .result-value{font-size:1.35rem;letter-spacing:-.02em}body[data-tool="colour-shade"] .result-subtitle{margin-top:4px;font-size:.86rem}
.content-section{padding:42px 0 64px}.prose{max-width:none;width:100%}.content-section h2,.prose h2{font-size:1.65rem;margin:0 0 12px}.content-section h2:not(:first-child),.prose h2:not(:first-child){margin-top:36px}.content-section h3,.prose h3{font-size:1.05rem;margin:0 0 8px}.content-section p,.prose p{color:#4f5762;max-width:none}.prose p:first-of-type{margin-top:0}.prose>:last-child{margin-bottom:0}.faq-list{display:grid;gap:18px;margin-top:8px}.faq-item{padding:0 0 16px;border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:0;padding-bottom:0}.faq-item p{margin:0}.related-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.tool-link{display:block;padding:18px;border:1px solid var(--border);border-radius:12px;background:#fff;text-decoration:none}.tool-link strong{display:block}.tool-link span{display:block;color:var(--muted);margin-top:5px;font-size:.86rem}.site-footer{padding:30px 0;border-top:1px solid var(--border);color:var(--muted);font-size:.82rem}.footer-nav{display:flex;flex-wrap:wrap;gap:14px 20px;margin-bottom:12px}.footer-nav a{color:var(--text);text-decoration:none;font-weight:600}.footer-nav a:hover{color:var(--accent)}.footer-note{margin:0;max-width:52rem}.breadcrumbs{margin:0 0 14px;font-size:.82rem;color:var(--muted)}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--accent)}.notice{margin-top:18px;padding:12px 14px;border-radius:10px;background:#faf5e8;color:#6f5a2b;font-size:.84rem}
.category-block{margin:0 0 36px}.category-block h2{margin:0 0 14px;font-size:1.2rem}
.search-panel{padding:22px 24px;margin:28px 0 0;max-width:none;width:100%}.search-panel .field-label{display:block;margin-bottom:8px}.search-panel input[type=search]{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);outline:none}.search-panel input[type=search]:focus{border-color:#7b8491;box-shadow:0 0 0 3px rgba(17,24,39,.08)}.search-panel .field-note{margin:10px 0 0}.search-panel .search-results{margin-top:16px}.search-panel .search-empty{margin:0;color:var(--muted);font-size:.92rem}
#tool-list{padding-bottom:48px}
@media(max-width:820px){.layout{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr}.ad-wrap.ad-sidebar{display:none!important}}
@media(max-width:620px){.site-nav{display:none}.hero{padding:42px 0 26px}.form-grid,.surface-fields{grid-template-columns:1fr}.wall-row{grid-template-columns:1fr 1fr}.wall-row .form-group:nth-child(4){grid-column:1/-1}.wall-row .wall-remove{grid-column:1/-1;width:100%}body[data-tool="subscription-cost"] .wall-row{grid-template-columns:1fr 1fr auto}body[data-tool="subscription-cost"] .wall-row .wall-remove{grid-column:auto;width:auto;min-width:46px}body[data-tool="subscription-cost"] .wall-row .sub-bill{grid-column:1/-1}body[data-tool="bill-split"] .wall-row{grid-template-columns:1fr 1fr auto}body[data-tool="bill-split"] .wall-row .wall-remove{grid-column:auto;width:auto;min-width:46px}body[data-tool="recipe-scaling"] .wall-row{grid-template-columns:1fr 1fr auto}body[data-tool="recipe-scaling"] .wall-row .wall-remove{grid-column:auto;width:auto;min-width:46px}body[data-tool="recipe-scaling"] .wall-row .ing-measure{grid-column:1/-1}.calculator-card{padding:20px}.side-stack,.related-tools{grid-template-columns:1fr}.header-inner{align-items:center;gap:6px;min-height:0;width:min(calc(100% - 20px),var(--max));padding:8px 0}.brand{flex:0 0 auto;gap:6px}.brand-name{display:block;max-width:4.1em;line-height:1}.brand-mark{width:32px;height:32px}.site-prefs{width:auto;flex:1 1 auto;min-width:0;justify-content:flex-end;gap:4px;flex-wrap:wrap}.header-button{height:32px;min-height:32px;padding:0 7px;font-size:.75rem}.site-prefs .unit-toggle.compact{height:32px;padding:2px}.site-prefs .unit-toggle.compact button{height:26px;padding:0 6px;font-size:.75rem}.site-prefs .currency-label select{height:32px;min-height:32px;padding:0 20px 0 6px;font-size:.75rem;background-position:right 6px center}.print-actions{justify-content:stretch}.print-button{width:100%}}
.consent-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#fff;border-top:1px solid var(--border);box-shadow:0 -8px 30px rgba(20,25,35,.08)}.consent-bar p{margin:0;color:var(--muted);font-size:.9rem;max-width:720px}.consent-bar a{color:var(--text);font-weight:700}.consent-actions{display:flex;gap:8px;flex:0 0 auto}.consent-bar button{min-height:40px;padding:0 14px;border-radius:12px;font-size:.82rem;font-weight:700;cursor:pointer}.consent-reject{border:1px solid var(--border);background:#fff;color:var(--text)}.consent-allow{border:0;background:var(--accent);color:#fff}
@media(max-width:620px){.consent-bar{flex-direction:column;align-items:stretch}.consent-actions{justify-content:flex-end}}
@media print{
  @page{size:A4;margin:10mm}
  html{font-size:10.5pt}
  body{background:#fff;color:#000}
  .no-print,.consent-bar,.site-prefs,.site-nav,.ad-wrap,.print-actions,.calculate-button,.content-section,.side-stack,.breadcrumbs,.hero-copy,.eyebrow,.footer-nav,.swatch-row,#calc-form,.site-footer,.site-header{display:none!important}
  .shade-ladder{display:grid!important;margin-top:8px;gap:10px}
  .shade-chip-hex{font-size:7.5pt}
  .hero{padding:0 0 6px}h1{font-size:16pt;max-width:none;margin:0;letter-spacing:-.02em}
  .layout{display:block;width:100%}
  .container,.header-inner{width:100%;max-width:none;margin:0}
  .card,.calculator-card{box-shadow:none;border:1px solid #bbb;border-radius:0;padding:10px 12px;break-inside:avoid}
  .result{margin-top:10px;padding:10px 12px;border-radius:0;background:#f5f5f5}
  .result-label{font-size:9pt}.result-value{font-size:22pt!important;margin-top:2px}.result-subtitle{font-size:9pt;margin-top:4px}
  .breakdown{margin-top:8px}.breakdown-row{padding:4px 0;font-size:9.5pt;gap:8px}
  .print-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;color:#444;font-size:8.5pt}
  .print-brand{display:inline-flex;align-items:center;gap:5px;color:#111;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
  .print-brand .brand-mark{width:14px;height:14px}
  .print-meta-detail{text-align:right}
  .print-input-sheet{display:block;margin:0 0 8px}
  .print-input-sheet h2{font-size:11pt;margin:0 0 4px}
  .print-input-sheet .breakdown{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;border-top:1px solid #ccc}
  .notice{margin-top:8px;padding:6px 8px;font-size:8pt;border-radius:0}
  a{text-decoration:none}
  .print-fit{transform-origin:top left}
}