:root{color-scheme:light;--ink:#182d29;--muted:#40594f;--accent:#164e45;--paper:#faf9f5;--line:#bcc7c0;--focus:#9e3e13;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{color:#fff;background:var(--accent)}button{font:inherit;cursor:pointer}button[hidden]{display:none}.site-header,main,.site-footer{max-width:1160px;margin:auto;padding-inline:24px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-block:20px;display:flex}.brand{font-size:1.2rem;font-weight:750;text-decoration:none}.brand span{margin-left:8px}.page-heading{padding-block:24px 16px;position:relative}.page-heading h1{letter-spacing:-.03em;max-width:800px;margin:0 0 8px;font-size:clamp(1.65rem,4vw,2.5rem);line-height:1.12}.page-heading p{color:var(--muted);margin:0}.print-button{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:6px;margin-top:14px;padding:9px 17px;font-weight:650}.shape-nav{gap:4px;padding-block:4px 14px;display:grid}.nav-group{flex-wrap:wrap;align-items:baseline;gap:4px 18px;display:flex}.nav-group>span{color:var(--muted);min-width:20px;font-size:.8rem;font-weight:750}.shape-nav a{padding-block:4px}.unit-note{border-block:1px solid var(--line);color:var(--muted);margin:0;padding-block:12px;font-size:.94rem}h2{margin:24px 0 8px;font-size:1.15rem}h3{margin:0 0 10px;font-size:1.18rem;line-height:1.25}.shape-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;display:grid}.shape-card{border-bottom:1px solid var(--line);min-width:0;padding-block:20px;scroll-margin-top:16px}.shape-body{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.shape-body>.diagram{flex:0 180px}.shape-body>.formulas{flex:14rem}.diagram{width:100%;height:auto;max-height:170px;display:block;overflow:visible}.diagram .shape-line{fill:none;stroke:var(--accent);stroke-width:2.3px;stroke-linejoin:round}.diagram .dimension{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-linejoin:round}.diagram .hidden-line{fill:none;stroke:var(--ink);stroke-width:1.4px;stroke-dasharray:5 4}.diagram .solid{fill:var(--ink)}.diagram text{fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round;font-family:system-ui,sans-serif;font-size:18px}.formulas{min-width:0;margin:0}.formula-row{margin-bottom:8px}.formula-row dt{color:var(--muted);font-size:.83rem;font-weight:600}.formula-row dd{overflow-wrap:anywhere;margin:0;font-size:1.16rem}math{font-family:math;font-size:1em}.variables,.condition,.warning{margin:8px 0 0;font-size:.9rem;line-height:1.45}.variables{font-weight:550}.condition{color:var(--muted)}.warning{color:var(--ink)}.print-footer{color:var(--muted);margin-top:24px;font-size:.8rem}.site-footer{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;gap:16px 28px;margin-top:36px;padding-block:24px;font-size:.9rem;display:flex}.prose{max-width:72ch;padding-block:24px}.prose h1{line-height:1.2}.prose h2{margin-top:32px}.prose li{margin-block:10px}.skip-link{z-index:2;background:#fff;padding:8px;position:absolute;top:8px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:none}@media (width>=800px){.print-button{position:absolute;top:18px;right:0}.page-heading{padding-right:150px}}@media (width<=600px){.site-header,main,.site-footer{padding-inline:16px}.site-header{padding-block:14px}.shape-grid{grid-template-columns:1fr}.shape-body>.formulas{order:-1}.shape-body>.diagram{flex-basis:240px;margin-inline:auto}.shape-nav{gap:4px 16px}.shape-card{padding-block:16px}.page-heading{padding-block:18px 12px}}@media print{@page{size:portrait;margin:10mm}:root{color:#000;--ink:#000;--muted:#000;--accent:#000;--line:#888;--paper:#fff;background:#fff;font-size:11pt}.site-header,.site-footer,.skip-link,.shape-nav,.print-button,.examples{display:none!important}main{max-width:none;margin:0;padding:0}.page-heading{padding:0 0 3mm}.page-heading h1{margin:0;font-size:19pt}.page-heading p{display:none}.unit-note{margin:0;padding:2mm 0;font-size:11pt;line-height:1.25}h2{margin:3mm 0 0;font-size:12pt}h3{margin:0 0 1.5mm;font-size:12pt}.shape-group{break-inside:avoid}.shape-group+.shape-group{break-before:page}.shape-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6mm}.shape-card{break-inside:avoid;page-break-inside:avoid;padding:3mm 0}.shape-body{display:block}.shape-body>.formulas{order:0}.diagram{width:100%;height:32mm;max-height:none}.diagram text{font-size:21px}.formulas{display:block}.formula-row{margin:1mm 0}.formula-row dt{margin-right:2mm;font-size:11pt;display:inline}.formula-row dd{font-size:12pt;display:inline}.variables,.condition,.warning{margin:1.5mm 0 0;font-size:11pt;line-height:1.22}.print-footer{margin:3mm 0 0;font-size:11pt}a{color:#000;text-decoration:none}}.examples{margin-block:36px}.examples h2{margin-bottom:16px;font-size:1.4rem}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px;display:grid}.example-card{border-top:1px solid var(--line);max-width:65ch;padding-block:12px}.example-card p{margin:8px 0}.wrong{color:#803611}.right{color:var(--accent)}@media (width<=600px){.examples-grid{grid-template-columns:1fr}.nav-group{gap:4px 14px}}.print-footer,.prose a{overflow-wrap:anywhere}.formula-sheet>.page-heading h2{margin:0;font-size:1.65rem;line-height:1.2}.calculator-heading{padding-right:0}@media print{.calculator-heading{display:none}.formula-sheet>.page-heading h2{font-size:19pt}.formula-sheet>.page-heading{padding-right:0}}.calculator-links{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 20px;padding-bottom:24px;display:flex}@media print{.calculator-links{display:none!important}}