*{box-sizing:border-box}body{margin:0;background:var(--cl-page);color:var(--cl-ink);font:16px/1.7 system-ui,sans-serif}header{display:flex;align-items:center;gap:24px;padding:20px 3%;background:var(--cl-surface);border-bottom:1px solid var(--cl-line)}header strong{font-size:24px}header span{font-size:11pt;letter-spacing:.15em}header small{margin-left:auto;color:var(--cl-muted)}main{max-width:1440px;margin:32px auto;padding:0 3%;display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;align-items:start}aside{position:sticky;top:20px;border:1px solid var(--cl-line);border-radius:14px;background:var(--cl-surface);padding:20px}h2{font-size:18px;margin:0 0 12px}.filter{display:block;font-size:11pt}input,select,button{font:inherit;font-size:16px;border:1px solid var(--cl-line);border-radius:8px;background:var(--cl-surface);padding:10px;max-width:100%}input,select{width:100%;color:inherit}.filter input{margin:5px 0 14px}nav{height:min(54vh,520px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}nav a{display:block;text-decoration:none;color:inherit;padding:9px 12px;border-radius:7px;font-size:15px}nav a[aria-current=page]{background:var(--cl-soft);color:var(--cl-accent);font-weight:700}nav a:hover{background:var(--cl-soft)}nav a[hidden]{display:none}.count{margin:12px 0 0;color:var(--cl-muted);font-size:11pt}h1{font-size:30px;margin:0 0 10px}.eyebrow{font-size:11pt;letter-spacing:.15em;color:var(--cl-accent);margin:0 0 6px}.lead{min-height:30px;color:var(--cl-muted);margin:0 0 22px}.calculator{background:var(--cl-surface);border:1px solid var(--cl-line);border-radius:16px;padding:26px}.fields{display:grid;grid-template-columns:1fr 1.4fr 44px 1.4fr;gap:14px;align-items:end}.fields label{font-size:11pt}.fields input,.fields select{display:block;margin-top:8px;min-height:48px}#swap{height:48px;padding:0;color:var(--cl-accent)}.answer{margin-top:26px;border-radius:10px;padding:24px;background:var(--cl-soft);display:flex;align-items:center;gap:20px;justify-content:space-between}.answer span{font-size:11pt}.answer strong{display:block;font-size:28px;overflow-wrap:anywhere}.answer button{background:var(--cl-primary);color:#fff;border:0;white-space:nowrap;cursor:pointer}.hint,.footnote{font-size:11pt;color:var(--cl-muted);margin-bottom:0}#error{color:var(--cl-error);font-size:15px;margin:8px 0;min-height:20px}details{margin-top:20px;background:var(--cl-surface);border:1px solid var(--cl-line);border-radius:12px;padding:16px}summary{cursor:pointer}.all-results{max-height:280px;overflow:auto;padding-top:12px}.unit-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--cl-line);padding:8px}.advertisement{margin-top:22px;border:1px solid var(--cl-line);border-radius:12px;text-align:center;background:var(--cl-ad);height:150px;color:var(--cl-muted);font-size:11pt}.advertisement p{margin-top:38px}@media(max-width:850px){main{grid-template-columns:210px minmax(0,1fr);gap:18px}.fields{grid-template-columns:1fr 1fr}.fields label:first-child{grid-column:1/-1}#swap{grid-row:3;grid-column:1/-1}.answer{padding:16px;flex-wrap:wrap}.calculator{padding:18px}}@media(max-width:620px){main{grid-template-columns:1fr;margin-top:18px}aside{position:static;padding:14px}nav{height:145px;display:grid;grid-template-columns:1fr 1fr;align-content:start}header{gap:12px;flex-wrap:wrap}header strong{font-size:21px}h1{font-size:26px}.answer strong{font-size:24px}}
/* Approved layout refinement, 2026-10-15 */
header{padding:10px 3%;min-height:90px}.brand{display:block;width:240px;height:72px;object-fit:contain} .workspace{min-width:0}.workspace-heading{display:grid;grid-template-columns:minmax(180px,1fr) minmax(300px,1.4fr);gap:20px;align-items:center;margin-bottom:22px}.heading-copy .lead{margin-bottom:0;font-size:11pt}.heading-ads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.heading-ad{margin:0;height:118px;border-radius:10px}.heading-ad p{margin-top:22px;font-size:11pt}.results-panel{margin-top:20px;background:var(--cl-surface);border:1px solid var(--cl-line);border-radius:12px;padding:20px}.results-panel h2{margin-bottom:4px}.nearby-note{font-size:11pt;color:var(--cl-muted);margin:0 0 10px}.all-results{max-height:none;overflow:visible;padding:0}.all-results.expanded{max-height:420px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.unit-row[hidden]{display:none}.unit-row{font-size:15px;align-items:center}.unit-row strong{text-align:right;overflow-wrap:anywhere}.unit-row.is-base{background:var(--cl-soft);color:var(--cl-accent);border-radius:6px;font-weight:700}#toggle-all{display:block;margin:16px auto 0;color:var(--cl-accent);border-color:var(--cl-line);cursor:pointer}#toggle-all[hidden]{display:none}
@media(max-width:1100px){.workspace-heading{grid-template-columns:1fr}.heading-ads{max-width:100%}.heading-ad{height:100px}.heading-ad p{margin-top:12px}}@media(max-width:620px){header small{font-size:11pt}.brand{width:220px;height:66px}.workspace-heading{gap:14px}.results-panel{padding:14px}.unit-row{font-size:11pt}.unit-row span{max-width:57%}.heading-ad{height:94px}header small{margin-left:0}.lead{min-height:0}}

/* Original navigation height; both lower ads share the same grid row. */
main{row-gap:22px}.sidebar{position:relative;align-self:stretch;min-width:0;grid-column:1;grid-row:1}.sidebar aside{position:sticky;top:20px}.sidebar nav{height:min(54vh,520px)}.workspace{grid-column:2;grid-row:1}.sidebar-ad,.bottom-ad{height:150px;margin:0;grid-row:2}.sidebar-ad{grid-column:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.sidebar-ad p{margin:0}.bottom-ad{grid-column:2}main>.footnote{grid-column:2;grid-row:3;margin:0}
@media(max-width:620px){.sidebar{position:static;grid-column:1;grid-row:1}.sidebar aside{position:static}.sidebar nav{height:145px}.workspace{grid-column:1;grid-row:2}.sidebar-ad{grid-column:1;grid-row:3}.bottom-ad{grid-column:1;grid-row:4}main>.footnote{grid-column:1;grid-row:5}}

/* Public advertising: fixed sizes selected once per document; never crop an ad. */
.ad-slot.active{display:flex;justify-content:center;align-items:center;min-width:0}.advertisement:has(.ad-slot.active){height:auto;min-height:150px;padding:4px 0 8px}.heading-ad:has(.ad-slot.active){min-height:128px}.sidebar-ad:has(.ad-slot.active){gap:4px}.unit-footer{max-width:1440px;margin:32px auto;padding:24px 3%;border-top:1px solid var(--cl-line);font-size:11pt}.unit-footer nav{height:auto;display:flex;flex-wrap:wrap;gap:12px;overflow:visible}.unit-footer a{color:var(--cl-accent)}.unit-footer nav a{display:inline;padding:0}.unit-footer p{margin-bottom:0}.unit-footer button{font-size:11pt;color:var(--cl-accent)}

.unit-about{margin:24px auto;max-width:960px}.unit-about a{color:var(--cl-accent)}

/* Shared tools navigation, separate from conversion-category scrolling. */
.tool-switcher{display:flex;flex-wrap:wrap;align-items:center;gap:10px;height:auto;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto;margin:0;padding:12px clamp(16px,3vw,32px);border-bottom:1px solid var(--cl-line);background:var(--cl-surface)}.tool-switcher a{display:inline-flex;align-items:center;min-height:40px;padding:7px 14px;border:1px solid var(--cl-line);border-radius:8px;font-size:11pt;line-height:1.5;text-decoration:none;color:var(--cl-ink)}.tool-switcher a[aria-current="true"]{background:var(--cl-soft);color:var(--cl-accent);font-weight:700}.tool-switcher a:hover{background:var(--cl-soft)}.tool-switcher a:focus-visible{outline:3px solid var(--cl-accent);outline-offset:3px}

/* Three additional desktop rail advertisements; calculator and existing four slots are retained. */
.unit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,18%);gap:24px;max-width:1920px;margin:32px auto;padding:0 3%;align-items:start}.unit-layout>main{width:100%;max-width:none;margin:0;padding:0;min-width:0}.unit-ad-rail{position:static;display:grid;gap:22px;min-width:0;padding:0;border:0;border-radius:0;background:transparent}.unit-rail-ad.advertisement{height:auto;min-height:0;margin:0;display:flex;flex-direction:column;gap:7px;border:0;border-radius:0;background:transparent}.unit-rail-ad>.ad-slot{width:100%;min-width:0;aspect-ratio:6/5;display:grid;place-items:center;background:var(--cl-ad);border:1px solid var(--cl-line);border-radius:8px}.unit-rail-ad p{margin:0}.unit-rail-ad>.ad-slot.active{display:block;aspect-ratio:auto}
@media(min-width:1201px){.unit-layout>main{grid-template-columns:clamp(200px,17vw,260px) minmax(0,1fr);column-gap:clamp(18px,1.5vw,30px)}.unit-layout .fields{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 44px minmax(0,1.4fr)}.unit-layout .fields label{min-width:0}.unit-layout .workspace-heading{grid-template-columns:minmax(180px,1fr) minmax(300px,1.4fr)}}
@media(min-width:1201px) and (max-width:1600px){.unit-layout .workspace-heading{grid-template-columns:1fr}.unit-layout .fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.unit-layout .fields label:first-child{grid-column:1/-1}.unit-layout #swap{grid-row:3;grid-column:1/-1}}
@media(max-width:1200px){.unit-layout{display:block;max-width:1440px}.unit-ad-rail{display:none}}
@media(max-width:620px){.unit-layout{margin-top:18px}}

/* Balanced converter: equal side columns, compact heading ads, and a clear calculation row. */
.unit-layout{max-width:1680px;grid-template-columns:minmax(0,1fr) 224px;gap:24px;margin:28px auto;padding:0 24px}
.unit-layout>main{grid-template-columns:224px minmax(0,1fr);column-gap:24px;row-gap:24px}
.unit-site>header{padding-left:max(24px,calc((100% - 1632px)/2));padding-right:max(24px,calc((100% - 1632px)/2))}
.unit-site>.tool-switcher{padding-left:max(24px,calc((100% - 1632px)/2));padding-right:max(24px,calc((100% - 1632px)/2))}
.unit-footer{max-width:1680px;padding-left:24px;padding-right:24px}
.unit-layout .workspace-heading{grid-template-columns:minmax(0,1fr) 332px;align-items:center;gap:20px;margin-bottom:24px;min-height:132px}
.unit-layout h1{font-size:clamp(25px,2vw,30px);line-height:1.4;margin-bottom:8px}
.unit-layout .heading-copy .lead{min-height:0;font-size:11pt;line-height:1.7;margin:0}
.unit-layout .heading-ads{grid-template-columns:repeat(2,160px);justify-content:end;gap:12px}
.unit-layout .heading-ad.advertisement{height:auto;min-height:0;margin:0;padding:0;border:0;background:transparent;display:flex;flex-direction:column;gap:7px;align-items:stretch}
.unit-layout .heading-ad>.ad-slot{width:160px;min-height:100px;display:grid;place-items:center;background:var(--cl-ad);border:1px solid var(--cl-line);border-radius:8px}
.unit-layout .heading-ad p{margin:0;font-size:11pt;line-height:1.5}
.unit-layout .heading-ad>.ad-slot.active{display:flex;min-height:100px}
.unit-layout .calculator{padding:22px;border-radius:12px}
.unit-layout .fields{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 44px minmax(0,1.3fr);gap:12px;align-items:end}
.unit-layout .fields label{min-width:0}.unit-layout .fields label:first-child{grid-column:auto}
.unit-layout #swap{grid-row:auto;grid-column:auto;width:44px;height:48px;align-self:end}
.unit-layout .answer{margin-top:22px;padding:20px;gap:16px}.unit-layout .answer strong{font-size:28px;line-height:1.5}
.unit-layout .results-panel{margin-top:24px;padding:22px;border-radius:12px}
.unit-layout .sidebar aside{padding:18px;border-radius:12px}.unit-layout .sidebar nav a{padding:8px 10px}
.unit-ad-rail{gap:24px}.unit-rail-ad>.ad-slot{aspect-ratio:6/5}
@media(max-width:1200px){.unit-layout{display:block}.unit-layout>main{grid-template-columns:212px minmax(0,1fr)}}
@media(max-width:960px){.unit-layout .workspace-heading{grid-template-columns:1fr;gap:18px;min-height:0}.unit-layout .heading-ads{justify-content:start}.unit-layout .fields{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:10px}.unit-layout .fields label:first-child{grid-column:1/-1}.unit-layout #swap{grid-row:2;grid-column:2;width:40px}.unit-layout .calculator,.unit-layout .results-panel{padding:18px}}
@media(max-width:620px){.unit-layout{padding:0 16px;margin-top:20px}.unit-layout>main{grid-template-columns:minmax(0,1fr)}.unit-layout .sidebar aside{padding:14px}.unit-layout .workspace-heading{gap:16px;margin-bottom:20px}.unit-layout .heading-ads{grid-template-columns:repeat(2,minmax(0,160px));gap:10px;justify-content:stretch}.unit-layout .heading-ad>.ad-slot{width:100%;min-height:100px}.unit-layout .answer{padding:16px}.unit-layout .answer strong{font-size:24px}.unit-site>header,.unit-site>.tool-switcher{padding-left:16px;padding-right:16px}}

/* Helpful conversion reference below the working area and lower advertisements. */
.unit-guide{grid-column:2;grid-row:4;padding:22px;border:1px solid var(--cl-line);border-radius:12px;background:var(--cl-surface);font-size:11pt;line-height:1.8}.unit-guide h2{font-size:18px;line-height:1.6}.unit-guide h3{font-size:11pt;margin:20px 0 8px}.unit-example-list{margin:0;padding-left:22px}.unit-example-list li{padding:3px 0}.unit-guide p{margin:12px 0}.unit-related{height:auto;display:flex;flex-wrap:wrap;gap:10px 18px;overflow:visible;margin-top:18px}.unit-related a{display:inline;padding:0;color:var(--cl-accent);text-decoration:underline;font-size:11pt}.unit-guide [hidden]{display:none!important}@media(max-width:620px){.unit-guide{grid-column:1;grid-row:6;padding:18px}}

/* Numeric entry helpers keep the original converter layout. */
.number-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:14px}.number-options label{display:flex;align-items:center;gap:10px;font-size:11pt}.number-options select{width:76px;min-height:40px}.number-options button{min-height:40px;font-size:11pt}.number-input-hint{font-size:11pt;line-height:1.7;color:var(--cl-muted);margin:12px 0 0}#value{min-width:0}

/* Full category panel is the default and scrolls within the available viewport. */
.unit-layout .sidebar aside{display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px)}.unit-layout .sidebar aside>h2,.unit-layout .sidebar aside>.filter,.unit-layout .sidebar aside>.count{flex-shrink:0}.unit-layout .sidebar nav{height:min(72vh,760px);min-height:0;flex-shrink:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}@media(max-width:620px){.unit-layout .sidebar nav{height:min(50vh,420px)}}

/* A single standard horizontal banner beside the unit title, stacked when needed. */
.unit-site:not(.calc-site) .workspace{container-type:inline-size}.unit-site:not(.calc-site) .workspace-heading{grid-template-columns:minmax(0,1fr) 468px}.unit-site:not(.calc-site) .heading-ad-single{display:block;width:100%;max-width:728px;justify-self:end}.unit-site:not(.calc-site) .heading-ad-single>.heading-ad>.ad-slot{width:100%;min-height:90px;display:flex;align-items:center;justify-content:center}.unit-site:not(.calc-site) .heading-ad-single>.heading-ad>.ad-slot.active{min-height:90px}.unit-site:not(.calc-site) .heading-ad-single p{margin:0}@container(min-width:980px){.unit-site:not(.calc-site) .workspace-heading{grid-template-columns:minmax(0,1fr) 728px}}@container(max-width:700px){.unit-site:not(.calc-site) .workspace-heading{grid-template-columns:minmax(0,1fr)}.unit-site:not(.calc-site) .heading-ad-single{justify-self:start}}

/* Readable, static answers under the working area; no tracking or extra runtime. */
.viewer-search-help{max-width:1200px;margin:36px auto;padding:24px}.viewer-search-help h2{font-size:22px}.viewer-search-help details,.unit-practical-reference details{margin:12px 0;border:1px solid var(--cl-line,#d8e3dd);border-radius:8px;padding:12px 15px}.viewer-search-help summary,.unit-practical-reference summary{cursor:pointer;font-weight:650;font-size:11pt;line-height:1.8}.viewer-search-help p,.unit-practical-reference p,.unit-practical-reference li{font-size:11pt;line-height:1.9;overflow-wrap:anywhere}.unit-practical-reference{margin-top:24px;padding-top:8px;border-top:1px solid var(--cl-line,#d8e3dd)}.unit-practical-reference ul{padding-left:24px}.reference-rounding{color:var(--cl-muted,#587064)}

/* Compact touch navigation leaves the converter reachable and allows page scroll chaining. */
@media(max-width:620px){.unit-site:not(.calc-site) .unit-layout .sidebar aside{max-height:none}.unit-site:not(.calc-site) .unit-layout .sidebar nav{height:clamp(112px,22vh,168px);height:clamp(112px,22dvh,168px);flex:0 0 auto;overscroll-behavior-y:auto;touch-action:pan-y}.unit-site:not(.calc-site) .sidebar aside>h2{margin-bottom:6px}.unit-site:not(.calc-site) .sidebar .filter input{margin-bottom:8px}.unit-site:not(.calc-site) .sidebar .count{margin-top:7px}}

/* Mobile unit advertisements: before the title, after results, and after the guide. */
@media(max-width:620px){
 .unit-site:not(.calc-site) .workspace-heading>.heading-ads{grid-column:1;grid-row:1}.unit-site:not(.calc-site) .workspace-heading>.heading-copy{grid-column:1;grid-row:2}
 .unit-site:not(.calc-site) .unit-layout .bottom-ad{grid-column:1;grid-row:3}.unit-site:not(.calc-site) .unit-layout main>.footnote{grid-column:1;grid-row:4}.unit-site:not(.calc-site) .unit-layout .unit-guide{grid-column:1;grid-row:5}.unit-site:not(.calc-site) .unit-layout .sidebar-ad{grid-column:1;grid-row:6}
 .unit-site:not(.calc-site) .unit-layout .sidebar-ad.advertisement,.unit-site:not(.calc-site) .unit-layout .bottom-ad.advertisement{height:auto;min-height:0;margin:0;padding:0;border:0;background:transparent;display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:7px}
 .unit-site:not(.calc-site) .unit-layout .sidebar-ad>.ad-slot,.unit-site:not(.calc-site) .unit-layout .bottom-ad>.ad-slot{width:100%;min-height:90px;display:flex;align-items:center;justify-content:center;background:var(--cl-ad);border:1px solid var(--cl-line);border-radius:10px}
 .unit-site:not(.calc-site) .unit-layout .sidebar-ad p,.unit-site:not(.calc-site) .unit-layout .bottom-ad p{margin:0}
}