/* Shared editorial brand for every page except the homepage hero.
   Homepage keeps over-image chrome in home.css; once past the hero, this
   file is the same language: display type, section labels, paper surfaces,
   ink controls, accent used as a highlight. */

/* ── primitives (also used on the homepage) ─────────────────────────── */
.section-label{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 34px;border-bottom:1px solid var(--rule);font:400 11px var(--sans);letter-spacing:.12em;text-transform:uppercase}
.section-label>span{display:flex;align-items:center;gap:12px}
.section-label>span:last-child{font-size:10px;color:var(--muted)}
.section-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.editorial-heading{display:grid;grid-template-columns:1.45fr 1fr;gap:9%;align-items:start;margin:54px 0 46px}
.editorial-heading h2{font:400 clamp(38px,4.5vw,66px)/1.1 var(--display);letter-spacing:-.055em;margin:0;text-wrap:balance}
.editorial-heading em{font-style:normal;color:var(--accent)}
.editorial-heading p{font-size:16px;line-height:1.75;color:var(--muted);margin:12px 0 0;max-width:43ch}
.text-link{display:inline-flex;align-items:center;gap:30px;padding:12px 0;border-bottom:1px solid var(--rule);text-decoration:none;font-size:14px;color:var(--ink)}
.text-link span{font-size:21px}
.text-link:hover{color:var(--accent)}
.mini-label{font:400 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}

/* ── inner-page type ────────────────────────────────────────────────── */
body:not([data-page=home]){font-size:16px;line-height:1.65}
body:not([data-page=home]) h1{font-family:var(--display);font-weight:400;letter-spacing:-.055em;line-height:1.08}
body:not([data-page=home]) h2{font-family:var(--display);font-weight:400;letter-spacing:-.04em}
body:not([data-page=home]) h3{font-family:var(--display);font-weight:400;letter-spacing:-.025em}

/* ── library / latest / agents masts ────────────────────────────────── */
body[data-page=library] .mast,
body[data-page=latest] .mast,
body[data-page=agents] .mast{
  padding:56px clamp(24px,4.8vw,80px) 32px;
  max-width:none;
}
body[data-page=library] .mast h1,
body[data-page=latest] .mast h1,
body[data-page=agents] .mast h1{
  font:400 clamp(46px,5.4vw,80px)/1.06 var(--display);
  letter-spacing:-.055em;
  margin:28px 0 18px;
  max-width:16ch;
}
body[data-page=library] .mast p,
body[data-page=latest] .mast p,
body[data-page=agents] .mast p{
  font-size:16px;
  line-height:1.75;
  color:var(--muted);
  max-width:62ch;
}
body[data-page=library] .mast .freshline,
body[data-page=latest] .mast .freshline,
body[data-page=agents] .mast .freshline{display:none}

body[data-page=library] .searchbar,
body[data-page=latest] .tabs{
  top:var(--header-height);
  background:var(--header-bg);
  border-block:1px solid var(--rule-soft);
  padding:16px clamp(24px,4.8vw,80px);
}
body[data-page=library] .searchin,
body[data-page=latest] .tabsin{max-width:none}
body[data-page=library] #q{
  border-radius:3px;
  background:var(--surface);
  border-color:var(--rule);
  padding:14px 18px;
}
body[data-page=library] #clear{
  border-radius:3px;
  color:var(--ink);
}
body[data-page=library] .shell{
  max-width:none;
  padding:40px clamp(24px,4.8vw,80px) 72px;
  gap:48px;
}
body[data-page=library] .rail{
  top:calc(var(--header-height) + 86px);
  max-height:calc(100vh - var(--header-height) - 110px);
}
body[data-page=library] .rail h6{
  font:400 11px var(--sans);
  letter-spacing:.12em;
}
body[data-page=library] .rail button{
  border-radius:3px;
  font-size:14px;
}
body[data-page=library] .rail button[aria-pressed=true]{
  background:var(--ink);
  color:var(--on-ink);
}
body[data-page=library] .chead h2{
  font:400 clamp(28px,3vw,40px)/1.12 var(--display);
  letter-spacing:-.04em;
}
body[data-page=library] .fc{
  border-radius:3px;
}
body[data-page=library] .fc[aria-pressed=true]{
  background:var(--ink);
  border-color:var(--ink);
  color:var(--on-ink);
}
body[data-page=library] .rec,
body[data-page=library] .card{
  border:1px solid var(--rule-soft);
  border-radius:12px;
  background:var(--surface);
  box-shadow:none;
}
body[data-page=library] .rec h3{
  font:400 22px/1.3 var(--display);
  letter-spacing:-.03em;
}
body[data-page=library] .more{
  border-radius:3px;
  color:var(--ink);
  min-height:48px;
}
body[data-page=library] .more:hover{
  background:var(--ink);
  color:var(--on-ink);
  border-color:var(--ink);
}

body[data-page=latest] .health{
  max-width:none;
  padding:8px clamp(24px,4.8vw,80px) 0;
  gap:0;
  border-block:1px solid var(--rule);
}
body[data-page=latest] .hcell{
  background:transparent;
  border:0;
  border-radius:0;
  padding:32px 0;
}
body[data-page=latest] .hcell + .hcell{
  padding-left:34px;
  border-left:1px solid var(--rule);
}
body[data-page=latest] .hcell .num{
  font:400 clamp(42px,5vw,72px)/1.08 var(--display);
  letter-spacing:-.055em;
  color:var(--ink);
}
body[data-page=latest] .hcell.warn .num{color:var(--hold)}
body[data-page=latest] .hcell.bad .num{color:var(--stop)}
body[data-page=latest] .hcell .lab{font-size:13px;color:var(--muted)}
body[data-page=latest] .tabsin button{
  border-radius:3px;
}
body[data-page=latest] .tabsin button[aria-pressed=true]{
  background:var(--ink);
  color:var(--on-ink);
}
body[data-page=latest] .body,
body[data-page=agents] .body{
  max-width:none;
  padding:40px clamp(24px,4.8vw,80px) 72px;
}
body[data-page=latest] .entry{
  background:var(--surface);
  border:1px solid var(--rule-soft);
  border-radius:12px;
  padding:34px 38px;
}
body[data-page=latest] .entry.first{background:var(--surface)}
body[data-page=latest] .entry .when{color:var(--accent)}
body[data-page=latest] .entry h2{
  font:400 clamp(28px,3vw,42px)/1.12 var(--display);
  letter-spacing:-.04em;
}
body[data-page=latest] .tl .mo{
  font:400 28px/1.15 var(--display);
  letter-spacing:-.03em;
  color:var(--ink);
}
body[data-page=latest] h2.sec,
body[data-page=agents] h2.sec{
  font:400 clamp(28px,3vw,40px)/1.12 var(--display);
  letter-spacing:-.04em;
}
body[data-page=agents] .grid{gap:20px;margin:28px 0}
body[data-page=agents] .card{
  border:1px solid var(--rule);
  border-radius:12px;
  background:var(--surface);
  padding:28px 30px;
}
body[data-page=agents] .card h2{
  font:400 28px/1.2 var(--display);
  letter-spacing:-.035em;
}
body[data-page=agents] pre{
  background:var(--ink);
  color:var(--on-ink);
  border-radius:8px;
}
body[data-page=agents] table,
body[data-page=latest] .tblwrap{
  border:1px solid var(--rule-soft);
  border-radius:12px;
  background:var(--surface);
  overflow:hidden;
}

/* ── manual / method ────────────────────────────────────────────────── */
body[data-page=manual] .shell,
body[data-page=method] .shell{
  max-width:none;
  grid-template-columns:280px minmax(0,1fr);
}
body[data-page=manual] .shell>.rail,
body[data-page=method] .shell>.rail{
  top:var(--header-height);
  height:calc(100vh - var(--header-height));
  background:var(--paper);
  padding:40px 28px 60px clamp(24px,4vw,48px);
}
body[data-page=manual] .brandmark,
body[data-page=method] .brandmark{
  font:400 11px var(--sans);
  letter-spacing:.12em;
  color:var(--muted);
}
body[data-page=manual] .brandname,
body[data-page=method] .brandname{
  font:400 28px/1.15 var(--display);
  letter-spacing:-.04em;
  font-weight:400;
}
body[data-page=manual] .main,
body[data-page=method] .main{
  padding:48px clamp(32px,5vw,72px) 100px;
  background:var(--paper);
}
body[data-page=manual] .masthead,
body[data-page=method] .masthead{
  border-bottom:1px solid var(--rule);
  padding-bottom:32px;
  margin-bottom:40px;
}
body[data-page=manual] .kicker,
body[data-page=method] .kicker{
  font:400 11px var(--sans);
  letter-spacing:.12em;
  color:var(--ink);
  display:flex;
  align-items:center;
  gap:12px;
}
body[data-page=manual] .kicker:before,
body[data-page=method] .kicker:before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent);
}
body[data-page=manual] .masthead h1,
body[data-page=method] .masthead h1{
  font:400 clamp(42px,5vw,72px)/1.06 var(--display);
  letter-spacing:-.055em;
  font-weight:400;
}
body[data-page=manual] .part,
body[data-page=method] .part{
  border-top:1px solid var(--rule);
}
body[data-page=manual] .part-num,
body[data-page=method] .part-num{
  font:400 11px var(--sans);
  letter-spacing:.12em;
  color:var(--accent);
}
body[data-page=manual] .part h2,
body[data-page=method] .part h2{
  font:400 clamp(30px,3.2vw,48px)/1.12 var(--display);
  letter-spacing:-.045em;
  font-weight:400;
}
body[data-page=manual] .main p,
body[data-page=method] .main p{line-height:1.8}
body[data-page=manual] .panel,
body[data-page=method] .panel,
body[data-page=manual] .roster,
body[data-page=method] .roster,
body[data-page=manual] .tablewrap,
body[data-page=method] .tablewrap{
  background:var(--surface);
  border:1px solid var(--rule-soft);
  border-radius:12px;
}
body[data-page=manual] .specs,
body[data-page=manual] .bands{
  border-radius:12px;
  overflow:hidden;
}
body[data-page=manual] .spec,
body[data-page=manual] .band{background:var(--surface)}

/* ── blueprint / legacy ─────────────────────────────────────────────── */
body[data-page=blueprint] .wrap,
body[data-page=legacy] .wrap{max-width:1400px;padding:0 clamp(24px,4.8vw,80px)}
body[data-page=blueprint] .hero,
body[data-page=legacy] .hero{padding:48px 0 28px}
body[data-page=blueprint] h1,
body[data-page=legacy] h1{
  font:400 clamp(42px,5vw,72px)/1.06 var(--display);
  letter-spacing:-.055em;
  font-weight:400;
}
body[data-page=blueprint] .hero .sub,
body[data-page=legacy] .hero .sub{
  font-size:16px;
  line-height:1.75;
  color:var(--muted);
}
body[data-page=blueprint] .eyebrow,
body[data-page=legacy] .eyebrow{
  font:400 11px var(--sans);
  letter-spacing:.12em;
  color:var(--ink);
}
body[data-page=blueprint] .eyebrow:before,
body[data-page=legacy] .eyebrow:before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent);
  margin-right:10px;
  vertical-align:middle;
}
body[data-page=blueprint] .herostats b{
  font:400 28px/1.1 var(--display);
  letter-spacing:-.04em;
}
body[data-page=blueprint] .stepnum,
body[data-page=legacy] .secnum{
  font:400 11px var(--mono);
  letter-spacing:.12em;
  color:var(--accent);
  background:transparent;
  border:0;
  padding:0;
}
body[data-page=blueprint] .stephead h2,
body[data-page=legacy] .sechead h2{
  font:400 clamp(26px,2.6vw,36px)/1.18 var(--display);
  letter-spacing:-.035em;
}
body[data-page=blueprint] .panel,
body[data-page=legacy] .panel,
body[data-page=blueprint] .bot,
body[data-page=blueprint] .pb,
body[data-page=legacy] .qbox{
  border-radius:12px;
  background:var(--surface);
  border:1px solid var(--rule-soft);
}
body[data-page=blueprint] .pb[aria-pressed=true]{
  background:var(--ink);
  border-color:var(--ink);
  color:var(--on-ink);
  box-shadow:none;
}
body[data-page=blueprint] .pb[aria-pressed=true] .cat,
body[data-page=blueprint] .pb[aria-pressed=true] .tg{color:var(--on-ink)}
body[data-page=blueprint] .chip,
body[data-page=legacy] .chip{
  border-radius:3px;
  background:var(--surface);
}
body[data-page=blueprint] .chip[aria-pressed=true],
body[data-page=legacy] .chip[aria-pressed=true]{
  background:var(--ink);
  border-color:var(--ink);
  color:var(--on-ink);
}
body[data-page=blueprint] .btn,
body[data-page=legacy] .btn{
  background:var(--ink);
  border-color:var(--ink);
  color:var(--on-ink);
  border-radius:3px;
  font-weight:500;
}
body[data-page=blueprint] .btn:hover,
body[data-page=legacy] .btn:hover{
  background:var(--accent);
  border-color:var(--accent);
  color:var(--on-accent);
}
body[data-page=blueprint] .btn.ghost,
body[data-page=legacy] .btn.ghost{
  background:transparent;
  color:var(--ink);
  border-color:var(--rule);
}
body[data-page=blueprint] .search input,
body[data-page=blueprint] .field,
body[data-page=legacy] input,
body[data-page=legacy] textarea,
body[data-page=legacy] select{
  background:var(--surface);
  border-radius:3px;
}
body[data-page=blueprint] footer.site,
body[data-page=legacy] footer.site{display:none}

/* ── intake chooser ─────────────────────────────────────────────────── */
body[data-page=intake] .chooser{
  max-width:1600px;
  margin:0 auto;
  padding:56px clamp(24px,4.8vw,80px) 80px;
}
body[data-page=intake] .chooser h1{
  font:400 clamp(42px,5.2vw,72px)/1.08 var(--display);
  letter-spacing:-.055em;
  font-weight:400;
  max-width:14ch;
  margin:28px 0 18px;
}
body[data-page=intake] .chooser>p{
  font-size:16px;
  line-height:1.75;
  max-width:62ch;
}
body[data-page=intake] .choices{
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:20px;
  margin:40px 0;
}
body[data-page=intake] .choice{
  border-radius:12px;
  overflow:hidden;
  padding:30px 32px;
  min-height:320px;
  display:flex;
  flex-direction:column;
  border:0;
  text-decoration:none;
}
body[data-page=intake] .choice:first-child{background:#304be8;color:#fff}
body[data-page=intake] .choice:last-child{background:#151b2c;color:#fff}
body[data-page=intake] .choice .pill{background:rgba(255,255,255,.14);color:#fff}
body[data-page=intake] .choice h2{
  font:400 clamp(30px,3.2vw,44px)/1.14 var(--display);
  letter-spacing:-.04em;
  color:inherit;
  margin:48px 0 16px;
}
body[data-page=intake] .choice p{color:#e1e6ff;font-size:16px;line-height:1.75;flex:1}
body[data-page=intake] .choice:last-child p{color:#c7cedd}
body[data-page=intake] .choice>span:last-child{
  display:flex;
  justify-content:space-between;
  margin-top:auto;
  color:inherit;
  font-size:14px;
}
@media(prefers-color-scheme:dark){
  body[data-page=intake] .choice:first-child{background:#304be8}
  body[data-page=intake] .choice:last-child{background:#0f1420}
}

/* ── setup questionnaire ────────────────────────────────────────────── */
body[data-setup] .setup-top{
  max-width:none;
  padding:48px clamp(24px,4.8vw,80px) 32px;
  align-items:flex-start;
  gap:30px;
  border-bottom:1px solid var(--rule);
}
body[data-setup] .setup-top h1{
  font:400 clamp(38px,4.4vw,64px)/1.08 var(--display);
  letter-spacing:-.055em;
  margin:20px 0 16px;
}
body[data-setup] .setup-top p{font-size:16px;line-height:1.75;max-width:68ch}
body[data-setup] .setup-top .eyebrow,
body[data-setup] .micro-label,
body[data-setup] .rail-heading,
body[data-setup] .section-count{
  font:400 11px var(--sans);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--ink);
}
body[data-setup] .setup-top .eyebrow:before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent);
  margin-right:10px;
  vertical-align:middle;
}
body[data-setup] .mode-switch{
  background:var(--surface);
  border:1px solid var(--rule);
  border-radius:4px;
  padding:4px;
  margin-top:9px;
}
body[data-setup] .mode-switch a{
  border-radius:3px;
  font-size:14px;
  padding:10px 16px;
  color:var(--ink-2);
}
body[data-setup] .mode-switch a[aria-current=page]{
  background:var(--ink);
  color:var(--on-ink);
}
body[data-setup] .setup-layout{
  max-width:none;
  grid-template-columns:220px minmax(0,1fr) 260px;
  gap:28px;
  padding:36px clamp(24px,4.8vw,80px) 56px;
}
body[data-setup] .setup-rail,
body[data-setup] .setup-aside{top:calc(var(--header-height) + 24px)}
body[data-setup] .setup-rail{max-height:calc(100vh - var(--header-height) - 50px)}
body[data-setup] .section-list button{
  font-size:14px;
  border-radius:3px;
  padding:11px 9px;
  gap:9px;
}
body[data-setup] .section-list button[aria-current=step]{
  background:var(--ink);
  color:var(--on-ink);
  box-shadow:none;
}
body[data-setup] .rail-tools button{
  background:transparent;
  border:1px solid var(--rule);
  border-radius:3px;
  font-size:14px;
  padding:10px 12px;
}
body[data-setup] .rail-tools button:hover{background:var(--surface-2);border-color:var(--ink)}
body[data-setup] .form-panel{
  border-radius:12px;
  border:1px solid var(--rule-soft);
  padding:36px;
  background:var(--surface);
}
body[data-setup] .section-intro h2{
  font:400 clamp(28px,3vw,40px)/1.15 var(--display);
  letter-spacing:-.04em;
  margin-bottom:16px;
}
body[data-setup] .section-intro p{font-size:16px;line-height:1.75}
body[data-setup] .question label{font-size:15px;font-weight:500}
body[data-setup] input,
body[data-setup] textarea,
body[data-setup] select{
  background:var(--surface);
  border-color:var(--rule);
  color:var(--ink);
  border-radius:3px;
}
body[data-setup] .answer-meta label,
body[data-setup] .answer-meta select{font-size:12px}
body[data-setup] .answer-meta select{background:transparent;border-color:transparent}
body[data-setup] .answer-skip button{
  border-radius:3px;
  background:var(--paper);
}
body[data-setup] .answer-skip button[aria-pressed=true]{
  background:var(--ink);
  color:var(--on-ink);
  border-color:var(--ink);
}
body[data-setup] .step-key{
  background:transparent;
  color:var(--accent);
  padding:0;
}
body[data-setup] button{border-radius:3px}
body[data-setup] .primary{
  background:var(--ink);
  color:var(--on-ink);
  font-weight:500;
  border-color:var(--ink);
}
body[data-setup] .primary:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
body[data-setup] .domain-card{
  background:var(--surface);
  border-radius:12px;
  border:1px solid var(--rule);
}
body[data-setup] .domain-card:has(input:checked){
  background:var(--surface);
  border-color:var(--ink);
}
body[data-setup] .record,
body[data-setup] .review-bot{border-radius:12px;background:var(--surface)}
body[data-setup] .record summary{background:var(--surface)}
body[data-setup] .aside-card{
  border:1px solid var(--rule-soft);
  border-radius:12px;
  background:var(--surface);
  padding:24px;
}
body[data-setup] .aside-card h3{
  font:400 26px/1.15 var(--display);
  letter-spacing:-.03em;
}
body[data-setup] .aside-card p{font-size:14px;line-height:1.75}
body[data-setup] .aside-card button{font-size:14px}
body[data-setup] .export-choice,
body[data-setup] .report-note,
body[data-setup] .path-callout{
  background:var(--paper);
  border-radius:8px;
}
body[data-setup] .setup-foot{display:none}
body[data-setup] #notice{
  background:var(--ink);
  color:var(--on-ink);
  border-radius:4px;
}
body[data-setup] .setup-dialog{border-radius:12px}
body[data-setup] .install-card{
  border:1px solid var(--rule);
  border-top:3px solid var(--accent);
  border-radius:12px;
  background:var(--surface);
  padding:28px;
}
body[data-setup] .install-number{
  background:var(--ink);
  color:var(--on-ink);
  font:400 42px/1 var(--display);
  border-radius:8px;
  min-width:75px;
}
body[data-setup] .install-card h3{
  font:400 clamp(29px,2.8vw,39px)/1.12 var(--display);
  letter-spacing:-.04em;
}
body[data-setup] .install-lead{font-size:17px;color:var(--muted)}
body[data-setup] .install-check{background:var(--go-soft);border-radius:0 8px 8px 0}
body[data-setup] .install-download,
body[data-setup] .install-link{
  background:transparent;
  border:1px solid var(--ink);
  border-radius:3px;
  color:var(--ink);
  font-weight:500;
}
body[data-setup] .install-download:hover,
body[data-setup] .install-link:hover{
  background:var(--ink);
  color:var(--on-ink);
}
body[data-setup] .install-card .install-actions li{font-size:16px;line-height:1.8}
body[data-setup] .add-record{border-radius:3px}

/* ── shared update note ─────────────────────────────────────────────── */
.update-note{
  max-width:none;
  margin:0;
  padding:18px clamp(24px,4.8vw,80px);
  border:0;
  border-bottom:1px solid var(--rule);
  border-radius:0;
  background:var(--paper);
}

/* ── dark mode: keep sticky chrome on tokens, not leftover light wash ─ */
@media(prefers-color-scheme:dark){
  body[data-page=library] .searchbar,
  body[data-page=latest] .tabs{background:var(--header-bg)}
  body[data-page=library] .rec:hover,
  body[data-page=library] .rec:target,
  body[data-page=library] .rec.linked{background:var(--surface-2)}
  body[data-page=intake] .choice:first-child{background:#3a54ea}
}

/* ── breakpoints ────────────────────────────────────────────────────── */
@media(max-width:1280px){
  body[data-setup] .setup-layout{grid-template-columns:205px minmax(0,1fr);gap:24px}
  body[data-setup] .setup-aside{grid-column:2;position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}
  body[data-setup] .setup-rail{grid-row:1 / span 2}
  body[data-setup] .aside-card{margin:0}
}
@media(max-width:1000px){
  body:not([data-page=home]) .editorial-heading{grid-template-columns:1.2fr 1fr;gap:40px}
  body[data-page=manual] .shell,
  body[data-page=method] .shell{grid-template-columns:1fr}
  body[data-page=manual] .shell>.rail,
  body[data-page=method] .shell>.rail{position:static;height:auto;max-height:none}
  body[data-page=manual] .main,
  body[data-page=method] .main{padding:36px 28px 70px}
  body[data-page=library] .shell{gap:24px;padding:28px 24px}
  body[data-page=library] .rail{position:static;max-height:none}
  body[data-page=intake] .choices{grid-template-columns:1fr}
}
@media(max-width:860px){
  body:not([data-page=home]) .section-label>span:last-child{display:none}
  body:not([data-page=home]) .editorial-heading{display:block;margin:28px 0}
  body[data-page=library] .mast,
  body[data-page=latest] .mast,
  body[data-page=agents] .mast{padding:36px 20px 22px}
  body[data-page=library] .searchbar,
  body[data-page=latest] .tabs{top:var(--header-height);padding:12px 20px}
  body[data-page=latest] .health,
  body[data-page=latest] .body,
  body[data-page=agents] .body{padding-inline:20px}
  body[data-page=latest] .health{grid-template-columns:1fr}
  body[data-page=latest] .hcell + .hcell{padding-left:0;border-left:0;border-top:1px solid var(--rule)}
  body[data-page=intake] .chooser{padding:36px 20px 64px}
  body[data-setup] .setup-top{padding:30px 22px;display:block}
  body[data-setup] .mode-switch{margin-top:24px;width:fit-content}
  body[data-setup] .setup-layout{display:block;padding:24px 20px}
  body[data-setup] .setup-rail{display:none}
  body[data-setup] .section-jump{display:block}
  body[data-setup] .form-panel{padding:26px 22px}
  body[data-setup] .setup-aside{display:grid;margin-top:20px}
  body[data-setup] .install-card{padding:24px 20px}
  body[data-setup] .install-controls{grid-template-columns:1fr 1fr}
  body[data-setup] .install-controls .primary{grid-column:1/-1;grid-row:1}
}
@media(max-width:540px){
  body[data-setup] .setup-aside{display:block}
  body[data-setup] .aside-card{margin-bottom:14px}
  body[data-setup] .section-intro h2{font-size:28px}
  body[data-setup] .form-panel{padding:24px 18px}
  body[data-setup] .install-card{padding:22px 15px}
  body[data-setup] .setup-top h1{font-size:39px}
  body[data-page=library] .mast h1,
  body[data-page=latest] .mast h1,
  body[data-page=agents] .mast h1{font-size:46px}
  body[data-page=latest] .hcell{padding:20px 0}
  body[data-page=latest] .hcell .num{font-size:40px}
  body[data-page=intake] .chooser h1{font-size:40px}
  body[data-page=intake] .choice{min-height:0;padding:26px}
}
@media print{
  body{background:#fff}
  body[data-page=manual] .main,
  body[data-page=method] .main{padding:0}
  body[data-setup] .setup-layout,
  body[data-setup] .setup-top,
  body[data-setup] .sitefoot{display:none!important}
}