/* Inner-page content follows the same fixed fields as the shared wayfinding.
   Keep the photo, its description and the controls in distinct compartments. */
:root[data-layout="records"] body[data-page] { --control-height:48px; }
:root[data-layout="records"] body[data-page] :is(.control-caption,.archive-filter-toggle,.archive-tools,.archive-status,.echo-counter,.echo-footer,.tone-caption,.tone-control-panel,.film-controls,.fm-bottom) { letter-spacing:0; }
:root[data-layout="records"] body[data-page] :is(button,summary,select,input,a):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }

/* Archive: a contact sheet with a readable label under every full photograph. */
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-filter-toggle {
  display:grid; grid-template-columns:160px minmax(0,1fr) 48px; min-height:48px;
  gap:0; margin:24px 0 0; padding:0; border:var(--rule); background:transparent; text-align:left;
  font:500 14px/1.5 var(--sans); color:var(--ink);
}
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-filter-toggle>span { padding:12px 16px; }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-filter-toggle>small { margin:0; align-self:stretch; display:flex; align-items:center; padding:12px 16px; border-left:1px solid var(--line); color:var(--ink-soft); font:400 12px/1.6 var(--sans); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-filter-toggle>b { display:grid; place-items:center; width:100%; height:100%; border-left:var(--rule); font:400 22px/1 var(--sans); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-filter-toggle[aria-expanded="true"]>b { background:var(--ink); color:var(--paper); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-tools { margin:0; padding:20px 16px; border:var(--rule); border-top:0; background:transparent; gap:20px 16px; }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-tools.is-open { grid-template-columns:repeat(3,minmax(0,1fr)); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-tools label { grid-column:auto; }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #clear-filters { grid-column:1; }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-filter-done { grid-column:2/-1; }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-tools label { gap:8px; font:400 12px/1.5 var(--sans); color:var(--ink-soft); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-tools :is(select,input,button) { min-height:44px; height:auto; padding:10px 12px; border:1px solid var(--line); border-radius:0; background:var(--paper); color:var(--ink); font:400 14px/1.5 var(--sans); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-status { display:flex; flex-wrap:wrap; gap:12px 24px; min-height:72px; padding:14px 0; border-bottom:var(--rule); margin:0 0 24px; font:12px/1.6 var(--sans); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-display-controls { display:flex; flex-wrap:wrap; gap:12px; margin-left:auto; }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) :is(.archive-layout,.archive-order) { display:flex; gap:0; padding:0; border:1px solid var(--line); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) :is(.archive-layout,.archive-order) button { min-height:40px; margin:0; border:0; padding:8px 14px; font:400 13px/1.5 var(--sans); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) :is(.archive-layout,.archive-order) button+button { border-left:1px solid var(--line); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) :is(.archive-layout,.archive-order) button[aria-pressed="true"] { color:var(--paper); background:var(--ink); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-showing { margin-left:auto; color:var(--ink-soft); font:11px/1.5 var(--mono); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid.layout-portfolio { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid.layout-portfolio .archive-item { display:grid; grid-template-rows:240px auto; width:100%; height:auto; min-width:0; margin:0; aspect-ratio:auto; overflow:visible; background:transparent; }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid.layout-portfolio .archive-item img { width:100%; height:240px; min-height:0; padding:12px; border:1px solid var(--line); aspect-ratio:auto; object-fit:contain; background:transparent; transform:none; }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid:is(.layout-portfolio,.layout-masonry) .archive-item>span { position:static; display:grid; grid-template-columns:32px minmax(0,1fr); align-content:start; align-items:baseline; gap:4px 12px; min-height:52px; padding:10px 0 0; opacity:1; transform:none; color:var(--ink); background:none; }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid .wall-number { font:12px/1.5 var(--mono); color:var(--ink-soft); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid:is(.layout-portfolio,.layout-masonry) .archive-item :is(b,small) { grid-column:2; display:block; margin:0; font:400 13px/1.6 var(--sans); letter-spacing:0; }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid:is(.layout-portfolio,.layout-masonry) .archive-item small { color:var(--ink-soft); font-size:12px; }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid:is(.layout-portfolio,.layout-masonry) .archive-item:not(:has(b)) small { grid-row:1; }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid.layout-masonry { gap:16px; }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid.layout-masonry .archive-item { display:grid; grid-template-rows:auto auto; aspect-ratio:auto; overflow:visible; background:transparent; }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid.layout-masonry .archive-item img { height:auto; width:100%; aspect-ratio:var(--tile-ratio); object-fit:contain; padding:8px; border:1px solid var(--line); transform:none; }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-topic-help { margin:0 0 24px; border:1px solid var(--line); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-topic-note { padding:0 20px 20px; margin:0; font:14px/1.85 var(--sans); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-project-intro { margin:24px 0 0; padding:20px; border:var(--rule); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-project-intro h2 { font:600 24px/1.4 var(--sans); }
:root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .load-more { min-height:56px; margin-top:28px; border-top:var(--rule); font:12px/1.5 var(--sans); }

/* Explore: controls first, paired photographs on a shared baseline. */
:root[data-layout="records"] body[data-page="explore"] .explore-heading { display:flex; align-items:stretch; justify-content:flex-start; min-height:48px; margin:24px 0; padding:0; gap:0; border:var(--rule); }
:root[data-layout="records"] body[data-page="explore"] .control-caption { display:flex; align-items:center; width:160px; padding:12px 16px; border-right:var(--rule); font:500 14px/1.5 var(--sans); }
:root[data-layout="records"] body[data-page="explore"] .tabs { display:flex; align-items:stretch; gap:0; border:0; margin:0; padding:0; }
:root[data-layout="records"] body[data-page="explore"] .tabs button { min-width:140px; min-height:48px; padding:10px 24px; border:0; border-right:var(--rule); border-radius:0; font:500 14px/1.5 var(--sans); }
:root[data-layout="records"] body[data-page="explore"] .tabs button[aria-selected="true"] { background:var(--ink); color:var(--paper); }
:root[data-layout="records"] body[data-page="explore"] .rainbow-explorer { --tone-stage-height:380px; --tone-ribbon-height:24px; --tone-hit-height:44px; --tone-mat:transparent; }
:root[data-layout="records"] body[data-page="explore"] .tone-control-panel { margin-bottom:24px; padding:0 16px; border:1px solid var(--line); background:transparent; }
:root[data-layout="records"] body[data-page="explore"] .tone-spectrum { padding-top:10px; }
:root[data-layout="records"] body[data-page="explore"] .tone-heading { font:500 14px/1.5 var(--sans); }
:root[data-layout="records"] body[data-page="explore"] :is(.tone-position,.tone-branch,.tone-summary,.tone-side>span) { font:400 12px/1.6 var(--sans); letter-spacing:0; }
:root[data-layout="records"] body[data-page="explore"] .tone-branch { border-top:1px solid var(--line); min-height:52px; }
:root[data-layout="records"] body[data-page="explore"] .tone-stage { gap:20px; grid-template-columns:minmax(0,1fr) minmax(0,3.5fr) minmax(0,1fr); }
:root[data-layout="records"] body[data-page="explore"] .tone-main { padding:16px; border:1px solid var(--line); }
:root[data-layout="records"] body[data-page="explore"] .tone-side img { padding:8px; border:1px solid var(--line); }
:root[data-layout="records"] body[data-page="explore"] .tone-caption { min-height:76px; margin-top:16px; padding:0 0 0 16px; border:var(--rule); }
:root[data-layout="records"] body[data-page="explore"] .tone-title { font:500 18px/1.5 var(--sans); }
:root[data-layout="records"] body[data-page="explore"] .tone-navigation { align-self:stretch; gap:0; }
:root[data-layout="records"] body[data-page="explore"] .tone-navigation button { width:52px; height:auto; min-height:48px; align-self:stretch; margin:0; border:0; border-left:var(--rule); color:var(--ink); }
:root[data-layout="records"] body[data-page="explore"] .tone-nearby-heading { margin-top:24px; font:12px/1.6 var(--sans); }
:root[data-layout="records"] body[data-page="explore"] .miniature-strip button { padding:8px; border:1px solid var(--line); opacity:1; }
:root[data-layout="records"] body[data-page="explore"] .miniature-strip button[aria-current="true"] { border-color:var(--accent); box-shadow:inset 0 -3px var(--accent); }
:root[data-layout="records"] body[data-page="explore"] .echo-counter { display:flex; min-height:40px; align-items:center; border-bottom:var(--rule); font:12px/1.5 var(--mono); color:var(--ink-soft); }
:root[data-layout="records"] body[data-page="explore"] .echo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding:24px 0; align-items:start; min-height:0; }
:root[data-layout="records"] body[data-page="explore"] .echo-grid figure { padding:0; animation:none; }
:root[data-layout="records"] body[data-page="explore"] .echo-grid figure>button { height:380px; padding:16px; border:1px solid var(--line); }
:root[data-layout="records"] body[data-page="explore"] .echo-grid figure img { width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; }
:root[data-layout="records"] body[data-page="explore"] .echo-grid figcaption { grid-template-columns:minmax(0,1fr) auto; min-height:44px; margin:0; padding:12px 0; border:0; font:13px/1.6 var(--sans); letter-spacing:0; }
:root[data-layout="records"] body[data-page="explore"] .echo-footer { display:flex; flex-wrap:wrap; align-items:center; gap:16px; min-height:48px; margin:0; padding:0; border:var(--rule); font:12px/1.5 var(--sans); }
:root[data-layout="records"] body[data-page="explore"] .echo-footer>span { display:block; padding:12px 16px; }
:root[data-layout="records"] body[data-page="explore"] .echo-footer>div { display:flex; align-self:stretch; gap:0; margin-left:auto; }
:root[data-layout="records"] body[data-page="explore"] .echo-footer button { min-height:48px; padding:12px 20px; border-left:var(--rule); font:500 14px/1.5 var(--sans); }

/* Film: the viewer keeps its mechanics; captions and transport form one panel. */
:root[data-layout="records"] body[data-page="film"] .film-stage { padding:0 var(--gutter) 24px; gap:20px; height:calc(100svh - var(--film-header-height,180px)); min-height:520px; }
:root[data-layout="records"] body[data-page="film"] .film-kicker { padding:20px 0; border-top:var(--rule); border-bottom:1px solid var(--line); gap:16px; }
:root[data-layout="records"] body[data-page="film"] .film-transport { border:1px solid var(--line); background:var(--paper-deep); }
:root[data-layout="records"] body[data-page="film"] .film-stage figcaption { display:grid; grid-template-columns:110px minmax(0,1fr) 72px; gap:16px; padding:12px 0; border-bottom:var(--rule); min-height:60px; }
:root[data-layout="records"] body[data-page="film"] .film-stage figcaption strong { font:500 18px/1.4 var(--sans); }
:root[data-layout="records"] body[data-page="film"] .film-stage figcaption :is(small,span) { font:12px/1.5 var(--sans); letter-spacing:0; color:var(--ink-soft); }
:root[data-layout="records"] body[data-page="film"] #film-year { text-align:right; }
:root[data-layout="records"] body[data-page="film"] .film-controls { grid-template-columns:88px 104px minmax(80px,1fr) auto; min-height:50px; gap:0; border:var(--rule); }
:root[data-layout="records"] body[data-page="film"] .film-controls button { min-height:48px; padding:10px 16px; color:var(--ink); font:500 13px/1.5 var(--sans); }
:root[data-layout="records"] body[data-page="film"] .film-controls #film-toggle { padding:10px 12px; color:var(--paper); background:var(--ink); text-align:center; }
:root[data-layout="records"] body[data-page="film"] .film-navigation { gap:0; border-inline:var(--rule); }
:root[data-layout="records"] body[data-page="film"] .film-navigation button { width:51px; }
:root[data-layout="records"] body[data-page="film"] .film-navigation button+button { border-left:1px solid var(--line); }
:root[data-layout="records"] body[data-page="film"] .film-playback { gap:12px; padding:0 16px; }
:root[data-layout="records"] body[data-page="film"] .film-playback>span { font:11px/1.5 var(--sans); }
:root[data-layout="records"] body[data-page="film"] .film-controls #film-open { padding:10px 16px; border-left:var(--rule); font-size:13px; }

/* Desk: one image panel, one action bar, and a directory of travel records. */
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-stage,
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-bottom { width:100%; max-width:100%; margin-inline:0; }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-stage { margin-top:24px; border:1px solid var(--line); }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-bottom { min-height:50px; padding:0; gap:0; border:var(--rule); border-top:0; }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-bottom-main { flex:1; }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-stage-tools { margin:0; }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction :is(.fm-approach,.fm-back,.fm-list-toggle) { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:50px; padding:0; border:0; background:transparent; color:var(--ink); font:500 14px/1.5 var(--sans); letter-spacing:0; }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction :is(.fm-approach,.fm-back,.fm-list-toggle)>span { padding:12px 16px; }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction :is(.fm-approach,.fm-back,.fm-list-toggle)>svg { box-sizing:content-box; width:22px; height:22px; padding:14px; border-left:var(--rule); }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-back>svg { border-left:0; border-right:var(--rule); }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-list-toggle { border-left:var(--rule); }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-list-toggle[aria-expanded="true"] { background:var(--ink)!important; color:var(--paper)!important; }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-list-toggle[aria-expanded="true"] .direction-arrow { transform:rotate(-90deg); }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-escape { font:11px/1.5 var(--mono); padding:0 12px; }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-journeys { margin:24px 0 0; padding:0; border:0; }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-journey-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-trip { margin:0; padding:0; border:var(--rule); }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-journey { display:grid; grid-template-columns:116px minmax(0,1fr); gap:8px 20px; margin:0; padding:20px; }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-ticket-print { grid-column:1; grid-row:1/4; width:116px; height:100%; max-height:130px; margin:0; object-fit:contain; }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-route { font:600 24px/1.3 var(--sans); }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-route small { display:block; margin-top:8px; font:400 13px/1.6 var(--sans); }
:root[data-layout="records"] body[data-page="desk"] :is(.fm-date,.fm-open) { grid-column:2; font:12px/1.6 var(--sans); letter-spacing:0; }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-open { margin-top:8px; color:var(--ink); }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-ticket-read { margin:0; border-top:1px solid var(--line); }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-ticket-reading { padding:0 20px 20px; }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-ticket-fields { display:grid; grid-template-columns:110px minmax(0,1fr); margin:0; }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-ticket-fields :is(dt,dd) { margin:0; padding:12px 0; border-bottom:1px solid var(--line); font:13px/1.7 var(--sans); }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-ticket-fields dt { padding-right:12px; color:var(--ink-soft); }
:root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-credits { border-top:var(--rule); margin-top:24px; padding-top:0; }

/* About: a consistent left label / right content document. */
:root[data-layout="records"] body[data-page="about"] :is(.about-contact,.about-usage,.about-privacy) { display:grid; grid-template-columns:180px minmax(0,1fr); gap:24px; max-width:none; margin:0; padding:28px 20px; border:1px solid var(--line); border-top:0; }
:root[data-layout="records"] body[data-page="about"] .about-lead { margin-bottom:0; }
:root[data-layout="records"] body[data-page="about"] :is(.about-contact,.about-usage,.about-privacy) h2 { margin:0; font:500 16px/1.8 var(--sans); }
:root[data-layout="records"] body[data-page="about"] :is(.about-usage,.about-privacy) p { margin:0; max-width:70ch; color:var(--ink-soft); font:400 15px/1.9 var(--sans); letter-spacing:0; }
:root[data-layout="records"] body[data-page="about"] .about-socials { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
:root[data-layout="records"] body[data-page="about"] .about-socials a { display:block; padding:0; border:0; }
:root[data-layout="records"] body[data-page="about"] .about-socials span { color:var(--ink-soft); font:12px/1.6 var(--mono); }
:root[data-layout="records"] body[data-page="about"] .about-socials strong { display:block; margin-top:6px; font:500 16px/1.6 var(--sans); overflow-wrap:anywhere; }
:root[data-layout="records"] body[data-page="about"] .about-guide { max-width:none; margin:0; border:1px solid var(--line); border-top:0; }
:root[data-layout="records"] body[data-page="about"] .about-guide-content { display:grid; grid-template-columns:1fr 1fr; gap:28px; padding:0 20px 28px 224px; }
:root[data-layout="records"] body[data-page="about"] .about-guide-content h3 { margin:0 0 8px; font:500 15px/1.6 var(--sans); }
:root[data-layout="records"] body[data-page="about"] .about-guide-content p { margin:0; font:400 15px/1.9 var(--sans); color:var(--ink-soft); }
:root[data-layout="records"] body[data-page="about"] .site-footer { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:32px; padding:20px 0; border-top:var(--rule); font:12px/1.6 var(--sans); }
:root[data-layout="records"] body[data-page="about"] .site-footer .sign-link { margin-left:auto; font:500 14px/1.5 var(--sans); }

/* Disclosure rows share the same end cell and minimum hit area. */
:root[data-layout="records"] body[data-page] :is(.tone-details,.archive-topic-help,.about-guide,#fm-desk-interaction .fm-ticket-read,#fm-desk-interaction .fm-credits)>summary { display:flex; width:100%; max-width:none; align-items:center; justify-content:space-between; gap:20px; min-height:52px; padding:0 0 0 20px; cursor:pointer; list-style:none; font:500 14px/1.6 var(--sans); color:var(--ink); }
:root[data-layout="records"] body[data-page] :is(.tone-details,.archive-topic-help,.about-guide,#fm-desk-interaction .fm-ticket-read,#fm-desk-interaction .fm-credits)>summary::-webkit-details-marker { display:none; }
:root[data-layout="records"] body[data-page] :is(.tone-details,.archive-topic-help,.about-guide,#fm-desk-interaction .fm-ticket-read,#fm-desk-interaction .fm-credits)>summary::after { display:grid; flex:0 0 52px; place-items:center; align-self:stretch; border-left:1px solid var(--line); content:'+'; font:400 22px/1 var(--sans); }
:root[data-layout="records"] body[data-page] :is(.tone-details,.archive-topic-help,.about-guide,#fm-desk-interaction .fm-ticket-read,#fm-desk-interaction .fm-credits)[open]>summary::after { content:'−'; }
:root[data-layout="records"] body[data-page] :is(.tone-details,.fm-credits,.fm-ticket-reading)>p { font:400 14px/1.85 var(--sans); color:var(--ink-soft); }
:root[data-layout="records"] body[data-page="explore"] .tone-details { margin-top:24px; border:1px solid var(--line); }
:root[data-layout="records"] body[data-page="explore"] .tone-details p { margin:0; padding:0 20px 20px; }
:root[data-layout="records"] body[data-page="series"] .series-intro { border:var(--rule); padding:24px; margin-top:24px; }
:root[data-layout="records"] body[data-page="series"] .series-end { border-top:var(--rule); }
:root[data-layout="records"] body[data-page] :is(.tabs button,.echo-footer button,.tone-navigation button,.film-controls button,.fm-bottom button):hover:not(:disabled) { background:var(--ink); color:var(--paper); }

@media(min-width:1440px) {
  :root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid.layout-portfolio { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:900px) {
  :root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid.layout-portfolio { grid-template-columns:repeat(2,minmax(0,1fr)); }
  :root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-journey { grid-template-columns:88px minmax(0,1fr); gap:8px 16px; padding:16px; }
  :root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-ticket-print { width:88px; }
  :root[data-layout="records"] body[data-page="about"] .about-guide-content { grid-template-columns:1fr; }
}
@media(max-width:760px) {
  :root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-filter-toggle { grid-template-columns:110px minmax(0,1fr) 44px; }
  :root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-filter-toggle :is(span,small) { padding:12px; }
  :root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-tools.is-open { grid-template-columns:repeat(2,minmax(0,1fr)); }
  :root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-status { gap:12px; }
  :root[data-layout="records"] body[data-page="archive"]:not([data-reading]) .archive-display-controls { width:100%; order:3; margin:0; }
  :root[data-layout="records"] body[data-page="archive"]:not([data-reading]) :is(.archive-layout,.archive-order) { flex:1; }
  :root[data-layout="records"] body[data-page="archive"]:not([data-reading]) :is(.archive-layout,.archive-order) button { flex:1; padding:8px; }
  :root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid.layout-portfolio { gap:24px 16px; }
  :root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid.layout-portfolio .archive-item { grid-template-rows:180px auto; }
  :root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid.layout-portfolio .archive-item img { height:180px; padding:8px; }
  :root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid:is(.layout-portfolio,.layout-masonry) .archive-item>span { grid-template-columns:1fr; gap:4px; }
  :root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid:is(.layout-portfolio,.layout-masonry) .archive-item :is(b,small) { grid-column:1; }
  :root[data-layout="records"] body[data-page="archive"]:not([data-reading]) #archive-grid:is(.layout-portfolio,.layout-masonry) .archive-item:not(:has(b)) small { grid-row:auto; }
  :root[data-layout="records"] body[data-page="explore"] .control-caption { width:100px; flex-shrink:0; padding:12px; }
  :root[data-layout="records"] body[data-page="explore"] .tabs { flex:1; }
  :root[data-layout="records"] body[data-page="explore"] .tabs button { flex:1; min-width:0; padding:10px 12px; }
  :root[data-layout="records"] body[data-page="explore"] .tabs button:last-child { border-right:0; }
  :root[data-layout="records"] body[data-page="explore"] .rainbow-explorer { --tone-stage-height:330px; }
  :root[data-layout="records"] body[data-page="explore"] .tone-stage { grid-template-columns:minmax(0,1fr); gap:0; }
  :root[data-layout="records"] body[data-page="explore"] .tone-main { padding:12px; }
  :root[data-layout="records"] body[data-page="explore"] .tone-control-panel { padding:0 12px; }
  :root[data-layout="records"] body[data-page="explore"] .tone-caption { padding-left:12px; }
  :root[data-layout="records"] body[data-page="explore"] .tone-title { font-size:16px; }
  :root[data-layout="records"] body[data-page="explore"] .tone-navigation button { width:44px; }
  :root[data-layout="records"] body[data-page="explore"] .echo-grid { grid-template-columns:1fr; gap:16px; }
  :root[data-layout="records"] body[data-page="explore"] .echo-grid figure>button { height:330px; padding:12px; }
  :root[data-layout="records"] body[data-page="explore"] .echo-footer { gap:0; }
  :root[data-layout="records"] body[data-page="explore"] .echo-footer>div { width:100%; border-top:var(--rule); }
  :root[data-layout="records"] body[data-page="explore"] .echo-footer button { flex:1; padding:12px 8px; font-size:13px; }
  :root[data-layout="records"] body[data-page="explore"] .echo-footer button:first-child { border-left:0; }
  :root[data-layout="records"] body[data-page="film"] .film-stage { min-height:540px; padding-bottom:16px; gap:16px; }
  :root[data-layout="records"] body[data-page="film"] .film-kicker { flex-wrap:wrap; }
  :root[data-layout="records"] body[data-page="film"] .film-kicker>span:last-child { max-width:100%; }
  :root[data-layout="records"] body[data-page="film"] .film-stage figcaption { grid-template-columns:72px minmax(0,1fr) 40px; gap:12px; }
  :root[data-layout="records"] body[data-page="film"] .film-stage figcaption strong { font-size:16px; }
  :root[data-layout="records"] body[data-page="film"] .film-stage figcaption :is(small,span) { font-size:11px; }
  :root[data-layout="records"] body[data-page="film"] .film-controls { grid-template-columns:72px 96px minmax(0,1fr); }
  :root[data-layout="records"] body[data-page="film"] .film-playback { grid-column:1/-1; grid-row:2; min-height:40px; border-top:1px solid var(--line); }
  :root[data-layout="records"] body[data-page="film"] .film-playback>span { display:block; font-size:10px; }
  :root[data-layout="records"] body[data-page="film"] .film-navigation button { width:47px; padding:10px; }
  :root[data-layout="records"] body[data-page="film"] .film-controls #film-open { border-left:0; }
  :root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-bottom-main { flex:1; }
  :root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction :is(.fm-approach,.fm-back,.fm-list-toggle) { gap:0; font-size:13px; }
  :root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction :is(.fm-approach,.fm-back,.fm-list-toggle)>span { padding:12px; }
  :root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction :is(.fm-approach,.fm-back,.fm-list-toggle)>svg { width:18px; height:18px; padding:16px 10px; }
  :root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-escape { display:none; }
  :root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-journey-grid { grid-template-columns:1fr; gap:16px; }
  :root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-journey { grid-template-columns:100px minmax(0,1fr); }
  :root[data-layout="records"] body[data-page="desk"] #fm-desk-interaction .fm-ticket-print { width:100px; }
  :root[data-layout="records"] body[data-page="about"] :is(.about-contact,.about-usage,.about-privacy) { grid-template-columns:1fr; gap:16px; padding:20px 16px; }
  :root[data-layout="records"] body[data-page="about"] .about-socials { grid-template-columns:1fr; }
  :root[data-layout="records"] body[data-page="about"] .about-guide-content { padding:0 16px 20px; }
  :root[data-layout="records"] body[data-page="about"] .site-footer .sign-link { width:100%; margin:0; }
  :root[data-layout="records"] body[data-page="series"] .series-intro { padding:20px 16px; }
}