.topbar .main-nav{gap:clamp(10px,1.6vw,24px)}.topbar .main-nav a{white-space:nowrap;font-size:12px}.main-nav a.current{color:var(--green);font-weight:700}.page-main{width:min(1040px,calc(100% - 48px));margin:0 auto;padding-bottom:60px}.breadcrumb{display:flex;gap:9px;padding:23px 0 18px;color:var(--muted);font-size:11px}.breadcrumb a{color:var(--green)}.page-heading{max-width:730px;padding:15px 0 28px}.page-heading h1{margin:0;font:400 44px/1.12 Georgia,serif}.page-heading>p:last-child{max-width:650px;margin:13px 0 0;color:var(--muted);font-size:14px}.concept-list{border-top:1px solid var(--line)}.concept{display:grid;grid-template-columns:1fr minmax(300px,.8fr);gap:35px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.concept h2,.work-card h2,.trainer-card h2,.teacher-plan h2,.local-preview h2{margin:7px 0 10px;font:400 25px/1.2 Georgia,serif}.concept-copy>p{max-width:610px;color:#4f5b55;font-size:13px}.concept-copy .real-example{padding-left:12px;border-left:2px solid var(--gold);color:var(--muted);font-size:11px}.concept-figure{margin:0;padding:10px;background:#edf2ed}.concept-figure svg{display:block;width:100%;height:auto;max-height:150px}.concept-figure text{fill:#46534c;font:12px "Segoe UI",sans-serif}.concept-figure figcaption{padding:5px 2px 0;color:var(--muted);font-size:9px}.work-card,.trainer-card,.teacher-plan{margin:0 0 22px;padding:22px 24px;border:1px solid var(--line);background:#fff;border-radius:var(--radius)}.work-meta{display:flex;justify-content:space-between;gap:14px;color:var(--green);font-size:9px;font-weight:700;letter-spacing:.65px}.work-card>p,.trainer-card>p{max-width:800px;color:#56615b;font-size:13px}.procedure{margin:18px 0}.procedure h3,.calc-widget h3,.record-template h3,.variation-layout h3{margin:0 0 9px;font-size:14px}.procedure ol{padding-left:20px;color:#4f5b55;font-size:12px}.procedure li{padding:3px 0}.calc-widget{padding:16px;background:#edf2ed}.task-fields label,.measurement-inputs label{font-size:10px}.calc-widget .task-fields input,.measurement-inputs input{width:100px}.record-template{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.record-template p{color:var(--muted);font-size:12px}.variation-layout{display:grid;grid-template-columns:1fr 240px;gap:25px;margin-top:20px}.measurement-inputs{display:flex;flex-wrap:wrap;gap:10px}.measurement-inputs label{display:grid;gap:5px;color:var(--muted)}.measurement-inputs input{padding:8px;border:1px solid var(--line);border-radius:var(--radius)}.small-action{padding:9px 13px;border:0;border-radius:var(--radius);background:var(--green);color:#fff;font-size:11px;cursor:pointer}.variation-layout .small-action{margin-top:12px}.concept-aside{padding:16px;border-left:2px solid var(--coral);background:#f8f2eb}.concept-aside strong{font-size:12px}.concept-aside p{margin:7px 0 0;color:#5f625a;font-size:11px}.task-result{min-height:22px;color:var(--green);font-size:12px;font-weight:600}.reflection{margin:32px 0;padding:22px 25px;background:#e7eee8}.reflection h2{margin:0;font:400 23px Georgia,serif}.reflection ul{padding-left:18px;color:#53605a;font-size:12px}.reflection li{margin:7px 0}.cube-layout{display:grid;grid-template-columns:minmax(280px,1fr) 250px;gap:30px;align-items:center;margin-top:20px}.cube-grid{display:grid;grid-template-columns:repeat(4,58px);grid-template-rows:repeat(3,58px);justify-content:center;gap:3px}.net-face{grid-column:calc(var(--x) + 1);grid-row:calc(var(--y) + 1);border:1px solid var(--green);background:#eef4ef;color:var(--green);cursor:pointer}.net-face.selected{background:#d9a64d;color:#282a22}.trainer-controls{display:flex;align-items:center;gap:14px;justify-content:center;margin-top:15px}.trainer-controls .text-button{margin:0}.symmetry-layout{display:grid;grid-template-columns:minmax(280px,350px) 1fr;gap:25px;align-items:center;margin-top:18px}.symmetry-layout canvas{width:100%;height:auto}.symmetry-controls{display:grid;justify-items:start;gap:9px}.symmetry-controls label{font-size:11px;font-weight:700}.symmetry-controls select{padding:8px;border:1px solid var(--line);border-radius:var(--radius);background:white}.fine-print{color:var(--muted);font-size:10px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-item{border:1px solid var(--line);background:#fff}.gallery-art{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.gallery-art>span{position:absolute;top:12px;left:13px;color:#4c5b52;font-size:8px;font-weight:700;letter-spacing:.7px}.gallery-art>small{position:absolute;bottom:10px;color:#4c5b52;font-size:9px}.room-art{background:#dfece4}.room-plan{position:relative;width:165px;height:105px;border:2px solid #176d55;background:repeating-linear-gradient(90deg,transparent 0 31px,#b2cdbb 32px 33px),repeating-linear-gradient(0deg,transparent 0 31px,#b2cdbb 32px 33px)}.room-plan i{position:absolute;width:21px;height:4px;background:#dfece4}.room-plan i:nth-child(1){top:-3px;left:28px}.room-plan i:nth-child(2){top:-3px;right:25px}.room-plan i:nth-child(3){bottom:-3px;left:65px}.room-plan i:nth-child(4){right:-3px;top:47px;width:4px;height:20px}.structure-art{background:#f1e9d9}.wire-cube{position:relative;width:94px;height:94px;border:2px solid #176d55;transform:rotate(30deg) skew(-5deg);margin-top:10px}.wire-cube:before,.wire-cube:after{content:"";position:absolute;inset:15px -18px;border:2px solid #d66348}.wire-cube:after{inset:-18px 15px;border-color:#176d55}.pattern-art{background:#e6edeb}.pattern-row{display:flex;gap:7px}.pattern-row b{width:39px;height:39px;background:#d66348;transform:rotate(45deg)}.pattern-row b:nth-child(even){background:#e7b84e;transform:rotate(0)}.gallery-caption{padding:15px}.gallery-caption>span{font-size:8px;color:var(--green);font-weight:700}.gallery-caption h2{margin:6px 0;font-size:15px}.gallery-caption p{margin:0;color:var(--muted);font-size:11px}.local-preview{display:grid;grid-template-columns:1fr minmax(280px,.8fr);gap:35px;align-items:center;margin:34px 0;padding:22px;background:#edf2ed}.local-preview h2{font-size:22px}.local-preview p:not(.eyebrow){max-width:480px;color:var(--muted);font-size:12px}.gallery-preview{display:grid;place-items:center;min-height:190px;border:1px dashed #aebbb1;background:#f7f8f5;color:var(--muted);font-size:11px}.gallery-preview img{display:block;max-width:100%;max-height:300px;object-fit:contain}.privacy-reminder{padding:16px 18px;border-left:3px solid var(--gold);background:#fff8e6}.privacy-reminder strong{font-size:12px}.privacy-reminder p{margin:5px 0 0;color:#5e5948;font-size:11px}.teacher-plan>h2{margin-bottom:17px}.plan-table{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.plan-table>div{padding:14px 18px 12px 0;border-bottom:1px solid var(--line)}.plan-table>div:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}.plan-table strong{font-size:11px;color:var(--green)}.plan-table p{margin:5px 0 0;color:#56615b;font-size:11px}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.checklist label{display:flex;gap:9px;align-items:start;font-size:12px}.checklist input{accent-color:var(--green)}.handout-lines p{margin:12px 0;font-size:11px}.drawing-space{height:145px;border:1px solid #cfd6d0}.no-print{float:right}.footer{margin-top:0}.footer a{color:var(--green)}
@media(max-width:800px){.topbar .main-nav{order:3;width:100%;overflow-x:auto;gap:19px;margin:0;padding:5px 0}.topbar{height:auto;min-height:60px;flex-wrap:wrap;padding:9px 18px}.page-main{width:calc(100% - 36px)}.concept{grid-template-columns:1fr;gap:12px}.concept-figure{max-width:520px;width:100%}.gallery-grid{grid-template-columns:repeat(2,1fr)}.variation-layout,.cube-layout{grid-template-columns:1fr}.concept-aside{max-width:500px}.local-preview{grid-template-columns:1fr}.symmetry-layout{grid-template-columns:1fr}.symmetry-layout canvas{max-width:350px}.privacy-inner{grid-template-columns:1fr;gap:15px}}
@media(max-width:520px){.topbar{padding:9px 14px}.brand{font-size:12px}.topbar .main-nav a{font-size:11px}.page-main{width:calc(100% - 28px)}.page-heading h1{font-size:36px}.page-heading>p:last-child{font-size:12px}.work-card,.trainer-card,.teacher-plan{padding:17px 14px}.gallery-grid{grid-template-columns:1fr}.gallery-art{height:180px}.plan-table{grid-template-columns:1fr}.plan-table>div:nth-child(even){padding-left:0;border-left:0}.checklist{grid-template-columns:1fr}.measurement-inputs{display:grid;grid-template-columns:1fr 1fr}.cube-grid{grid-template-columns:repeat(4,52px);grid-template-rows:repeat(3,52px)}.work-meta{font-size:8px}}
@media print{.topbar,.footer,.no-print{display:none!important}.page-main{width:100%;padding:0}.teacher-plan:not(.printable){display:none}.printable{border:0;padding:0}.drawing-space{height:175px}}