.sg-site { --sg-border:#34322e; }
.sg-site .sg-header { max-width:1500px; margin:auto; padding:1.5rem 3vw; }
.sg-header > a { display:block; width:185px; flex-shrink:0; }
.sg-header img { width:100%; height:auto; }
.sg-header nav { display:flex; gap:1.5rem; flex-wrap:wrap; }
.sg-header nav a { margin:0; display:inline-flex; align-items:center; min-height:44px; }
.sg-header [aria-current="page"] { text-decoration:underline; text-underline-offset:6px; }
.sg-skip { position:absolute; top:-100px; left:1rem; z-index:10; padding:1rem; background:var(--ink); color:var(--bg); }
.sg-skip:focus { top:1rem; }
.sg-hub { max-width:1380px; padding:4rem 3vw 5rem; }
.sg-eyebrow,.sg-number,.sg-meta,.sg-breadcrumb { font-size:.75rem; letter-spacing:.13em; line-height:1.6; }
.sg-eyebrow,.sg-number { text-transform:uppercase; }
.sg-eyebrow,.sg-meta,.sg-breadcrumb { color:#b8b0a3; }
.sg-hub-hero { position:relative; padding-bottom:3.5rem; border-bottom:1px solid var(--sg-border); }
.sg-site h1,.sg-site h2,.sg-site h3 { color:var(--ink); text-transform:none; letter-spacing:normal; }
.sg-hub h1 { font-size:clamp(5rem,13.5vw,12rem); font-weight:650; line-height:.89; letter-spacing:-.055em; margin:2.2rem 0 2rem; }
.sg-hub-intro { display:grid; grid-template-columns:1fr 1fr; gap:4rem; max-width:800px; margin-left:auto; }
.sg-hub-intro p { margin:0; font-size:1.08rem; line-height:1.6; }
.sg-hub-intro p:first-child { font-size:1.25rem; }
.sg-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; padding:3rem 0; }
.sg-topics-nav { display:flex; flex-wrap:wrap; gap:.6rem 1.5rem; padding:1.2rem 0; border-bottom:1px solid var(--sg-border); }
.sg-topics-nav a { display:inline-flex; align-items:center; gap:.6rem; min-height:44px; font-size:1rem; text-underline-offset:5px; }
.sg-topic { margin-top:3rem; }
.sg-topic-heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:.8rem 3rem; }
.sg-topic-heading h2 { font-size:clamp(1.8rem,3vw,2.6rem); line-height:1.2; font-weight:550; margin:0; scroll-margin-top:2rem; }
.sg-topic-heading h2:focus-visible { outline:2px solid var(--ink); outline-offset:6px; }
.sg-topic-heading p { flex:1 1 24rem; max-width:53ch; margin:0; font-size:1rem; line-height:1.6; color:#b8b0a3; }
.sg-topic .sg-grid { padding:1.6rem 0 1rem; }
.sg-card { text-decoration:none; display:block; border-bottom:1px solid var(--sg-border); }
.sg-card-art { position:relative; background:#111; border:1px solid var(--sg-border); aspect-ratio:1.4; overflow:hidden; }
.sg-card-art .sg-number { position:absolute; left:1.3rem; top:.7rem; z-index:1; }
.sg-card-art svg { width:65%; height:85%; display:block; margin:5% auto 0; }
.sg-card-copy { padding:1.4rem 0 1.8rem; }
.sg-card-copy :is(h2,h3) { font-size:1.4rem; line-height:1.2; margin:0 0 .8rem; font-weight:550; }
.sg-card-copy p { font-size:.98rem; line-height:1.6; margin:0 0 1.5rem; }
.sg-read { display:flex; justify-content:space-between; font-size:.83rem; text-transform:uppercase; letter-spacing:.1em; }
.sg-card:hover,.sg-site a:hover { opacity:.6; }
.sg-hub-extra { display:grid; grid-template-columns:1fr auto; gap:4rem; padding:2.5rem 0 3.5rem; border-bottom:1px solid var(--sg-border); }
.sg-hub-extra h2 { font-size:clamp(2rem,4vw,3.5rem); line-height:1.1; margin:1rem 0; letter-spacing:-.03em; }
.sg-hub-extra p { max-width:57ch; line-height:1.6; }
.sg-hub-extra a { display:inline-flex; min-height:44px; align-items:center; text-underline-offset:5px; }
.sg-hub-mark { font-size:6rem; line-height:.95; font-weight:550; letter-spacing:-.06em; }
.sg-disclosure { border-left:2px solid #b8b0a3; padding:.7rem 1rem; margin:2rem 0; max-width:80ch; color:#b8b0a3; font-size:.83rem; line-height:1.6; }
.sg-disclosure strong { color:var(--ink); font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; }
.sg-disclosure p { margin:.4rem 0 0; }
.sg-article { max-width:1140px; padding:2.5rem 3vw 5rem; }
.sg-breadcrumb { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; }
.sg-breadcrumb a { display:inline-flex; min-height:44px; align-items:center; text-underline-offset:4px; }
.sg-article-hero { display:grid; grid-template-columns:minmax(0,1fr) 24%; gap:3rem; padding:2rem 0; border-bottom:1px solid var(--sg-border); align-items:center; }
.sg-article h1 { font-size:clamp(2.6rem,5.7vw,5.3rem); line-height:1.04; font-weight:550; letter-spacing:-.04em; margin:1.5rem 0; }
.sg-lead { font-size:1.2rem; line-height:1.55; max-width:52ch; }
.sg-meta { margin-top:1.5rem; letter-spacing:.07em; }
.sg-article-art svg { width:100%; height:auto; display:block; }
.sg-toc { display:flex; flex-wrap:wrap; column-gap:1.2rem; row-gap:.1rem; max-width:80ch; margin:2rem 0 3rem; padding:1rem 0; border-top:1px solid var(--sg-border); border-bottom:1px solid var(--sg-border); }
.sg-toc a { display:inline-flex; align-items:center; min-height:44px; font-size:.88rem; text-underline-offset:5px; }
.sg-prose { max-width:73ch; font-size:1.125rem; line-height:1.75; }
.sg-prose section { margin:0 0 3.3rem; scroll-margin-top:2rem; }
.sg-prose h2 { font-size:1.9rem; line-height:1.2; font-weight:550; margin:0 0 1.2rem; letter-spacing:-.025em; }
.sg-prose h3 { font-size:1.35rem; line-height:1.3; font-weight:550; margin:2rem 0 .8rem; }
.sg-prose p { margin:0 0 1.25rem; }
.sg-prose a { text-underline-offset:4px; text-decoration-thickness:1px; }
.sg-prose li { margin-bottom:.85rem; padding-left:.15rem; }
.sg-prose ul,.sg-prose ol { padding-left:1.5rem; }
.sg-prose strong { font-weight:600; }
.sg-prose .sg-product { margin:1.7rem 0 2rem; }
.sg-product a { display:inline-flex; gap:.6rem; align-items:center; min-height:48px; padding:.75rem 1rem; border:1px solid var(--ink); font-size:1rem; line-height:1.45; text-decoration:none; flex-wrap:wrap; }
.sg-product > span { display:block; font-size:.78rem; color:#b8b0a3; line-height:1.5; margin:.6rem 0 0; }
.sg-look-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.6rem; margin:1.5rem 0; }
.sg-look-grid > div { border-top:1px solid var(--sg-border); padding:1.1rem 0; }
.sg-look-grid .sg-number { font-size:.69rem; margin:0; }
.sg-look-grid h3 { font-size:1.15rem; margin:.75rem 0; }
.sg-look-grid p:not(.sg-number) { font-size:.98rem; line-height:1.65; }
.sg-table-wrap { overflow-x:auto; margin:1.5rem 0 2rem; border:1px solid var(--sg-border); }
.sg-table-hint { display:none; }
.sg-table-wrap table { border-collapse:collapse; min-width:590px; width:100%; font-size:.94rem; line-height:1.6; }
.sg-table-wrap .sg-table--compact { min-width:0; }
.sg-table-wrap caption { padding:.85rem 1rem; text-align:left; }
.sg-table-wrap th,.sg-table-wrap td { padding:.85rem 1rem; vertical-align:top; text-align:left; border-bottom:1px solid var(--sg-border); }
.sg-table-wrap thead th { font-weight:600; background:#151515; }
.sg-table-wrap tbody th { font-weight:500; }
.sg-table-wrap tbody tr:last-child > * { border-bottom:0; }
.sg-next { border-top:1px solid var(--sg-border); margin-top:4rem; padding-top:2rem; }
.sg-next h2 { font-size:.8rem; text-transform:uppercase; letter-spacing:.12em; margin:0 0 1rem; }
.sg-next > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; }
.sg-next a { display:flex; justify-content:space-between; gap:1rem; padding:1rem 0; font-size:1.2rem; line-height:1.4; text-decoration:none; }
.sg-site .sg-footer { max-width:1380px; padding:2rem 3vw; margin:auto; text-transform:none; letter-spacing:normal; }
.sg-footer nav { display:flex; flex-wrap:wrap; column-gap:1.4rem; }
.sg-footer a { display:inline-flex; align-items:center; min-height:44px; font-size:.8rem; color:var(--ink); }
.sg-footer p { margin:1.2rem 0; font-size:.72rem; color:#b8b0a3; letter-spacing:.12em; }
@media(max-width:800px) {
  .sg-site .sg-header { padding:1rem 5vw; flex-wrap:wrap; gap:.5rem 1rem; }
  .sg-header > a { width:155px; }
  .sg-header nav { gap:1.15rem; }
  .sg-header nav a { font-size:.66rem; letter-spacing:.1em; }
  .sg-hub,.sg-article { padding:2.3rem 5vw 4rem; }
  .sg-hub-intro { gap:2rem; }
  .sg-grid { gap:1.2rem; }
  .sg-card-art .sg-number { left:.7rem; font-size:.62rem; }
  .sg-card-copy :is(h2,h3) { font-size:1.2rem; }
  .sg-article-hero { grid-template-columns:minmax(0,1fr) 18%; gap:1rem; }
  .sg-look-grid { grid-template-columns:1fr; gap:0; }
  .sg-look-grid > div { padding:.9rem 0; }
}
@media(max-width:580px) {
  .sg-prose .sg-table-hint { display:block; font-size:.8rem; color:#b8b0a3; margin:1rem 0 -.6rem; }
  .sg-header nav { width:100%; justify-content:space-between; gap:.7rem; }
  .sg-hub h1 { font-size:clamp(4.8rem,24vw,8rem); margin:1.6rem 0; }
  .sg-hub-intro { grid-template-columns:1fr; gap:.8rem; margin:0; }
  .sg-hub-intro p { font-size:1rem; }
  .sg-hub-intro p:first-child { font-size:1.2rem; }
  .sg-hub-hero { padding-bottom:2rem; }
  .sg-grid { grid-template-columns:1fr; gap:2rem; padding:2rem 0; }
  .sg-card-art { aspect-ratio:1.5; }
  .sg-card-art svg { height:100%; width:50%; margin:0 0 0 40%; }
  .sg-card-art .sg-number { font-size:.74rem; left:1rem; top:1rem; }
  .sg-card-copy { padding:1.2rem 0; }
  .sg-card-copy :is(h2,h3) { font-size:1.5rem; }
  .sg-hub-extra { grid-template-columns:1fr; gap:1rem; padding:1.5rem 0 2.5rem; }
  .sg-hub-mark { display:none; }
  .sg-article-hero { grid-template-columns:1fr; padding:1.2rem 0; }
  .sg-article-art { display:none; }
  .sg-article h1 { font-size:clamp(2.5rem,10vw,3.5rem); }
  .sg-lead { font-size:1.12rem; }
  .sg-prose { font-size:1.0625rem; line-height:1.75; }
  .sg-prose h2 { font-size:1.6rem; }
  .sg-toc { margin-bottom:2rem; column-gap:1rem; }
  .sg-next > div { grid-template-columns:1fr; gap:0; }
  .sg-next a { font-size:1.1rem; }
  .sg-site .sg-footer { padding:1.5rem 5vw; }
}

/* Entry on the calendar; the page's event area keeps its existing styles. */
.sg-entry-header { flex-wrap:wrap; gap:1rem 2rem; }
.sg-entry-header nav { display:flex; flex-wrap:wrap; gap:.4rem 1.4rem; }
.sg-entry-header nav a { display:inline-flex; align-items:center; min-height:44px; margin:0; }
.sg-entry { margin:1.7rem 0 2.5rem; padding:1.2rem 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.sg-entry h2 { margin:0 0 .4rem; }
.sg-entry p { font-size:.95rem; line-height:1.65; margin:.6rem 0 0; }
.sg-entry nav { display:flex; flex-wrap:wrap; gap:.4rem 1.5rem; }
.sg-entry nav a { display:inline-flex; align-items:center; min-height:44px; font-size:.9rem; text-underline-offset:4px; }
.sg-entry .sg-fit-entry { margin:.7rem 0; }
.sg-entry .sg-fit-entry summary { min-height:44px; padding:.7rem 0; font-size:.95rem; line-height:1.5; cursor:pointer; }
.sg-entry .sg-fit-entry summary:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
@media(max-width:640px) {
  .sg-entry-header nav { width:100%; gap:.3rem 1rem; }
}

/* An odd group ends with a card spanning the full row. */
@media (min-width:581px) {
  .sg-card--wide { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; gap:2rem; align-items:center; }
  .sg-card--wide .sg-card-copy { padding:1.4rem 0; }
}

.sg-checklist { margin:1.5rem 0; padding:1rem 1.2rem; border:1px solid var(--sg-border); min-width:0; }
.sg-checklist legend { padding:0 .4rem; font-size:1rem; font-weight:550; }
.sg-checklist label { display:flex; align-items:flex-start; gap:.8rem; margin:.8rem 0; cursor:pointer; }
.sg-checklist input { flex:0 0 auto; width:1.2rem; height:1.2rem; margin:.25rem 0 0; accent-color:var(--ink); }
.sg-checklist input:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
.sg-checklist input:checked + span { opacity:.6; text-decoration:line-through; }
@media (min-width:581px) { .sg-next > div > a:last-child:nth-child(odd) { grid-column:1 / -1; } }