.geometry-tabs{position:absolute;right:64px;top:38px;display:flex;padding:4px;gap:3px;border-radius:24px;background:#f3f4f6;z-index:2}
.geometry-tabs button{font-size:15px;color:#6e6e73;padding:9px 15px;border-radius:20px;line-height:1.25}
.geometry-tabs button.selected{background:#fff;color:#1d1d1f;box-shadow:0 1px 6px #1528420c}
.geometry-tabs button:hover{color:#0065c8}
.geometry-page h1{font-size:42px;line-height:1.35;letter-spacing:-1.2px;margin-top:28px;font-weight:650}
.geometry-page .kicker{font-size:18px}
.geometry-drawing{position:absolute;left:35px;top:170px;width:700px}
.house-diagram{display:block;width:100%;height:410px}
.sun-times{display:flex;justify-content:center;gap:5px;margin-top:2px}
.sun-times button{font-size:18px;padding:8px 29px;border-radius:20px;color:#758495;background:#f4f6f8}
.sun-times button.selected{color:#1767bb;background:#e9f3ff}
.geometry-conditions{position:absolute;left:790px;right:65px;top:194px}
.geometry-conditions>div{display:flex;gap:20px;margin-bottom:25px}
.geometry-conditions>div>b{font-size:15px;color:#9cabbc;padding-top:5px;font-weight:500}
.geometry-conditions>div p{font-size:23px;line-height:1.5;color:#435468}
.geometry-conditions>div strong{font-weight:600;color:#1d1d1f}
.geometry-conditions small{display:block;font-size:14px;color:#8795a4;margin-top:8px}
.geometry-key{font-size:22px;line-height:1.55;color:#315c87;margin-top:5px;padding-top:17px;border-top:1px solid #dce5ee}
.geometry-key strong{font-weight:600}
.geometry-conditions .text-button{font-size:14px;padding:10px 0;margin-top:7px;color:#0071e3}
.geometry-bottom{position:absolute;left:64px;right:64px;top:628px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.geometry-bottom p,.geometry-bottom>strong{font-size:20px;color:#3d5066;font-weight:400}
.geometry-bottom strong{font-weight:600}
.geometry-bottom button{font-size:17px;color:#0065c8;padding:7px 0;white-space:nowrap}
.geometry-bottom button:hover{background:none;text-decoration:underline;text-underline-offset:4px}
.geometry-page .credit{font-size:12px;bottom:24px}
.geometry-proof,.geometry-counter{position:absolute;top:190px;border-radius:18px;padding:25px 30px;height:415px}
.geometry-proof{left:64px;width:609px;background:#f3f7fb}
.geometry-counter{left:700px;right:64px;background:#faf7f2}
.geometry-panel-label{font-size:16px;color:#758ba1}
.geometry-proof h2,.geometry-counter h2{font-size:28px;line-height:1.35;font-weight:600;margin-top:12px;letter-spacing:-.6px}
.geometry-assumptions{font-size:17px;line-height:1.65;color:#6b7d90;margin-top:13px}
.geometry-proof ol{list-style:none;padding:0;margin:20px 0 0;counter-reset:proof}
.geometry-proof li{position:relative;padding-left:36px;margin-bottom:15px;counter-increment:proof}
.geometry-proof li:before{content:counter(proof);position:absolute;left:0;top:1px;background:#e2edf8;color:#447fb8;border-radius:50%;font-size:15px;width:23px;height:23px;display:grid;place-items:center}
.geometry-proof li b{display:block;font-size:20px;font-weight:600}
.geometry-proof li span{font-size:17px;line-height:1.6;color:#6b7d90}
.geometry-counter>svg{display:block;width:360px;height:218px;margin:-1px auto -3px}
.geometry-counter>p:last-child{font-size:18px;line-height:1.55;color:#786c5e}
.geometry-counter>p:last-child strong{font-weight:600;color:#5d5347}
