/* Guide network editorial brand, 17 October 2026.
 * Adapted from the approved Boys Guide visual direction.
 * Opt-in through data-guide-brand="editorial-v1".
 * No display/position/height changes to the chat shell, sidebar or composer.
 */
:root {
  --guide-ground:#111314;
  --guide-panel:#1b1e1e;
  --guide-ink:#f3f0e9;
  --guide-muted:#bbb9b2;
  --guide-rule:#3a3e3b;
  --guide-accent:#e9a06d;
  --guide-paper:#e8e4db;
  --guide-paper-ink:#202724;
  --guide-small:clamp(.875rem,.85rem + .1vw,1rem);
  --guide-text:clamp(1rem,.98rem + .1vw,1.125rem);
  --guide-subhead:clamp(1.25rem,1.1rem + .45vw,1.5rem);
  --guide-title:clamp(2rem,1.25rem + 2.4vw,3.75rem);
  --guide-hero:clamp(2.8rem,1.4rem + 4.2vw,5.75rem);
}
html:has(body[data-guide-brand="editorial-v1"]),
body[data-guide-brand="editorial-v1"] {
  background-color:var(--guide-ground);
  color:var(--guide-ink);
}
body[data-guide-brand="editorial-v1"] a { color:var(--guide-accent); }
body[data-guide-brand="editorial-v1"] :is(a,button,input,textarea,summary):focus-visible {
  outline:2px solid var(--guide-accent);
  outline-offset:4px;
}
body[data-guide-brand="editorial-v1"] .skip-link {
  background:var(--guide-paper);color:var(--guide-paper-ink);
}
/* Reading surfaces. The shared system-font stack is intentionally preserved. */
body[data-guide-brand="editorial-v1"]:not(.chat-page-body) {font-size:var(--guide-text)}
body[data-guide-brand="editorial-v1"] .site-header {
  background:var(--guide-ground);border-color:var(--guide-rule);position:relative;
}
body[data-guide-brand="editorial-v1"] .site-header-inner {
  max-width:1280px;margin-inline:auto;padding:1.5rem 2rem;gap:1rem;
}
body[data-guide-brand="editorial-v1"] .nav-brand {
  background:url('/favicon.svg') left center/25px 29px no-repeat;
  padding-left:2rem;color:var(--guide-ink);
}
body[data-guide-brand="editorial-v1"] .nav-context {
  color:var(--guide-muted);margin-left:2rem;line-height:1.6;
}
body[data-guide-brand="editorial-v1"] .nav-toggle-wrap {width:auto}
body[data-guide-brand="editorial-v1"] .nav-toggle {border-color:var(--guide-rule)}
body[data-guide-brand="editorial-v1"] .nav-links > li > a {color:var(--guide-muted)}
body[data-guide-brand="editorial-v1"] .nav-links > li > a:is(:hover,[aria-current="page"]) {color:var(--guide-ink)}
body[data-guide-brand="editorial-v1"] .hero {
  padding:4rem 2rem;text-align:left;background:var(--guide-ground);border-color:var(--guide-rule);
}
body[data-guide-brand="editorial-v1"] .hero-content {max-width:1160px;margin-inline:auto}
body[data-guide-brand="editorial-v1"] .hero-eyebrow {
  color:var(--guide-accent);font-size:var(--guide-small);letter-spacing:.1em;margin-bottom:1.5rem;
}
body[data-guide-brand="editorial-v1"] .hero h1 {
  color:var(--guide-ink);font-size:var(--guide-title);font-weight:500;
  letter-spacing:-.035em;line-height:1.12;text-wrap:balance;max-width:1000px;margin-bottom:1.5rem;
}
body[data-guide-brand="editorial-v1"][data-guide-page="home"] .hero-content {
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);column-gap:4rem;align-items:start;
}
body[data-guide-brand="editorial-v1"][data-guide-page="home"] .hero-eyebrow {grid-column:1/-1}
body[data-guide-brand="editorial-v1"][data-guide-page="home"] .hero h1 {
  grid-column:1;grid-row:2/span 6;font-size:var(--guide-hero);line-height:1.06;letter-spacing:-.045em;
}
body[data-guide-brand="editorial-v1"][data-guide-page="home"][data-brand-title="long"] .hero h1 {
  font-size:clamp(2.4rem,1.3rem + 3vw,4.4rem);
}
body[data-guide-brand="editorial-v1"] .hero-lead {
  max-width:660px;margin:0 0 1.25rem;color:var(--guide-muted);font-size:var(--guide-text);line-height:1.8;
}
body[data-guide-brand="editorial-v1"] .hero-cta {justify-content:flex-start;margin:1rem 0 0;gap:1rem}
body[data-guide-brand="editorial-v1"] .hero-meta {color:var(--guide-muted);font-size:var(--guide-small);line-height:1.7}
body[data-guide-brand="editorial-v1"][data-guide-page="home"] .hero-content > :is(.hero-lead,.hero-cta,.hero-meta) {grid-column:2}
body[data-guide-brand="editorial-v1"]:not(.chat-page-body) :is(.btn-primary,.btn-secondary) {
  min-height:46px;padding:.75rem 1.5rem;border-radius:3px;font-size:var(--guide-small);
  line-height:1.5;font-weight:600;box-shadow:none;transform:none;white-space:normal;
}
body[data-guide-brand="editorial-v1"]:not(.chat-page-body) .btn-primary {
  color:var(--guide-ground);background:var(--guide-accent);border:1px solid var(--guide-accent);
}
body[data-guide-brand="editorial-v1"]:not(.chat-page-body) .btn-primary:hover {
  color:var(--guide-ground);background:var(--guide-ink);border-color:var(--guide-ink);
}
body[data-guide-brand="editorial-v1"]:not(.chat-page-body) .btn-secondary {
  color:var(--guide-ink);background:transparent;border:1px solid var(--guide-rule);
}
body[data-guide-brand="editorial-v1"] .network-door {
  color:var(--guide-muted);font-size:var(--guide-small);line-height:1.8;
}
body[data-guide-brand="editorial-v1"] .content-section {
  padding:3rem 2rem;border-color:var(--guide-rule);background:var(--guide-ground);
}
body[data-guide-brand="editorial-v1"] .content-section > .container {
  max-width:1160px;padding-inline:0;
}
body[data-guide-brand="editorial-v1"] .content-section :is(h2,h3,h4) {color:var(--guide-ink)}
body[data-guide-brand="editorial-v1"] .content-section h2 {
  font-size:clamp(1.65rem,1.3rem + 1vw,2.5rem);font-weight:500;letter-spacing:-.02em;line-height:1.25;
  max-width:900px;margin-bottom:1.25rem;
}
body[data-guide-brand="editorial-v1"] .content-section h3 {
  font-size:var(--guide-subhead);font-weight:550;line-height:1.45;
}
body[data-guide-brand="editorial-v1"] .content-section :is(p,li,dd) {
  color:var(--guide-muted);line-height:1.85;
}
body[data-guide-brand="editorial-v1"] .content-section :is(p,ul,ol,dl) {max-width:76ch}
body[data-guide-brand="editorial-v1"] .content-section p {margin-bottom:1rem}
body[data-guide-brand="editorial-v1"] .content-section strong {color:var(--guide-ink)}
body[data-guide-brand="editorial-v1"] .content-section.highlight {background:var(--guide-panel)}
body[data-guide-brand="editorial-v1"] .point-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem;margin-block:2rem 0;
}
body[data-guide-brand="editorial-v1"] .point {
  padding:1.75rem 0;background:transparent;border:0;border-top:1px solid var(--guide-rule);border-radius:0;
}
body[data-guide-brand="editorial-v1"] .point :is(h3,h3 a) {color:var(--guide-ink);font-size:var(--guide-subhead)}
body[data-guide-brand="editorial-v1"] .point h3 a:hover {color:var(--guide-accent)}
body[data-guide-brand="editorial-v1"] .point p {font-size:var(--guide-small)}
body[data-guide-brand="editorial-v1"] .invite-panel {
  background:var(--guide-paper);color:var(--guide-paper-ink);border:0;border-radius:0;padding:2.5rem;margin-top:2rem;
}
body[data-guide-brand="editorial-v1"] .invite-panel :is(p,h2,h3,strong,li,a) {color:var(--guide-paper-ink)}
body[data-guide-brand="editorial-v1"] .invite-panel a {text-decoration:underline;text-underline-offset:3px}
body[data-guide-brand="editorial-v1"] .invite-panel a.btn-primary {
  background:var(--guide-paper-ink);border-color:var(--guide-paper-ink);color:var(--guide-paper);text-decoration:none;
}
body[data-guide-brand="editorial-v1"] .invite-panel a.btn-secondary {
  background:transparent;border-color:var(--guide-paper-ink);color:var(--guide-paper-ink);
}
body[data-guide-brand="editorial-v1"] .invite-panel :is(a,button):focus-visible {outline-color:var(--guide-paper-ink)}
body[data-guide-brand="editorial-v1"] .content-section blockquote {
  max-width:76ch;padding:1.5rem;background:var(--guide-panel);border:0;margin:1.5rem 0;
}
body[data-guide-brand="editorial-v1"] .content-section blockquote p {color:var(--guide-ink)}
body[data-guide-brand="editorial-v1"] .content-section details {
  border-color:var(--guide-rule);border-radius:3px;
}
body[data-guide-brand="editorial-v1"] .content-section summary {color:var(--guide-ink)}
body[data-guide-brand="editorial-v1"] .legal-page {color:var(--guide-muted)}
body[data-guide-brand="editorial-v1"] .site-footer {
  max-width:1224px;margin-inline:auto;padding:3rem 2rem;background:var(--guide-ground);border-color:var(--guide-rule);
}
body[data-guide-brand="editorial-v1"] .site-footer h4 {color:var(--guide-ink)}
body[data-guide-brand="editorial-v1"] .site-footer :is(a,p,.music-note) {color:var(--guide-muted)}
body[data-guide-brand="editorial-v1"] .site-footer a:hover {color:var(--guide-accent)}
body[data-guide-brand="editorial-v1"] .music-toggle {color:var(--guide-accent);border-color:var(--guide-rule)}
body[data-guide-brand="editorial-v1"] :is(.faq-ask,.feedback-line a) {color:var(--guide-accent)}
/* Chat: surface colours only. Preserve all established geometry, visibility,
 * viewport sizing, safe-area clearance, scroll behaviour and event handling. */
body.chat-page-body[data-guide-brand="editorial-v1"] :is(.chat-sidebar,.chat-container,.chat-page-container) {
  background-color:var(--guide-ground);border-color:var(--guide-rule);
}
body.chat-page-body[data-guide-brand="editorial-v1"] .chat-sidebar {background-color:var(--guide-panel)}
body.chat-page-body[data-guide-brand="editorial-v1"] :is(.sidebar-brand,.sidebar-new-btn,.sidebar-session-title) {color:var(--guide-ink)}
body.chat-page-body[data-guide-brand="editorial-v1"] :is(.sidebar-note,.sidebar-legal,.chat-static-invitation>p) {color:var(--guide-muted)}
body.chat-page-body[data-guide-brand="editorial-v1"] .invitation-starters li>button {
  color:var(--guide-ink);background-color:var(--guide-panel);border-color:var(--guide-rule);
}
body.chat-page-body[data-guide-brand="editorial-v1"] :is(.chat-form,#chat-input) {
  background-color:var(--guide-panel);color:var(--guide-ink);border-color:var(--guide-rule);
}
body.chat-page-body[data-guide-brand="editorial-v1"] #chat-input::placeholder {color:var(--guide-muted)}
body.chat-page-body[data-guide-brand="editorial-v1"] #chat-submit {
  background-color:var(--guide-accent);color:var(--guide-ground);border-color:var(--guide-accent);
}
body.chat-page-body[data-guide-brand="editorial-v1"] :is(.chat-message.assistant,.message.assistant) {
  color:var(--guide-ink);background-color:var(--guide-panel);
}
@media(max-width:900px) {
  body[data-guide-brand="editorial-v1"][data-guide-page="home"] .hero-content {display:block}
  body[data-guide-brand="editorial-v1"] .hero h1 {max-width:800px}
}
@media(max-width:600px) {
  body[data-guide-brand="editorial-v1"] .site-header-inner {padding:1.25rem 1.5rem;align-items:flex-start}
  body[data-guide-brand="editorial-v1"] .nav-brand-group {max-width:100%}
  body[data-guide-brand="editorial-v1"] .nav-context {max-width:240px;overflow-wrap:anywhere}
  body[data-guide-brand="editorial-v1"] .nav-links > li > a {white-space:normal}
  body[data-guide-brand="editorial-v1"] .hero {padding:2.5rem 1.5rem}
  body[data-guide-brand="editorial-v1"][data-guide-page="home"] .hero h1 {font-size:clamp(2.5rem,10vw,3.6rem)}
  body[data-guide-brand="editorial-v1"][data-guide-page="home"][data-brand-title="long"] .hero h1 {font-size:clamp(2.2rem,8.5vw,3rem)}
  body[data-guide-brand="editorial-v1"] .hero-cta {align-items:flex-start}
  body[data-guide-brand="editorial-v1"] .content-section {padding:2.25rem 1.5rem}
  body[data-guide-brand="editorial-v1"] .point-grid {grid-template-columns:1fr}
  body[data-guide-brand="editorial-v1"] .invite-panel {padding:1.5rem}
  body[data-guide-brand="editorial-v1"] .site-footer {padding:2.5rem 1.5rem}
}