.geometry-shell{padding-top:16px}.geometry-landing-head{display:flex;align-items:center;gap:18px;margin:14px 0 24px}.geometry-landing-head>span{display:grid;place-items:center;width:68px;height:68px;border-radius:18px;background:#e4eee8;color:var(--green);font:600 38px 'Fraunces',serif;box-shadow:0 10px 22px rgba(37,63,57,.13)}.geometry-landing-head h1{font-size:36px;margin:2px 0}.geometry-landing-head p{margin:0;color:#64736f}.geometry-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.geometry-topic-grid>a{display:grid;grid-template-columns:135px 1fr;min-height:185px;border:1px solid #d3c7b3;border-radius:15px;overflow:hidden;background:linear-gradient(145deg,#fffdf8,#f1ebde);color:var(--ink);text-decoration:none;box-shadow:0 12px 26px rgba(37,63,57,.11);transition:.2s}.geometry-topic-grid>a:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(37,63,57,.18)}.geometry-card-figure{display:grid;place-items:center;background:linear-gradient(145deg,#dfece6,#f5dcbf);border-right:1px solid #d3c7b3}.geometry-card-figure svg{width:112px;height:112px}.geometry-topic-grid>a>div:last-child{padding:20px}.geometry-topic-grid p{margin:0 0 7px;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:.08em}.geometry-topic-grid h2{margin:0 0 8px;font-size:21px}.geometry-topic-grid small{display:block;color:#64736f;line-height:1.45}.geometry-topic-grid b{display:block;margin-top:15px;color:var(--green);font-size:12px}.geometry-sources{margin-top:28px;padding:22px;border-top:1px solid #d8cebb}.geometry-sources h2{font-size:21px}.geometry-sources p,.geometry-sources li{color:#64736f;font-size:12px;line-height:1.6}.geometry-sources a{color:var(--green)}.geometry-workspace{display:grid;grid-template-columns:265px minmax(0,1fr);gap:24px}.geometry-topic-rail{position:sticky;top:92px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;border:1px solid #d8cebb;border-radius:13px;background:#f8f5ed;box-shadow:0 9px 22px rgba(37,63,57,.09)}.geometry-topic-rail>h2{margin:9px 17px 2px;font-size:24px}.geometry-topic-rail>p{margin:0 17px 14px;color:#64736f;font-size:12px}.geometry-topic-rail nav a{display:block;padding:11px 16px;border-top:1px solid #e0d7c7;color:var(--ink);font-size:12px;line-height:1.35;text-decoration:none}.geometry-topic-rail nav a span{display:block;color:var(--orange);font-size:9px;letter-spacing:.12em}.geometry-topic-rail nav a[aria-current=page]{background:var(--ink);color:white}.geometry-lesson>header{position:relative;padding:4px 0 18px;border-bottom:1px solid #d8cebb}.geometry-lesson h1{margin:4px 0 8px;font-size:34px}.geometry-lesson>header>p:not(.eyebrow){margin:0;color:#64736f}.geometry-standard{display:inline-block;margin-top:12px;padding:5px 9px;border-radius:999px;background:#e4eee8;color:var(--green);font-size:10px;font-weight:700}.geometry-big-idea{padding:20px 0}.geometry-big-idea h2{margin:5px 0 0;font-size:22px;line-height:1.45}.geometry-demo{padding:20px;border:1px solid #d3c7b3;border-radius:15px;background:#fffdf8;box-shadow:0 12px 25px rgba(37,63,57,.09)}.geometry-canvas{min-height:300px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(#f1f5ee,#f8eddf);overflow:hidden}.geometry-canvas svg{width:min(100%,620px);height:300px}.geometry-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:15px}.geometry-controls button{padding:8px 13px;border:1px solid #b9aa92;border-radius:9px;background:#f6f0e4;color:var(--ink);cursor:pointer;font-weight:650}.geometry-controls button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.geometry-controls label{display:flex;align-items:center;gap:8px;color:#536762;font-size:12px}.geometry-controls input[type=range]{width:min(260px,50vw);accent-color:var(--green)}.geometry-readout{min-height:24px;margin:12px 0 0;color:var(--green);font-weight:700;text-align:center}.geometry-lesson-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:20px}.geometry-lesson-grid>section{padding:20px;border:1px solid #d8cebb;border-radius:13px;background:#f8f5ed}.geometry-lesson-grid ul{margin:10px 0 0;padding-left:20px}.geometry-lesson-grid li,.geometry-lesson-grid p:not(.eyebrow){margin-bottom:10px;color:#536762;line-height:1.55}.geometry-try-label{margin-top:22px}.geometry-next{text-align:center;color:#64736f;font-size:12px;margin:22px}.geo-label{font:700 13px system-ui;fill:#284c46}.geo-soft{fill:#d7e8e1;stroke:#2f6b63;stroke-width:3}.geo-warm{fill:#f2c995;stroke:#a65f32;stroke-width:3}.geo-line{stroke:#2f6b63;stroke-width:5;stroke-linecap:round}.geo-dash{stroke:#c76d3b;stroke-width:3;stroke-dasharray:8 7}.geo-grid{stroke:#c9d3cc;stroke-width:1}
@media(max-width:900px){.geometry-topic-grid{grid-template-columns:1fr}.geometry-workspace{grid-template-columns:1fr}.geometry-topic-rail{position:static;max-height:none}.geometry-topic-rail nav{display:flex;overflow-x:auto}.geometry-topic-rail nav a{min-width:170px;border-left:1px solid #e0d7c7}.geometry-lesson-grid{grid-template-columns:1fr}}
@media(max-width:560px){.geometry-topic-grid>a{grid-template-columns:95px 1fr}.geometry-card-figure svg{width:82px}.geometry-topic-grid>a>div:last-child{padding:16px}.geometry-canvas{min-height:245px}.geometry-canvas svg{height:245px}.geometry-landing-head>span{width:56px;height:56px}}