.area-toolsection .tool-calc{min-height:0}.area-tool{gap:18px}.area-tool .tool-topbar{align-items:flex-end}.area-unitpick{display:flex;flex-direction:column;gap:6px;min-width:210px}.area-unitpick label{font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.area-shapes{display:grid;grid-template-columns:1.55fr .8fr 1.55fr .8fr;gap:14px;padding:16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-soft)}.area-family{display:flex;flex-direction:column;gap:10px;min-width:0}.area-family+.area-family{border-left:1px solid var(--border);padding-left:14px}.area-familyname{font-size:.7rem;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--muted)}.area-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}.ex-chip.area-shape{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:12px 6px;border-radius:14px;background:var(--card);border:1.5px solid var(--border);color:var(--text);font-size:.76rem;font-weight:600;line-height:1.25;text-align:center;cursor:pointer}.ex-chip.area-shape:hover{background:var(--card);color:var(--green-dark);border-color:var(--green-dark);transform:translateY(-2px)}.ex-chip.area-shape.is-active{background:var(--tint-green);border-color:var(--green-dark);color:var(--green-dark);box-shadow:var(--shadow-sm);transform:none}.ex-chip.area-shape .area-ic{width:28px;height:28px;color:currentColor}.area-form{display:flex;flex-direction:column;gap:14px}.area-formhead{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px}.area-shapename{font-size:1.02rem;font-weight:700;color:var(--heading)}.area-formula{font-size:.9rem;font-weight:600;color:var(--green-dark);padding:3px 11px;border-radius:var(--r-pill);background:var(--tint-green)}.area-result{border:1px solid var(--border);border-radius:var(--r-md);background:var(--card);overflow:hidden}.area-resulthead{display:flex;flex-direction:column;gap:3px;padding:14px 16px;background:var(--bg-soft);border-bottom:1px solid var(--border)}.area-resulttitle{font-size:.78rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--heading)}.area-resultsub{font-size:.8rem;color:var(--muted)}.area-result .tool-stats{padding:16px 16px 6px}.area-result .stat-tile.is-headline{background:var(--tint-green);border-color:var(--green-dark)}.area-result .stat-tile.is-headline .stat-val{color:var(--green-dark);font-size:1.24rem}.area-note{margin:0;padding:8px 16px 16px;font-size:.88rem;line-height:1.6;color:var(--muted);min-height:1.2em}.area-note.is-good{color:var(--green-dark);font-weight:600}.area-note.is-info{color:var(--muted)}.area-note.is-warn{color:#b45309;font-weight:600}.area-compare{padding-block:clamp(34px,5vw,58px);background:var(--bg)}.area-comparegrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,38px);align-items:start}.area-comparecol{min-width:0}.area-comparecol h2{font-size:clamp(1.15rem, 2vw, 1.4rem);margin-bottom:10px}.area-comparelead{font-size:.88rem;color:var(--muted);margin-bottom:14px;min-height:42px}.area-comparecol .note-box{margin-top:16px}.area-comparecol .note-box a{color:var(--green-dark);font-weight:600}.area-band{padding-block:clamp(40px,6vw,70px);background:var(--section-bg)}.area-bandgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(22px,3.4vw,44px);align-items:start}.area-bandmain,.area-bandside{min-width:0}.area-bandmain h2,.area-bandside h2{font-size:clamp(1.2rem, 2.2vw, 1.5rem);margin-bottom:12px;scroll-margin-top:calc(var(--header-h) + 20px)}.area-bandmain h2+p{margin-top:0}.area-bandmain>h2:not(:first-child){margin-top:38px}.area-bandmain p{color:var(--text);font-size:1rem;line-height:1.75;margin-bottom:16px}.area-bandmain strong{color:var(--heading);font-weight:600}.area-sideh2{margin-top:32px}.area-tablewrap{border:1px solid var(--border);border-radius:var(--r-md);background:var(--card);overflow-x:auto;margin-bottom:12px}.area-table{width:100%;border-collapse:collapse;font-size:.9rem}.area-table td,.area-table th{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}.area-table thead th{font-size:.71rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);background:var(--bg-soft);white-space:nowrap}.area-table tbody th{font-weight:600;color:var(--heading);min-width:150px}.area-table tbody td{color:var(--text);line-height:1.6}.area-table tbody tr:last-child td,.area-table tbody tr:last-child th{border-bottom:none}.area-numbers tbody td{font-variant-numeric:tabular-nums}.area-rownote{color:var(--muted);font-size:.84rem;font-weight:500}.area-tag{display:inline-block;padding:3px 11px;border-radius:var(--r-pill);font-size:.8rem;font-weight:600;background:var(--tint-green);color:var(--green-dark)}.area-tag-ref{background:var(--bg-soft);color:var(--muted)}.area-tablenote{font-size:.87rem;color:var(--muted);line-height:1.65;margin-bottom:18px}.area-derivation{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-left:3px solid var(--green-dark);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--bg-soft);margin-bottom:18px}.area-derivation p{margin:0;font-size:.94rem;line-height:1.65}.area-bandside{position:sticky;top:calc(var(--header-h) + 22px)}.area-sidelead{font-size:.9rem;color:var(--muted);line-height:1.65;margin-bottom:6px}.area-bandside .ref-table{font-size:.86rem}.area-bandside .ref-table td,.area-bandside .ref-table th{padding:9px 10px}.area-bandside .ref-table td:nth-child(2){font-variant-numeric:tabular-nums;white-space:nowrap}.area-bandside .ref-badge{white-space:nowrap;font-size:.76rem}.area-sidenote{display:flex;align-items:flex-start;gap:11px;margin-top:16px;padding:14px 16px;border-radius:var(--r-md);background:var(--tint-green)}.area-sidenoteic{flex:0 0 auto;color:var(--green-dark)}.area-sidenoteic .micon{width:20px;height:20px}.area-sidenote p{margin:0;font-size:.88rem;line-height:1.6;color:var(--text)}[data-theme=dark] .ex-chip.area-shape:hover{color:var(--green);border-color:var(--green)}[data-theme=dark] .ex-chip.area-shape.is-active{color:var(--green);border-color:var(--green)}[data-theme=dark] .area-formula{color:var(--green)}[data-theme=dark] .area-result .stat-tile.is-headline{border-color:var(--green)}[data-theme=dark] .area-result .stat-tile.is-headline .stat-val{color:var(--green)}[data-theme=dark] .area-note.is-good{color:var(--green)}[data-theme=dark] .area-note.is-warn{color:#fcd34d}[data-theme=dark] .area-comparecol .note-box a{color:var(--green)}[data-theme=dark] .area-tag{color:var(--green)}[data-theme=dark] .area-tag-ref{color:var(--muted)}[data-theme=dark] .area-derivation{border-left-color:var(--green)}[data-theme=dark] .area-sidenoteic{color:var(--green)}@media (max-width:1199px){.area-shapes{grid-template-columns:1fr 1fr}.area-family:nth-child(3){border-left:none;padding-left:0}}@media (max-width:991px){.area-bandgrid,.area-comparegrid{grid-template-columns:1fr}.area-bandside{position:static}.area-shapes{grid-template-columns:1fr}.area-family+.area-family{border-left:none;padding-left:0;border-top:1px solid var(--border);padding-top:12px}.area-comparelead{min-height:0}}@media (max-width:575px){.area-tool .tool-topbar{align-items:flex-start}.area-unitpick{width:100%;min-width:0}.area-tiles{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.ex-chip.area-shape{font-size:.72rem;padding:10px 5px}.ex-chip.area-shape .area-ic{width:24px;height:24px}.area-table td,.area-table th{padding:9px 11px;font-size:.86rem}.area-table tbody th{min-width:120px}.area-result .tool-stats{padding:12px 12px 4px}}