.arch-page{color:#19384b;max-width:1100px;margin:auto;padding:20px}.arch-page header{flex-wrap:wrap;justify-content:space-between;gap:15px;margin:10px 0 25px;display:flex}.arch-page a{color:#176280;text-decoration:underline}.arch-hero{color:#ecf7fb;background-color:#102f45;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:28px 28px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:20px;padding:48px}.arch-hero>span{letter-spacing:3px;color:#9cdaec;font-size:12px}.arch-hero h1{margin:20px 0;font-size:clamp(36px,5vw,60px);line-height:1.08}.arch-hero p{max-width:700px;line-height:1.7}.arch-small{color:#bed2dc;font-size:13px}.arch-levels{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}.arch-page button{color:#19384b;cursor:pointer;background:#fff;border:1px solid #88aab9;border-radius:8px;min-height:44px;padding:10px 15px}.arch-page button:disabled{opacity:.55;cursor:default}.arch-levels button{text-align:left;padding:20px}.arch-levels button>*{display:block}.arch-levels b{font-size:23px}.arch-levels span{margin:8px 0}.arch-levels .active{color:#fff;background:#19384b;border-color:#19384b}.arch-subnav{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.arch-subnav button[aria-pressed=true]{background:#d6ebf2}.arch-panel{background:#fff;border:1px solid #c7dae2;border-radius:12px;margin:16px 0;padding:24px}.arch-panel summary{cursor:pointer;justify-content:space-between;gap:12px;display:flex}.arch-panel summary span{font-size:13px}.arch-panel p{margin:15px 0;line-height:1.75}.arch-panel h2{font-size:25px}.arch-panel h3{margin:18px 0 10px}.arch-panel fieldset{border:1px solid #c7dae2;border-radius:8px;margin:20px 0;padding:16px}.arch-panel legend{padding:0 5px;font-weight:600}.arch-panel label{align-items:center;gap:8px;margin:8px 0;display:flex}.arch-panel input[type=radio],.arch-panel input[type=checkbox]{width:auto}.arch-panel input:not([type=radio]):not([type=checkbox]),.arch-panel select{border:1px solid #88aab9;border-radius:6px;width:100%;min-width:0;padding:9px}.arch-diagram{background:#102f45;border-radius:8px;width:100%;max-height:260px;margin-top:22px}.arch-example{background:#edf6fa;border-left:4px solid #1d6688;padding:16px}.arch-example p{margin:6px 0}.arch-lab-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.arch-lab-controls label{max-width:190px;display:block}.arch-lab{grid-template-columns:minmax(0,2fr) minmax(190px,1fr);gap:20px;margin-top:20px;display:grid}.arch-lab svg{touch-action:manipulation;background:#f4f8fa;width:100%;max-height:520px}.arch-lab>div label{display:block}.arch-certificate{text-align:center;border:5px double #19384b;margin:20px 0;padding:35px}.arch-certificate h3{font-size:32px}.arch-resources{background:#eef5f7}.arch-panel li{margin:10px 0}.arch-page button:focus-visible,.arch-page summary:focus-visible{outline-offset:3px;outline:3px solid #db9e35}@media (width<=650px){.arch-page{padding:12px}.arch-hero{padding:26px}.arch-levels{grid-template-columns:1fr}.arch-levels button{padding:14px}.arch-lab{grid-template-columns:1fr}.arch-panel{padding:17px}.arch-panel summary{flex-wrap:wrap}}@media print{body:has(.arch-page):not(:has(.certificate-document-page))>:not(.arch-page):not(:has(.arch-page)){display:none!important}.progress-controls,.ask-lifehelper,.site-wide-footer-note,.arch-page header,.arch-hero,.arch-levels,.arch-subnav,.arch-resources,.arch-page>p,.arch-panel>button,.arch-panel>label{display:none!important}.arch-page{max-width:none}.arch-panel{border:0}.arch-certificate{break-inside:avoid}.arch-lab{grid-template-columns:1fr}.arch-lab>div,.arch-lab-controls{display:none!important}.arch-page a{color:#000}}.arch-lesson-art{max-width:780px;margin:20px 0 24px}.arch-lesson-art img{border-radius:14px;width:100%;height:auto;display:block}.arch-lesson-art figcaption{color:#486475;margin-top:9px;font-size:.82rem;line-height:1.5}.arch-schematic{margin:16px 0}.arch-schematic>summary{cursor:pointer;font-size:.9rem}.arch-schematic .arch-diagram{margin-top:14px}