/* Shared styles for the free calculators under /tools. Page chrome (nav,
   footer, type, .calc-wrap, .calc-b, .cf-result-block) comes from the guide
   shell each page inlines; this file only adds what a calculator page needs. */
.body-layout.tool{grid-template-columns:1fr;max-width:860px;margin:0 auto;}
.tool .deck{margin-bottom:28px;}
.tool .calc-wrap{margin-top:0;}
.tool .cf-l{font-size:9px;font-weight:400;}
.tool .cf-opt{text-transform:none;letter-spacing:0;color:var(--ink-faint);}
.tool .calc-input{font-size:16px;} /* 16px stops iOS zooming on focus */
.tool-results{display:grid;gap:10px;}
.tool-results .cf-result-block{margin-top:0;}
.tool-results .cf-result-label{font-size:9px;font-weight:400;}
.tool-results .cf-result-sub{font-size:10px;font-weight:400;}
.tool-res-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.tool-res-light{padding:12px 14px;border-radius:7px;background:rgba(255,255,255,0.7);border:1px solid var(--butter-deep);}
.tool-res-light .cf-result-label{color:var(--ink-faint);}
.tool-res-light .cf-result-val{color:var(--ink);font-size:20px;}
.tool-res-light .cf-result-sub{color:var(--ink-soft);}
.tool-warn{display:none;padding:12px 14px;border-radius:7px;background:#FF8A66;color:#3D1810;font-size:13px;line-height:1.5;}
.tool-warn.on{display:block;}
.tool-formula{font-family:'Space Mono',monospace;font-weight:400;font-size:12px;line-height:1.7;color:var(--ink);background:var(--paper);border:1px solid var(--line-mid);border-radius:var(--r);padding:16px 20px;margin:18px 0;}
.tool-example{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px;}
.tool-example td{padding:9px 0;border-bottom:1px solid var(--line-mid);color:var(--ink-soft);}
.tool-example td:last-child{text-align:right;font-family:'Space Grotesk',sans-serif;font-weight:500;color:var(--ink);}
.tool-example tr.total td{color:var(--ink);font-weight:500;border-bottom:none;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(max-width:580px){.tool .calc-wrap{padding:18px;}.tool-res-2{grid-template-columns:1fr;}}
/* The shell's 100px top padding leaves the breadcrumb under the fixed nav. */
.body-layout.tool{padding-top:140px;}
/* Contrast: the shell's faint label colours fall below 4.5:1 at these sizes. */
.tool .bc,.tool .bc a{color:var(--ink-soft);font-size:10px;}
.tool .calc-lbl{color:var(--ink-soft);font-size:10px;}
.tool .cf-l{color:var(--ink-soft);font-size:10px;}
.tool .cf-opt{color:var(--ink-soft);}
.tool .cf-result-block .cf-result-label{color:rgba(245,241,232,0.9);font-size:10px;}
.tool .cf-result-block .cf-result-sub{color:rgba(245,241,232,0.85);}
.tool .tool-res-light .cf-result-label{color:var(--ink-soft);font-size:10px;}
.tool .calc-hint{font-size:12px;}
.tool .icta-ey{color:var(--ink-soft);font-size:10px;}

/* A second calculator block on the same page (e.g. the ACoS/ROAS converter). */
.tool .calc-wrap.tool-second{margin-top:16px;}
.tool .callout .c-txt a{color:var(--moss);}