.visualizer-intro{background:#edf0e3;padding-top:55px;padding-bottom:38px}.visualizer-intro h1{font-size:clamp(42px,5.4vw,76px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 24px}.visualizer-intro>p{max-width:780px;font-size:18px;line-height:1.75}.visualizer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:24px 0}.visualizer-notice{padding:17px 20px;border-left:4px solid #9d7230;background:#fff9e9;font-size:14px!important}
.project-visualizer{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"scene sidebar" "drawing sidebar" "evidence evidence";gap:24px;align-items:start;padding-top:35px;padding-bottom:35px}.project-visualizer section,.project-visualizer aside{min-width:0;border:1px solid #bac5b6;background:#fffdf4}.project-visualizer h2{font-size:26px;line-height:1.2;margin:0 0 17px}.project-visualizer h3{font-size:18px;line-height:1.4}.project-visualizer p{font-size:14px;line-height:1.7}.project-visualizer .scene{grid-area:scene;background:linear-gradient(#f4f6ef,#e0e7db);position:relative}.visualizer-toolbar{display:flex;flex-wrap:wrap;gap:7px;padding:16px}.project-visualizer button,.project-visualizer select{font:inherit;color:#1d382d;background:#fffdf4;border:1px solid #7c9178;border-radius:3px;min-height:44px;padding:9px 12px;cursor:pointer}.project-visualizer button[aria-pressed=true]{background:#1d382d;color:white}.project-visualizer button:hover{border-color:#1d382d}.project-visualizer #view{display:block;width:100%;height:470px;touch-action:none;cursor:grab}.project-visualizer .caption{padding:15px 18px 5px;font-size:12px;line-height:1.8;color:#3c5544}.project-visualizer #status{padding:7px 18px 14px;text-align:right;font-size:12px}.project-visualizer aside{grid-area:sidebar;padding:22px}.project-visualizer label{display:block;font-size:13px;margin-top:17px}.project-visualizer select{display:block;width:100%;margin:7px 0 17px}.project-visualizer #componentList{display:grid;gap:6px;max-height:230px;overflow:auto;padding:5px;border:1px solid #bcc8b7}.project-visualizer #componentList button{text-align:left;font-size:13px}.project-visualizer #componentList button[aria-pressed=true]{background:#fff0d7;color:#653b05;border:2px solid #a96709}.project-visualizer .tag{background:#e8eddf;padding:4px 7px;font-size:12px}.project-visualizer a{display:block;font-size:14px;text-decoration:underline;text-underline-offset:3px;margin:12px 0;overflow-wrap:anywhere}.project-visualizer .drawing{grid-area:drawing;padding:22px}.project-visualizer .drawing img{width:100%;height:auto;display:block;border:1px solid #bac5b6}.project-visualizer .evidence{grid-area:evidence;padding:26px}.project-visualizer .columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.project-visualizer .evidence>p{font-size:13px}.project-visualizer hr{border:0;border-top:1px solid #bac5b6;margin:25px 0}.visualizer-next{background:#e8eddf}.visualizer-next h2{font-size:clamp(30px,3.6vw,48px);max-width:750px}.visualizer-next p{max-width:750px;line-height:1.8}
.visualization-choice{padding:22px;margin:24px 0;background:#edf0e3;border:1px solid #a6b69d}.visualization-choice label.check-line{display:flex;align-items:flex-start;gap:12px;font-size:16px!important;font-weight:600;margin:0!important;line-height:1.6}.visualization-choice input[type=checkbox]{display:inline-block!important;width:20px!important;height:20px;min-width:20px;padding:0!important;margin:3px 0 0!important;accent-color:#1d382d}.visualization-choice p,.visualization-choice small{font-size:13px;line-height:1.8;display:block;margin:12px 0}.visualization-choice a{display:inline-block;min-height:44px;padding:10px 0;font-size:14px}.visualizer-home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;background:#edf0e3}.visualizer-home h2{font-size:clamp(34px,4.2vw,62px);line-height:1.1;margin:16px 0 24px}.visualizer-home p{max-width:620px;line-height:1.8}.visualizer-home .small{font-size:13px;margin-top:20px}.visualizer-home-image{display:block;background:#f5f7f1}.visualizer-home-image img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain}
@media(min-width:1251px) and (max-width:1650px){.site-header .menu-toggle{display:block;min-width:44px;min-height:44px}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 5%;background:#fff;border-bottom:1px solid var(--line);align-items:stretch}.site-header nav.open{display:flex;flex-direction:column;gap:0}.site-header nav a{padding:12px 0}}
@media(max-width:1000px){.project-visualizer{grid-template-columns:1fr;grid-template-areas:"scene" "sidebar" "drawing" "evidence"}.project-visualizer .columns{grid-template-columns:1fr;gap:8px}.project-visualizer #view{height:440px}.visualizer-home{gap:24px}}
@media(max-width:600px){.visualizer-intro{padding-top:35px}.visualizer-intro>p{font-size:16px}.visualizer-actions{display:grid;gap:12px}.visualizer-actions .button{width:100%;text-align:center}.project-visualizer{gap:18px;padding-top:24px}.visualizer-toolbar{padding:12px;gap:6px}.project-visualizer button{font-size:13px;padding:9px}.project-visualizer #view{height:360px}.project-visualizer .caption{font-size:11px}.project-visualizer aside,.project-visualizer .drawing,.project-visualizer .evidence{padding:18px}.visualizer-home{grid-template-columns:1fr}.visualizer-home-image{grid-row:2}.visualization-choice{padding:17px}.project-visualizer #componentList{max-height:220px}}
@media(prefers-reduced-motion:reduce){.project-visualizer *{scroll-behavior:auto}}

.scope-table{overflow:auto}.glass-scope table{width:100%;border-collapse:collapse;text-align:left}.glass-scope th,.glass-scope td{padding:12px;border-bottom:1px solid #cdd4c9}.glass-scope caption{text-align:left;margin:16px 0}.glass-scope p{max-width:900px}