.archguide{--dg-ink:#25353b;--dg-muted:#62757b;--dg-brand:#155f65;--dg-line:#cbdcd6;--dg-mint:#edf5f0;min-width:0;color:var(--dg-ink)}
.archguide .archguide-lead{font-size:20px!important;line-height:1.65!important;color:#49636a}.archguide h2{margin-top:54px!important;padding-top:23px;border-top:1px solid #cfddd7;line-height:1.25!important}.archguide h2:target{scroll-margin-top:72px}.archguide h2:before{content:'';display:inline-block;width:30px;height:30px;border-radius:9px;vertical-align:-5px;margin-right:10px;background:#e8f2ed url('./media/tools.svg') center/19px no-repeat}.archguide h3{line-height:1.4!important}
.archguide .archguide-route{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0}.archguide .archguide-route a{display:block;padding:18px;border:1px solid #cadbd4;border-radius:14px;background:#f4f8f5;color:#234349!important;text-decoration:none!important;min-height:84px}.archguide-route a strong{display:block;font-size:16px}.archguide-route a span,.archguide-route a small{display:block;font-size:13px;line-height:1.6;color:#62757b;margin-top:5px}.archguide-route a:hover,.archguide-route a:focus-visible{background:#e5f1eb;border-color:#155f65;outline:2px solid #155f65;outline-offset:2px}
.archguide .archguide-lesson,.archguide .archguide-takeaway,.archguide .archguide-note{padding:20px 22px;border:1px solid #cbdcd6;border-radius:14px;background:#edf5f0;margin:24px 0}.archguide .archguide-mistake{padding:18px 22px;border-left:4px solid #d09b56;background:#fff7eb;border-radius:0 12px 12px 0;margin:24px 0}.archguide-label{font-size:12px!important;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#155f65;margin:0 0 10px!important}.archguide li{margin-bottom:10px}.archguide pre{max-width:100%;overflow:auto;white-space:pre!important;tab-size:2;font-size:13px;line-height:1.75;border:1px solid #cbdcd6;border-radius:13px;background:#f1f6f3;padding:18px!important}.archguide pre code{white-space:pre!important}.archguide code{overflow-wrap:anywhere}.archguide table{font-size:14px!important}.archguide td,.archguide th{vertical-align:top;white-space:normal}.archguide .aen-table-scroll{max-width:100%}
.archguide .archguide-figure{margin:28px 0!important;max-width:100%;border:1px solid #cbdcd6;border-radius:18px;overflow:hidden;background:#fff}.archguide-image-link{display:block;background:#eef4ef}.archguide-figure img{display:block!important;width:100%!important;height:auto!important;max-width:100%;margin:0!important}.archguide-figure figcaption{padding:20px!important;font-size:14px!important;line-height:1.7!important;text-align:left!important}.archguide-figure-type{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#155f65;margin-bottom:7px}.archguide-figure figcaption>strong{display:block;font-size:18px;line-height:1.4}.archguide-figure figcaption p{font-size:14px!important;line-height:1.7!important;margin:9px 0 0!important}.archguide .archguide-callouts{padding-left:23px;margin:14px 0!important}.archguide-callouts li{font-size:13px;line-height:1.65;padding-left:3px}.archguide .archguide-media-credit{display:block;font-size:11px;line-height:1.6;color:#6b7b81;margin-top:12px}.archguide .archguide-full-image{display:inline-block;min-height:44px;padding-top:8px;color:#155f65!important;font-size:13px}
.aarch{width:100%;max-width:100%;min-width:0;margin:28px 0;background:#fff;border:1px solid #ccdcd6;border-radius:20px;overflow:hidden;color:#25353b;font:14px/1.6 system-ui,Arial,sans-serif;box-sizing:border-box}.aarch *{box-sizing:border-box}.aarch-head{padding:25px;background:#eef6f1;border-bottom:1px solid #cfddd7}.aarch-eyebrow{display:block;color:#155f65;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.aarch .aarch-head h2{font-size:27px!important;line-height:1.25!important;margin:11px 0!important;padding:0!important;border:0!important}.aarch-head h2:before{display:none!important}.aarch-head p{font-size:14px!important;margin:8px 0 16px!important}.aarch-frame{display:block;width:100%;border:0;max-width:100%}.aarch-hint{color:#5a7278;font-size:12px!important}.aarch-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;background:#eef6f1;border-top:1px solid #cfddd7}.aarch-footer p{font-size:12px!important;line-height:1.6!important;margin:4px 0 0!important}.aarch a.btn,.aarch a.btn:visited{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;color:#fff!important;background:#155f65!important;border:1px solid #155f65!important;border-radius:10px;text-decoration:none!important;font-size:13px;font-weight:700;white-space:normal}.aarch a.btn:hover,.aarch a.btn:focus-visible{color:#fff!important;background:#104c52!important;outline:3px solid #82afa3;outline-offset:3px}.aarch-footer .btn{flex-shrink:0}
.aen-entry-column:has(.archguide) .aen-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px}.aen-entry-column:has(.archguide) .aen-toc li{font-size:13px;line-height:1.5;break-inside:avoid;margin-bottom:7px}
.archguide-table-wrap{width:100%;max-width:100%;overflow:auto;border:1px solid #cfddd7;border-radius:12px}.archguide-table-wrap>table{margin:0!important}.archguide-table-wrap:focus-visible{outline:3px solid #155f65;outline-offset:3px}.archguide kbd{display:inline-block;max-width:100%;padding:2px 5px;border:1px solid #c7d8d1;border-radius:5px;background:#f0f5f1;font-size:.8em;line-height:1.3;color:#25434b}
.archguide-desktop-nav{display:none}
.archguide #arch-morph:before{background-image:url('./media/morph.svg')}.archguide #arch-frame:before{background-image:url('./media/frame.svg')}.archguide #arch-material:before{background-image:url('./media/light.svg')}.archguide #arch-motion:before{background-image:url('./media/motion.svg')}.archguide #arch-project:before{background-image:url('./media/download.svg')}
@media(min-width:1101px){.archguide-sidebar{position:sticky!important;top:18px;align-self:start;padding:0!important;border:0!important;background:transparent!important}.admin-bar .archguide-sidebar{top:50px}.archguide-sidebar>:not(.archguide-desktop-nav){display:none!important}.archguide-desktop-nav{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 90px);border:1px solid #cbdcd6;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 6px 24px #25434b08}.archguide-nav-title{display:block;padding:18px 18px 13px;color:#25434b;font-size:16px;border-bottom:1px solid #d7e3dd}.archguide-desktop-nav ol{list-style:none;margin:0;padding:8px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.archguide-desktop-nav li{margin:0}.archguide-desktop-nav li a{display:flex;align-items:center;min-height:44px;padding:8px 11px;text-decoration:none;color:#405c63;font-size:13px;line-height:1.4;border-left:3px solid transparent;border-radius:8px}.archguide-desktop-nav li a:hover,.archguide-desktop-nav li a:focus-visible{background:#f0f6f2;color:#155f65}.archguide-desktop-nav li a[aria-current]{background:#e5f1eb;border-left-color:#155f65;color:#155f65;font-weight:750}.archguide-desktop-nav .archguide-nav-sub a{padding-left:20px;font-size:12px}.archguide-nav-shortcut{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 15px;border-top:1px solid #d7e3dd;background:#edf5f0;color:#155f65;font-size:13px;font-weight:700;text-decoration:none}.archguide-nav-shortcut:hover,.archguide-nav-shortcut:focus-visible{background:#dceee4}.archguide-desktop-nav a:focus-visible{outline:2px solid #155f65;outline-offset:-3px}}
@media print{.archguide-desktop-nav{display:none!important}}
@media(max-width:600px){.archguide .archguide-lead{font-size:18px!important}.archguide .archguide-route{grid-template-columns:1fr;gap:9px}.archguide .archguide-route a{padding:15px;min-height:74px}.archguide h2{margin-top:38px!important;padding-top:20px;font-size:26px!important}.archguide h2:before{width:26px;height:26px;background-size:17px}.archguide .archguide-lesson,.archguide .archguide-takeaway,.archguide .archguide-note,.archguide .archguide-mistake{padding:17px}.archguide-figure figcaption{padding:17px!important}.archguide-figure figcaption>strong{font-size:17px}.aarch-head{padding:18px}.aarch .aarch-head h2{font-size:24px!important}.aarch-footer{flex-direction:column;align-items:stretch;padding:18px}.aen-entry-column:has(.archguide) .aen-toc ol{display:block}.archguide pre{font-size:12px;padding:14px!important}}
.archguide-image-link {cursor:zoom-in}
.archguide-lightbox{padding:0;border:1px solid #bed2cb;border-radius:16px;width:calc(100vw - 48px);max-width:1400px;height:calc(100dvh - 48px);max-height:100dvh;background:#f5f8f6;color:#21353b;overflow:hidden;box-shadow:0 20px 80px #0008;font:16px/1.5 'Segoe UI',Arial,sans-serif}
.archguide-lightbox::backdrop{background:rgba(9,21,26,.84)}
.archguide-lightbox-panel{display:flex;flex-direction:column;height:100%;min-height:0}
.archguide-lightbox-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid #c9d9d3;background:#fff}
.archguide-lightbox-bar strong{flex:1;min-width:180px;font-size:16px;line-height:1.35}
.archguide-lightbox-bar button{padding:10px 14px;min-height:44px;border:1px solid #87a69f;border-radius:8px;background:#e7f0ed;color:#174f55;font:600 14px/1.3 'Segoe UI',Arial,sans-serif;cursor:pointer;flex-shrink:0}
.archguide-lightbox-bar button:hover{background:#d4e7e0;color:#123a3e}
.archguide-lightbox-bar button:focus-visible,.archguide-lightbox-viewport:focus-visible{outline:3px solid #17686c;outline-offset:-3px}
.archguide-lightbox-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;padding:16px}
.archguide-lightbox-viewport img{display:block;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;flex-shrink:0}
.archguide-lightbox-viewport img[style*="width"]{max-width:none;max-height:none;margin:0}
.archguide-lightbox-hint,.archguide-lightbox-status{padding:8px 18px;margin:0;font:13px/1.45 'Segoe UI',Arial,sans-serif;color:#506a70;flex-shrink:0}
.archguide-lightbox-status:empty{display:none}
@media(max-width:600px){.archguide-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:12px}.archguide-lightbox-bar{padding:10px;gap:8px}.archguide-lightbox-bar strong{flex-basis:100%;font-size:14px;min-width:0}.archguide-lightbox-bar button{flex:1;padding:10px 8px;font-size:13px}.archguide-lightbox-viewport{padding:8px}.archguide-lightbox-hint,.archguide-lightbox-status{font-size:12px;padding:8px 12px}}