/* 5680 "How it was built", Details 2-6 (Oct 2026): small blueprint sheets under Section A-A. The sheets reuse the
   .bp5 line, hatch, foam and draw-on rules from site-p5.css / site-p10b.css; this file only adds the grid, captions,
   the larger view (dialog) and three fills the section drawing does not use (foam labels, glass interlayer, sealant). */
.dt-wrap{margin-top:64px;padding-top:28px;border-top:1px solid var(--line-2)}
.dt-wrap h3{margin:10px 0 12px}
.dt-sub{max-width:62ch;font-size:15px;line-height:1.55;color:var(--body,var(--text))}
.dt-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;margin-top:28px}
@media (min-width:700px){.dt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}}
@media (min-width:1100px){.dt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dt{margin:0;min-width:0}
.dt-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:4px}
.dt-open:hover .dt-sv{border-color:rgba(233,240,86,.5)}
.dt .dt-sv,.dt-dlg .dt-sv{transition:border-color .2s}
.dt figcaption,.dt-dlg-c{margin-top:12px}
.dt-h{display:flex;align-items:baseline;gap:10px;font-size:15px;line-height:1.4;color:var(--paper)}
.dt-h .bp5-n{flex:none;width:20px;height:20px;font-size:11px;align-self:center}
.dt-h b{font-weight:500;color:var(--muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.dt-n{margin-top:6px;font-size:14px;line-height:1.5;color:var(--body,var(--text))}
.dt-n .mf-tag{margin-left:6px}

/* sheet text: 10 user units at every width (the section drawing enlarges its own labels on phones; sheets don't need to) */
.bp5.dt-sv text{font-size:10px}
.bp5.dt-sv .tt{font-size:15px}
.bp5 .tf{fill:var(--acid)}
.bp5 .il{fill:var(--muted);fill-opacity:.45}
.bp5 .sl{fill:var(--muted)}

/* larger view */
.dt-dlg{width:min(980px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:52px 16px 18px;border:1px solid var(--line-2);border-radius:6px;background:var(--bg);color:var(--text);overflow:auto}
.dt-dlg::backdrop{background:rgba(10,12,12,.78)}
.dt-x{position:absolute;top:6px;right:8px}
.dt-dlg .dt-sv{max-height:calc(100dvh - 220px);width:auto;max-width:100%;margin:0 auto}
.dt-dlg-c{max-width:70ch}