/* Hallmark · theme: custom · redesign: polish · scope: app · shape: scientific atlas · idea: observation becomes reusable work · v2.0.0 */
/* Critique: integrate the supplied concept film without blocking data work; place reusable project tools on the same reading path. */
/* Hallmark · waive 71 · app scope · scene headings sit in a two-column section header with surrounding chapter padding; the adjacent explanatory column is not preceding prose. */
.hero .hero-copy{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr;align-items:start;column-gap:var(--grid-gap);row-gap:var(--space-md);padding:var(--space-sm) 0 var(--space-lg)}
.hero .hero-heading{grid-column:1/6;grid-row:1;align-self:end;padding-top:var(--space-sm)}
.hero #page-title{white-space:normal;font-family:var(--font-opening,var(--font-display));font-size:clamp(38px,3.7vw,60px);line-height:1.25;letter-spacing:-.035em;max-width:12em}
.hero .hero-statement{font-size:var(--atlas-small);margin-top:var(--space-md);color:var(--atlas-muted)}
.hero .hero-invitation{grid-column:1/6;grid-row:2;align-self:start}
.hero .hero-description{max-width:26em;margin:0;font-size:var(--atlas-body)}
.hero .hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md)}
.hero-learn{font-size:var(--atlas-body);padding:12px 0;text-decoration:underline}
.hero .hero-source{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-md);font-size:var(--atlas-small)}
.concept-film{grid-column:6/-1;grid-row:1/3;min-width:0;margin:0;align-self:center}
.film-screen{position:relative;width:100%;aspect-ratio:16/9;background:var(--terrain-night);overflow:clip}
.film-screen picture,.film-screen img,.film-screen video{display:block;width:100%;height:100%;object-fit:contain}
.film-controls{display:flex;align-items:center;gap:var(--space-sm);min-height:64px;border-bottom:1px solid var(--atlas-rule)}
.film-controls button{display:flex;align-items:center;gap:var(--space-xs);border:0;background:var(--atlas-transparent);color:var(--atlas-ink);font-weight:600;min-height:48px;padding:var(--space-xs) 0;text-align:left;cursor:pointer}
.film-controls button:hover{color:var(--atlas-b)}
.film-controls a{margin-left:auto;color:var(--atlas-muted);font-size:var(--atlas-small)}
.film-controls #film-status{font-size:var(--atlas-small);color:var(--atlas-muted)}
.concept-film figcaption{font-size:var(--atlas-small);line-height:1.6;margin-top:12px;color:var(--atlas-muted);display:flex;justify-content:space-between;gap:var(--space-sm)}
.concept-film figcaption span{flex-shrink:0}
.film-description{font-size:var(--atlas-small);margin-top:var(--space-xs);color:var(--atlas-muted)}
.film-description summary{cursor:pointer;width:fit-content;min-height:32px}
.film-description p{max-width:65ch;margin:12px 0}
.film-description a{margin-right:var(--space-sm)}
.product-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--atlas-rule);border-bottom:1px solid var(--atlas-rule);margin:0 0 var(--space-lg);gap:var(--grid-gap)}
.product-paths a{display:flex;flex-direction:column;padding:var(--space-sm) 0;text-decoration:none;color:var(--atlas-ink)}
.product-paths strong{font-size:var(--atlas-body);font-weight:600}
.product-paths span{font-size:var(--atlas-small);color:var(--atlas-muted);margin-top:4px}
.product-paths a:hover strong{text-decoration:underline;text-underline-offset:6px}
.world-stage .history-entry{position:absolute;right:24px;top:24px;z-index:5;background:var(--atlas-paper);color:var(--atlas-ink);font-size:var(--atlas-small);border:0;padding:12px var(--space-sm);min-height:44px;cursor:pointer}
.world-stage.history-mode .history-entry{display:none}
.workbench-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);background:var(--atlas-paper);border-top:1px solid var(--atlas-rule);border-bottom:1px solid var(--atlas-rule);padding:var(--space-md) 0;margin-bottom:32px}
.workbench-toolbar label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--atlas-small)}
.workbench-toolbar select{background:var(--atlas-paper);color:var(--atlas-ink);border:1px solid var(--atlas-rule);min-height:48px;max-width:100%;padding:var(--space-xs) 32px var(--space-xs) 12px}
.workbench-toolbar p{font-size:var(--atlas-small);color:var(--atlas-muted);flex:1;margin:0}
.workbench-toolbar .button{font-size:var(--atlas-small);min-height:48px;padding:12px var(--space-sm)}
.site-header nav{gap:var(--space-md)}
.use-page{max-width:1200px;margin:auto;padding:var(--space-xl) var(--atlas-gutter) var(--space-section)}
.use-page h1{font-size:var(--atlas-title);line-height:1.3;margin-bottom:var(--space-md)}
.use-page .use-lead{font-size:var(--atlas-lead);max-width:42em}
.use-page section{padding:var(--space-lg) 0;border-top:1px solid var(--atlas-rule);margin-top:var(--space-lg)}
.use-page h2{font-size:32px;line-height:1.4}
.use-page p,.use-page li{max-width:70ch}
.use-page table{width:100%;border-collapse:collapse;font-size:var(--atlas-small)}
.use-page th,.use-page td{padding:var(--space-sm);text-align:left;vertical-align:top;border-bottom:1px solid var(--atlas-rule)}
.use-page pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--space-md);background:var(--atlas-panel);font-size:var(--atlas-small)}
@media(max-width:1100px){.hero #page-title{font-size:44px}.hero .hero-copy{row-gap:var(--space-sm)}.hero .hero-heading{padding-top:0}.hero .hero-actions{gap:var(--space-sm)}.hero .hero-actions .primary{font-size:16px}.film-controls{flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-xs) 0}.film-controls a{margin-left:0}.film-controls #film-status{margin-left:auto}.workbench-toolbar{flex-wrap:wrap}.workbench-toolbar p{flex-basis:45%}}
@media(max-width:767px){.hero .hero-copy{display:flex;flex-direction:column;gap:var(--space-md);padding:0 0 var(--space-md)}.hero .hero-heading{width:100%}.hero #page-title{font-size:44px;line-height:1.2}.hero .hero-statement{margin-top:var(--space-sm)}.hero .hero-invitation{width:100%}.hero .hero-actions{margin-top:var(--space-sm)}.hero .hero-source{margin-top:var(--space-sm)}.concept-film{width:100%}.concept-film figcaption{display:block}.concept-film figcaption span{margin-left:var(--space-xs)}.film-controls{column-gap:var(--space-sm)}.film-controls a{margin-left:auto}.film-controls #film-status{display:block;flex-basis:100%;margin:0;font-size:14px}.product-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-md);margin-bottom:var(--space-md)}.product-paths a{padding:var(--space-sm) 0}.product-paths a:nth-child(n+3){border-top:1px solid var(--atlas-rule)}.world-stage .history-entry{right:12px;top:12px;font-size:14px;padding:var(--space-xs) 12px}.workbench-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm)}.workbench-toolbar label{justify-content:space-between;gap:var(--space-xs)}.workbench-toolbar select{min-width:0;font-size:16px}.workbench-toolbar .button{justify-self:start}.use-page{padding-top:var(--space-lg)}.use-page h1{font-size:36px}.use-page h2{font-size:28px}.use-page th,.use-page td{padding:12px var(--space-xs)}}
@media(prefers-reduced-motion:reduce){.film-screen,.hero .hero-copy{animation:none;scroll-behavior:auto}}

input,select,textarea,.project-workspace :is(input,select,textarea),.workbench-toolbar select{border-color:var(--atlas-muted)}
@media(max-width:767px){.site-header nav{width:100%;gap:var(--space-xs);justify-content:space-between}.site-header nav a{font-size:14px;white-space:nowrap}}

#project-workspace :is(input,select,textarea),#factor-axis,#observation-note{border:1px solid var(--atlas-muted)}