/* Eight draft resource entrances only; approved shared chrome owns itself. */
body.refresh.hub-refresh { background:var(--surface-paper,#fff); color:var(--surface-ink,#203f38); }
body.refresh.hub-refresh .hub-content {
  --hub-edge:clamp(20px,6vw,86px);
  font:18px/1.65 var(--sans);
  color:var(--surface-ink,#203f38);
}
body.refresh.hub-refresh .hub-content .wrap,
body.refresh.hub-refresh .hub-context .wrap {
  width:min(1120px,calc(100% - 2 * clamp(20px,6vw,86px)));
  margin-inline:auto;
}
body.refresh.hub-refresh .hub-content > .hero {
  display:block;
  min-height:0;
  padding:clamp(48px,6vw,86px) 0;
  background:var(--forest);
  color:#fff;
}
body.refresh.hub-refresh .hub-content > .hero > .wrap { display:block; }
body.refresh.hub-refresh .hub-content > .hero.hero-with-art > .wrap {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  align-items:center;
  gap:48px;
}
body.refresh.hub-refresh .hub-content .hero h1 {
  font-size:clamp(36px,4.4vw,64px);
  line-height:1.12;
  max-width:25ch;
  margin:16px 0 24px;
  color:#fff;
}
body.refresh.hub-refresh .hub-content .hero .eyebrow { color:#f0d695; font-size:16px; }
body.refresh.hub-refresh .hub-content .intro { font-size:clamp(19px,2vw,24px); line-height:1.55; max-width:65ch; }
body.refresh.hub-refresh .hub-content .hero-art { margin:0; }
body.refresh.hub-refresh .hub-content .hero-art img { display:block; width:100%; height:auto; }
body.refresh.hub-refresh .hub-content > .wrap { padding-block:32px 56px; }
body.refresh.hub-refresh .hub-content .block { padding:48px 0 0; }
body.refresh.hub-refresh .hub-content .block + .block { margin-top:8px; }
body.refresh.hub-refresh .hub-content h2 { font-size:clamp(30px,3.2vw,42px); line-height:1.18; margin:0 0 24px; }
body.refresh.hub-refresh .hub-content h3 { font-size:clamp(25px,2.4vw,31px); line-height:1.2; margin:0 0 16px; }
body.refresh.hub-refresh .hub-content p { max-width:72ch; }
body.refresh.hub-refresh .hub-content p + p { margin-top:16px; }
body.refresh.hub-refresh .hub-content :is(p,ul,ol,figure,table) + :is(h2,h3) { margin-top:32px; }
body.refresh.hub-refresh .hub-content .notice {
  padding:20px var(--hub-edge);
  background:var(--gold);
  color:#153f38;
  font-size:16px;
  line-height:1.6;
}
body.refresh.hub-refresh .hub-content .inline-notice {
  padding:28px;
  margin:32px 0 0;
  background:var(--surface-mist,#e9f0ee);
  color:var(--surface-ink,#203f38);
  font-size:18px;
}
body.refresh.hub-refresh .hub-content .inline-notice p { margin-top:12px; }
body.refresh.hub-refresh .hub-content .guide-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 44px; }
body.refresh.hub-refresh .hub-content .guide-list > article { min-width:0; padding:0; background:transparent; }
body.refresh.hub-refresh .hub-content .language-links { font-size:16px; display:flex; flex-wrap:wrap; align-items:center; gap:0 8px; }
body.refresh.hub-refresh .hub-content .language-links a { display:inline-flex; align-items:center; min-height:44px; }
body.refresh.hub-refresh .hub-content details { padding:16px 0; }
body.refresh.hub-refresh .hub-content details + details { margin-top:8px; }
body.refresh.hub-refresh .hub-content summary { cursor:pointer; min-height:44px; padding:8px 0; font-size:20px; line-height:1.45; }
body.refresh.hub-refresh .hub-content details > p { margin:12px 0 8px; }
body.refresh.hub-refresh .hub-content .author { margin-top:48px; padding:28px; background:var(--surface-mist,#e9f0ee); color:var(--surface-ink,#203f38); }
body.refresh.hub-refresh .hub-content .author p { font-size:16px; margin-top:12px; }
body.refresh.hub-refresh .hub-content .diagram { width:100%; max-width:960px; height:auto; display:block; margin:0 0 28px; }
body.refresh.hub-refresh .hub-content :is(ol,ul) { padding-left:1.4em; margin:20px 0; }
body.refresh.hub-refresh .hub-content li + li { margin-top:12px; }
body.refresh.hub-refresh .hub-content textarea {
  display:block; width:100%; max-width:100%; margin-top:20px; padding:20px;
  border:1px solid var(--surface-muted,#52675f); border-radius:3px;
  background:var(--surface-paper,#fff); color:var(--surface-ink,#203f38);
  font:16px/1.55 var(--sans); resize:vertical;
}
body.refresh.hub-refresh .hub-context { padding:0 0 48px; color:var(--surface-muted,#52675f); }
body.refresh.hub-refresh .hub-context nav { display:flex; flex-wrap:wrap; gap:8px 24px; margin-bottom:20px; }
body.refresh.hub-refresh .hub-context nav a { display:inline-flex; align-items:center; min-height:44px; }
body.refresh.hub-refresh .hub-context p { font-size:16px; margin-top:12px; }
@media(max-width:767px) {
  body.refresh.hub-refresh .hub-content { font-size:17px; }
  body.refresh.hub-refresh .hub-content > .hero.hero-with-art > .wrap { grid-template-columns:1fr; gap:28px; }
  body.refresh.hub-refresh .hub-content .hero h1 { font-size:36px; }
  body.refresh.hub-refresh .hub-content .block { padding-top:36px; }
  body.refresh.hub-refresh .hub-content .guide-list { grid-template-columns:1fr; gap:28px; }
  body.refresh.hub-refresh .hub-content :is(.inline-notice,.author) { padding:24px 20px; }
}

/* Seven legacy resource/tool entrances: main content stays byte-exact. */
body.refresh.hub-refresh .hub-content .stat-band { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding-block:32px; }
body.refresh.hub-refresh .hub-content .stat-band strong { display:block; font:500 clamp(42px,5vw,70px)/1.1 var(--serif); }
body.refresh.hub-refresh .hub-content .stat-band span { display:block; margin-top:12px; }
body.refresh.hub-refresh .hub-content :is(.chart,.empty,.tool-face) { padding:28px; background:var(--surface-mist,#e9f0ee); color:var(--surface-ink,#203f38); }
body.refresh.hub-refresh .hub-content .chart { margin:24px 0; }
body.refresh.hub-refresh .hub-content .chart ol { list-style:none; padding:0; }
body.refresh.hub-refresh .hub-content .chart li { display:grid; grid-template-columns:minmax(110px,210px) minmax(0,1fr) 30px; align-items:center; gap:16px; margin-block:16px; font-size:16px; }
body.refresh.hub-refresh .hub-content .bar-track { height:16px; background:#bed0c8; }
body.refresh.hub-refresh .hub-content .bar { display:block; height:100%; background:var(--petrol,#103f49); }
body.refresh.hub-refresh .hub-content .table-wrap { max-width:100%; overflow-x:auto; }
body.refresh.hub-refresh .hub-content table { width:100%; border-collapse:collapse; margin-top:28px; }
body.refresh.hub-refresh .hub-content :is(th,td) { text-align:left; padding:14px; border:0; }
body.refresh.hub-refresh .hub-content tbody tr:nth-child(even) { background:var(--surface-mist,#e9f0ee); }
body.refresh.hub-refresh .hub-content caption { text-align:left; font-weight:600; padding-block:16px; }
body.refresh.hub-refresh .hub-content .hash { overflow-wrap:anywhere; font-size:14px; }
body.refresh.hub-refresh .hub-content .quotable { font:500 clamp(24px,3vw,36px)/1.4 var(--serif); margin:0; }
body.refresh.hub-refresh .hub-content .controls { display:flex; flex-wrap:wrap; gap:16px; margin-block:20px; }
body.refresh.hub-refresh .hub-content .control { font:inherit; min-height:48px; border:0; padding:12px 24px; background:var(--gold); color:#153f38; cursor:pointer; }
body.refresh.hub-refresh .hub-content .control.secondary { background:var(--surface-paper,#fff); color:var(--surface-ink,#203f38); border:1px solid currentColor; }
body.refresh.hub-refresh .hub-content .tool-face { max-width:850px; }
body.refresh.hub-refresh .hub-content .timer { font:500 clamp(64px,12vw,100px)/1.2 var(--serif); margin-block:24px; }
body.refresh.hub-refresh .hub-content .diary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
body.refresh.hub-refresh .hub-content label { display:block; margin-block:18px; }
body.refresh.hub-refresh .hub-content :is(input,select) { display:block; font:inherit; padding:12px; border:1px solid var(--surface-muted,#52675f); max-width:100%; background:var(--surface-paper,#fff); color:var(--surface-ink,#203f38); }
body.refresh.hub-refresh .hub-content input[type=checkbox] { display:inline; min-width:22px; min-height:22px; vertical-align:middle; }
body.refresh.hub-refresh .hub-content fieldset { border:0; padding:0; margin:0; min-width:0; }
body.refresh.hub-refresh .hub-content [hidden] { display:none!important; }
body.refresh.hub-refresh .hub-content :is(button,input,select,textarea):focus-visible { outline:3px solid var(--surface-muted,#52675f); outline-offset:4px; }
body.refresh.hub-refresh .hub-content .muted { font-size:16px; }
body.refresh.hub-refresh[data-private-chrome] .site-header { position:relative; }
body.refresh.hub-refresh[data-private-chrome] .nav-pill { flex-wrap:wrap; }
body.refresh.hub-refresh[data-private-chrome] .private-navigation { margin-left:auto; }
body.refresh.hub-refresh[data-private-chrome] .private-navigation > summary { cursor:pointer; min-height:48px; padding:12px 20px; background:var(--surface-mist,#e9f0ee); color:var(--surface-ink,#203f38); }
body.refresh.hub-refresh[data-private-chrome] .private-navigation[open] { width:100%; }
body.refresh.hub-refresh[data-private-chrome] .private-navigation[open] > .nav-links { display:flex; position:static; width:100%; padding:20px 0; flex-wrap:wrap; max-height:none; overflow:visible; visibility:visible; opacity:1; transform:none; }
body.refresh.hub-refresh[data-private-chrome] .private-navigation .mega { position:static; max-height:none; width:100%; }
body.refresh.hub-refresh[data-private-chrome] .private-navigation :is(summary,a):focus-visible { outline:3px solid currentColor; outline-offset:4px; }
@media(max-width:767px) {
 body.refresh.hub-refresh .hub-content .diary-grid { grid-template-columns:1fr; }
 body.refresh.hub-refresh .hub-content :is(.tool-face,.chart,.empty) { padding:24px 20px; }
 body.refresh.hub-refresh .hub-content .stat-band { gap:16px; grid-template-columns:1fr; }
 body.refresh.hub-refresh .hub-content .chart li { grid-template-columns:minmax(0,1fr) 32px; gap:6px 12px; }
 body.refresh.hub-refresh .hub-content .chart li > span:first-child { grid-column:1/-1;overflow-wrap:normal;word-break:normal; }
 body.refresh.hub-refresh[data-private-chrome] .private-navigation[open] > .nav-links { align-items:stretch; flex-direction:column; gap:16px; }
}

/* Keep the quantitative fill distinct from its unused track in either theme. */
:root[data-theme="dark"] body.refresh.hub-refresh .hub-content .bar { background:#d5b365; }
:root[data-theme="dark"] body.refresh.hub-refresh .hub-content .bar-track { background:#40574d; }
@media(prefers-color-scheme:dark) {
 :root:not([data-theme="light"]) body.refresh.hub-refresh .hub-content .bar { background:#d5b365; }
 :root:not([data-theme="light"]) body.refresh.hub-refresh .hub-content .bar-track { background:#40574d; }
}

@media(prefers-color-scheme:dark) {
 body.refresh.hub-refresh[data-private-chrome] { color-scheme:dark; }
}

/* M: an unpaired field fills the remaining form row. */
body.refresh.hub-refresh .diary-grid > label:last-child:nth-child(odd) { grid-column:1 / -1; }