/* ========================================================================== components.v1.css Everything page agents need. Class inventory (grouped): 0 BASE body defaults, :focus-visible, ::selection, .skip-link, .wrap (content container), .idw-b/.idw-o (logo fills), .t-amber (the one approved colour utility), body.has-actionbar (+ --actionbar-h) fixed-bar clearance, the coarse-pointer 16px control floor 1 NAV .nav .nav-logo .nav-links .nav-item .nav-has-drop .nav-link .nav-drop-btn .nav-drop .nd-item .nd-l .nd-d .nav-right .nav-cta .nav-burger .nav-drawer .drw-top .drw-sub .drw-cta (html.nav-locked) Active page: body[data-active="..."] + a[data-nav="..."] 2 FOOTER .footer .footer-grid .footer-brand .footer-col .footer-h .footer-meta .footer-note .footer-tm .footer-bottom .footer-legal 3 TYPE .display .h1-sheet .h2-sheet .kicker .kicker-n .annot .lede .measure 4 SLAB .slab[data-actor="src|idw|usr|est|crd|acs|vis|aud"] 5 TITLE BLOCK .title-block .tb-cell .tb-label .tb-fig .tb-unit .tb-cert (count-up target: [data-count] [data-prefix] [data-suffix]) 6 DIMENSION .dim .dim-line .dim-fig .dim-labels .dim-pair (--len) 7 STAMP .stamp .stamp-l .stamp-sub (steps(2,end) slam on .in) 8 CHIPS+RAILS .chip .chip-dot .chip-grid .spec-rail .sr-row .sr-label .sr-value .rail-layout .sheet-thumb .thumb-no .thumb-title .thumb-d .thumb-grid 9 CTA .cta-pill .cta-ghost 10 ELEVATION svg.elevation .draw .lbl (pathLength="1" on every path) stroke utils .st-src .st-idw .st-usr .st-est .st-crd .st-acs .st-vis .st-aud ; fill utils .fl-src .fl-idw .fl-usr .fl-est .fl-crd .fl-acs .fl-vis .fl-aud 11 PULSE .pulse-dot (+ .run, fired by reveal.v1.js on [data-pulse] containers; offset-path set inline per use; colour via CSS color, e.g. style="color:var(--c-idw)") 12 REVEAL .r (hidden ONLY under html.js) .in fired state, word-rise .line > .w, stagger via --i 13 LEGAL body.doc-light .doc-sheet .doc-meta .dm-label .dm-value .clause .clause-n 14 MOTION reduced-motion kill-switch (html.no-motion + media query) Glass appears ONLY on .nav here; the scenario transport bar is the second and final glass surface and is built by the scenarios page agent. ========================================================================== */ /* ========================================================================== 0. BASE ========================================================================== */ *,*::before,*::after{box-sizing:border-box} body{ margin:0; min-height:100svh; background-color:var(--bg); /* ambient room lighting: opposing warm/cool radials, all under 10% alpha */ background-image: radial-gradient(ellipse 60% 40% at 50% -10%, rgba(37,99,235,.08), transparent 55%), radial-gradient(ellipse 40% 30% at 85% 14%, rgba(245,156,0,.03), transparent 45%), radial-gradient(ellipse 100% 30% at 50% 0%, rgba(255,255,255,.02), transparent 60%); background-repeat:no-repeat; color:var(--ink-2); font-family:var(--font); font-size:15px; font-weight:400; line-height:1.55; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } /* A PAGE-OWNED FIXED BOTTOM BAR, and the space it must not steal. A page whose primary action sits in a fixed bottom bar (the Photon demo's phone action bar is the only one today) adds .has-actionbar to and publishes the bar's MEASURED height as --actionbar-h. This reserves exactly that much at the END of the document, so the last of the footer is never trapped under the bar - measured at 390, the bar is 95px tall against 88px of footer padding, so the headroom was negative. The reserved strip sits directly beneath the fixed bar, so it never reads as a blank band under the footer, and the fallback covers the frames before the first measurement. A CLASS, not body:has(.dm-actionbar): :has() is unsupported in Firefox before 121 while this project's support contract starts at 111, where the clearance silently vanished - and the bar is portalled to , so the rule belongs to this shared layer rather than to a page-local