.construction-section{position:relative;padding:90px 0;scroll-margin-top:75px;background:var(--paper)}
.construction-anchor{position:absolute;top:0;scroll-margin-top:75px}
.construction-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:35px}
.construction-heading .button{flex-shrink:0;gap:18px}
.construction-heading .button span{font-variant-numeric:tabular-nums}
.construction-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 6%;margin-top:45px}
.construction-chapter>.eyebrow{display:block;color:var(--olive);margin-bottom:15px}
.construction-chapter h3{font-size:1.65rem;margin:23px 0 14px}
.construction-chapter>p{color:var(--muted);max-width:58ch}
.construction-intro .eyebrow{color:var(--olive);margin-bottom:18px}
.construction-intro h2{font-size:clamp(2.1rem,3.8vw,3.7rem)}
.construction-intro p{margin-top:24px;color:var(--muted);font-size:1.0625rem;max-width:65ch}
.construction-cover{display:block;text-decoration:none;background:var(--night);color:white;min-width:0}
.construction-cover img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.construction-cover-label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;font-size:1.125rem}
.construction-cover-label small{display:block;font-size:.875rem;color:#d3ded2;margin-top:3px}
.construction-cover-label>span:last-child{font-size:1.6rem}
.construction-dialog{width:min(1440px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:92svh;max-height:calc(100svh - 24px);padding:0;border:1px solid #6a796d;background:var(--night);color:white}
.construction-dialog[open]{display:flex;flex-direction:column}
.construction-dialog::backdrop{background:#07100de8}
.construction-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px}
.construction-dialog header>div{min-width:0;flex:1}
.construction-dialog header label{display:inline-block;font-size:.875rem;margin:8px 10px 0 0}
.construction-dialog select{max-width:100%;font:inherit;font-size:1rem;padding:9px 12px;background:#19281e;color:#fff;border:1px solid #758474;border-radius:0}
.construction-dialog h2{font-size:1.2rem;line-height:1.4;letter-spacing:0}
.construction-dialog button{min-width:46px;min-height:46px;border:1px solid #758474;background:transparent;color:white;font-size:1.4rem;line-height:1}
.construction-dialog button:disabled{opacity:.35;cursor:default}
.construction-stage{position:relative;flex:1;min-height:0;background:#101713}
.construction-stage img{display:block;width:100%;height:100%;object-fit:contain}
#construction-status{position:absolute;bottom:16px;left:16px;right:16px;background:#102219eb;padding:12px 16px;font-size:1rem}
.construction-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px}
#construction-caption{font-size:1rem;max-height:17svh;overflow:auto;overflow-wrap:anywhere}
#construction-original{font-size:.875rem;color:#d3ded2;display:inline-block;margin-top:5px;text-underline-offset:3px}
.construction-navigation{display:flex;align-items:center;gap:14px;flex-shrink:0}
.construction-thumbnails{display:flex;flex-shrink:0;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:10px 24px;scrollbar-width:thin}
.construction-thumbnails:empty{display:none}
.construction-thumbnails button{padding:3px;flex:0 0 100px;border-color:transparent}
.construction-thumbnails button[aria-current="true"]{border-color:#e4d2a4}
.construction-thumbnails img{display:block;width:92px;height:66px;object-fit:contain;background:#101713}
.construction-cover:focus-visible,.construction-dialog button:focus-visible,.construction-dialog select:focus-visible{outline:3px solid #b7864a;outline-offset:4px}
#construction-counter{font-size:.875rem;min-width:4.5rem;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:760px){.construction-section{padding:60px 0}.construction-heading{flex-direction:column;align-items:flex-start;gap:24px}.construction-chapters{grid-template-columns:1fr;gap:38px;margin-top:32px}.construction-intro p{max-width:none}.construction-dialog{width:100vw;max-width:100vw;height:100svh;max-height:100svh;margin:0;border:0}.construction-dialog header,.construction-dialog footer{padding:12px 16px}.construction-dialog header label{display:none}.construction-dialog select{margin-top:8px;width:100%}.construction-dialog footer{flex-direction:column;align-items:stretch;gap:14px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.construction-navigation{justify-content:space-between}.construction-cover-label{padding:16px 20px}.construction-thumbnails{padding:8px 16px}.construction-thumbnails button{flex-basis:78px}.construction-thumbnails img{width:70px;height:50px}}
@media(max-height:500px){.construction-dialog header{padding-block:6px}.construction-dialog h2,.construction-dialog header label,.construction-thumbnails{display:none}.construction-dialog header select{margin:0}.construction-dialog footer{padding-block:6px;flex-direction:row}.construction-stage{min-height:80px}}