:root{font-family:'DM Sans',system-ui,sans-serif;color:#173c33;background:#f7f7f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 12%,#e4ebe1 0,transparent 28%),#f7f7f1}button,input{font:inherit}button{cursor:pointer}.shell{max-width:1240px;margin:auto;padding:0 42px}.topbar{height:88px;border-bottom:1px solid #dbe2d9;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.12em;font-size:12px;font-weight:600}.brand strong{font-weight:800}.brandmark{background:#193f35;color:#e7f2e9;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:21px;line-height:1}.privacy{border:1px solid #dce4d9;border-radius:24px;padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.05em;color:#4b6a5b;background:#fff9}.dot,.live-indicator span{display:inline-block;width:7px;height:7px;background:#58a579;border-radius:50%;margin-right:6px}.intro{padding:55px 0 42px;max-width:790px}.eyebrow,.overline{color:#648978;font-size:10px;letter-spacing:.19em;font-weight:800}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow span{width:25px;height:1px;background:#9bb4a2}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h1{font-size:clamp(43px,5.5vw,70px);line-height:1.12;letter-spacing:-.06em;margin:17px 0 17px;font-weight:800}h1 em{font-style:normal;color:#b17343}.intro p{font-size:15px;line-height:1.8;max-width:605px;color:#62796b}.workbench{background:#fff;border:1px solid #e5e9e0;border-radius:20px;overflow:hidden;box-shadow:0 24px 90px #234c3212,0 3px 12px #234c3209}.workbench-head{display:flex;align-items:center;justify-content:space-between;padding:25px 32px 21px;border-bottom:1px solid #e9eee8}.workbench-head h2{font-size:23px;letter-spacing:-.045em;margin:6px 0 0}.unit-badge{background:#eff5ef;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:800;color:#436352}.unit-badge span{margin:0 8px;color:#a4b9a7}.workbench-body{display:grid;grid-template-columns:1fr 1fr}.controls{padding:30px 34px 35px}.result{background:#183e34;color:#fff;padding:30px 35px 30px;min-width:0}.mode-switch{padding:4px;background:#edf3ed;border-radius:9px;display:flex;width:100%;gap:4px}.mode{border:0;border-radius:7px;background:transparent;color:#6b8574;font-weight:700;font-size:13px;flex:1;padding:12px}.mode.active{background:#fff;color:#1b4538;box-shadow:0 2px 8px #113c3018}.mode-hint{font-size:12px;line-height:1.6;color:#789081;min-height:36px;margin:16px 0 25px}.inputs{display:grid;gap:22px}.field{display:block}.field-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;margin-bottom:9px;color:#345345}.field-num{border:1px solid #cfded1;border-radius:5px;display:grid;place-items:center;width:21px;height:21px;color:#729380;font-size:10px}.input-wrap{display:flex;align-items:center;border:1px solid #dce4dc;border-radius:9px;padding:0 15px;background:#fbfcfa;transition:border .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#5a9a76;box-shadow:0 0 0 3px #6db58b2b}.input-wrap input{background:transparent;border:0;outline:0;width:100%;padding:13px 2px;font-size:20px;font-weight:700;letter-spacing:-.04em;color:#173c33}.input-wrap>span{font-size:12px;font-weight:700;color:#82988a}.field small{display:block;margin:7px 0 0 30px;font-size:11px;color:#87998d}.split-control{border:1px solid #dce9df;background:#f8fbf7;padding:16px;border-radius:10px;margin-top:24px}.split-control[hidden],.error-panel[hidden],#valid-result[hidden],.metric[hidden]{display:none}.split-header,.split-ends{display:flex;justify-content:space-between}.split-header{font-size:12px;font-weight:800}.split-header output{color:#be7950}.split-control input{width:100%;accent-color:#c5804e;margin:15px 0 4px}.split-ends{font-size:11px;font-weight:700;color:#6c8b79}.split-control p{font-size:11px;color:#809786;line-height:1.5;margin:10px 0 0}.presets{margin-top:27px;padding-top:21px;border-top:1px solid #e6eee6}.presets-title{font-size:11px;letter-spacing:.04em;font-weight:800;color:#476654;display:flex;justify-content:space-between;margin-bottom:12px}.presets-title span{color:#b8794e}.preset-list{display:grid;gap:7px}.preset-list button{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #e3ebe2;background:#fafcf9;border-radius:7px;padding:9px 11px;text-align:left;color:#3f5b49;font-size:12px;font-weight:700}.preset-list button:hover{border-color:#85b294;background:#f0f7f0}.preset-list span{font-weight:500;color:#92a497;white-space:nowrap}.result-top{display:flex;justify-content:space-between;align-items:center}.result .overline{color:#8fbda5}.live-indicator{font-size:10px;letter-spacing:.12em;font-weight:800;color:#83b59a}.angle-hero{padding:27px 0 19px}.angle-caption{font-size:13px;color:#c5d6c9}.angle-number{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(58px,7vw,86px);letter-spacing:-.07em;line-height:1.18;margin:2px 0;color:#f2f7ee;font-variant-numeric:tabular-nums}.angle-number sup{color:#d2935f;font-size:.48em;vertical-align:top;position:relative;top:.21em;margin-left:4px}.angle-desc{font-size:11px;color:#a5c0ae;line-height:1.7;max-width:390px}.diagram-wrap{background:#f6f8f4;color:#355747;border-radius:12px;padding:14px 12px 7px}.diagram-heading{font-size:9px;font-weight:800;letter-spacing:.1em;color:#769482;display:flex;justify-content:space-between;gap:8px;padding:0 8px}.diagram-heading span:last-child{color:#a1af9d}.diagram-wrap svg{display:block;width:100%;height:auto;max-height:295px}.axis{stroke:#b2c8b7;stroke-width:1;stroke-dasharray:4 4}.dimension{stroke:#a4b8a7;stroke-width:1.2}.dim-cap{stroke:#a4b8a7;stroke-width:1.2}.diagram-label{fill:#638271;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700}.angle-diagram-label{fill:#ad7047;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:800}.diagram-foot{fill:#a4b4a4;font-size:10px;letter-spacing:.03em}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:21px}.metric{padding:14px 0;border-top:1px solid #466559}.metric:nth-child(even){padding-left:20px;border-left:1px solid #466559}.metric span{display:block;color:#83ac98;font-size:9px;letter-spacing:.12em;font-weight:800;margin-bottom:6px}.metric strong{font-size:17px;letter-spacing:-.02em;font-family:Manrope,sans-serif}.copy{margin-top:10px;width:100%;border:0;border-radius:9px;background:#e7ad7b;color:#173b32;padding:15px 17px;display:flex;gap:9px;justify-content:center;align-items:center;font-size:12px;font-weight:800}.copy:hover{background:#f1bd8f}.error-panel{min-height:520px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#dceade}.error-icon{font-size:24px;color:#e7ad7b;border:1px solid #779281;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;margin-bottom:17px}.error-panel h3{font-size:22px;margin-bottom:10px}.error-panel p{font-size:13px;color:#a8beaa;max-width:280px;line-height:1.7}.notes{padding:76px 0 69px}.notes-head{display:flex;align-items:baseline;gap:26px}.notes-head h2{font-size:27px;letter-spacing:-.045em}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.note{border-top:1px solid #d5dfd3;padding-top:18px}.note-index{font-size:11px;font-weight:800;color:#bd865e}.note h3{font-size:16px;margin:11px 0 9px}.note p{color:#718578;font-size:12px;line-height:1.75;margin:0}footer{border-top:1px solid #d7e0d7;padding:25px 0 35px;display:flex;justify-content:space-between;color:#638070;font-size:10px;font-weight:700;letter-spacing:.1em}footer span{font-weight:400;letter-spacing:0}@media(max-width:850px){.shell{padding:0 23px}.workbench-body{grid-template-columns:1fr}.result{padding:27px 30px}.angle-number{font-size:76px}.notes{padding:55px 0}.note-grid{gap:16px}}@media(max-width:540px){.shell{padding:0 15px}.topbar{height:66px}.brand{font-size:10px}.brandmark{width:28px;height:28px}.privacy{font-size:10px}.intro{padding:41px 8px 28px}.intro p{font-size:13px}.workbench-head{padding:20px}.workbench-head h2{font-size:20px}.controls,.result{padding:22px 20px}.angle-number{font-size:64px}.diagram-heading{font-size:8px}.notes-head{display:block}.note-grid{grid-template-columns:1fr;gap:24px}.note{padding-top:13px}.notes{padding:48px 8px}footer{padding:22px 8px 30px;gap:10px;line-height:1.5}}
/* The WordPress page supplies the surrounding header and footer. */
html,body{background:#f7f7f1}.shell{padding-top:0}.intro{padding-top:24px}.notes{padding-bottom:28px}