/* Shared frame and introduction for every Fleetline page. Load after tool styles. */
:root { --site-width:1500px; --site-gutter:clamp(18px,3vw,42px); --site-space:24px; }
html { scrollbar-gutter:stable; }
body .app-shell { width:min(var(--site-width),100%); margin:auto; padding:40px var(--site-gutter) 80px; }
.page-intro { position:relative; margin:0 0 28px; padding:0 0 28px; border-bottom:1px solid var(--line); }
.page-intro .eyebrow { margin:0 0 14px; color:var(--paper); font:900 10px/1.5 var(--body); letter-spacing:.18em; }
.page-heading { margin:0; color:var(--ink); font:900 clamp(36px,4.2vw,64px)/1.02 var(--display); letter-spacing:-.035em; text-transform:uppercase; text-wrap:balance; }
.page-heading em { color:var(--required); font-style:normal; }
.page-description { max-width:760px; margin:16px 0 0; color:var(--muted); font:400 15px/1.65 var(--body); }
.page-status { position:absolute; top:0; right:0; display:flex; align-items:center; gap:8px; color:var(--muted); font:400 10px/1.5 var(--body); }
.page-status i { width:6px; height:6px; flex-shrink:0; border-radius:50%; background:var(--success); }
.page-workspace { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:var(--site-space); min-width:0; margin-bottom:var(--site-space); align-items:start; }
.page-workspace>.command-card,.page-workspace>.read-card { padding:24px; }
.page-workspace .command-card::after { pointer-events:none; }
.page-workspace .search-results { position:relative; inset:auto; margin-top:10px; }
.page-workspace .read-card>p { font-size:12px; line-height:1.6; }
.page-workspace .read-guide strong { font-size:12px; }
.page-workspace .read-guide small { font-size:11px; }
.page-workspace .inventory-note { font-size:11px; }
.setup-grid,.opening-room { gap:var(--site-space); }
.page-context { margin:0 0 var(--site-space); }
.page-context.rules-card { display:grid; grid-template-columns:minmax(180px,.8fr) minmax(240px,1fr) minmax(0,1.4fr); gap:12px 24px; align-items:center; padding:24px; background:var(--panel); }
.page-context .rule-numbers { margin:0; grid-row:span 2; }
.page-context.rules-card>p { margin:0; }
.page-context.rules-card>small { grid-column:3; }
.page-context.simulation-label { padding:16px 20px; font:700 10px/1.6 var(--mono); letter-spacing:.08em; }
.page-context.simulation-label small { display:inline; margin-left:16px; font:400 12px/1.6 var(--body); letter-spacing:0; }
.landing-page .landing-hero { width:min(var(--site-width),100%); padding:40px var(--site-gutter) 80px; gap:48px; min-height:calc(100vh - 80px); align-items:start; }
.landing-copy .page-intro { margin-bottom:24px; }
.landing-copy .page-heading { margin:0; font:900 clamp(36px,4.2vw,64px)/1.02 var(--display); letter-spacing:-.035em; }
.landing-copy .page-heading em { color:var(--required); -webkit-text-stroke:0; text-shadow:none; }
.landing-tools { margin-top:0; }
.landing-hero .blueprint-plate { margin-top:0; }
@media(max-width:1000px) {
  .page-workspace { grid-template-columns:minmax(0,1fr); }
  .page-context.rules-card { grid-template-columns:1fr 1fr; }
  .page-context.rules-card>small { grid-column:auto; }
  .landing-page .landing-hero { grid-template-columns:1fr; }
}
@media(max-width:600px) {
  body .app-shell,.landing-page .landing-hero { padding-top:28px; }
  .page-intro { padding-bottom:24px; margin-bottom:24px; }
  .page-description { font-size:14px; }
  .page-workspace>.command-card,.page-workspace>.read-card { padding:18px; }
  .page-context.rules-card { grid-template-columns:minmax(0,1fr); padding:18px; }
  .page-context.simulation-label small { display:block; margin:6px 0 0; }
  .selected-heading { flex-wrap:wrap; }
  .selected-heading>div { flex-basis:100%; min-width:0; }
  .selected-heading .count-tag { margin-left:0; }
}
@media(max-width:760px) {
  .page-status { position:static; margin-top:16px; }
}