[data-page="source-primer"] {
  --ink:#202020; --paper:#FFFFFF; --fire:#EA2804; --alert:#DD4425;
  --green:#2B9A66; --deep:#24292E; --muted:#646464; --silver:#BBBBBB;
  --mono:'JetBrains Mono','SFMono-Regular',Consolas,'Liberation Mono',monospace;
  color-scheme:light; background:var(--paper); scroll-behavior:smooth;
  scroll-padding-top:152px;
}
[data-page="source-primer"] *, [data-page="source-primer"] *::before, [data-page="source-primer"] *::after { box-sizing:border-box; }
[data-page="source-primer"] body { margin:0; color:var(--ink); background:var(--paper); font:400 16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
[data-page="source-primer"] h1, [data-page="source-primer"] h2, [data-page="source-primer"] h3, [data-page="source-primer"] p, [data-page="source-primer"] figure, [data-page="source-primer"] dl, [data-page="source-primer"] dd { margin:0; }
[data-page="source-primer"] h1, [data-page="source-primer"] h2, [data-page="source-primer"] h3 { font-weight:700; letter-spacing:-.055em; line-height:1.06; text-wrap:balance; }
[data-page="source-primer"] h1 { font-size:clamp(48px,5.6vw,80px); max-width:13ch; }
[data-page="source-primer"] h2 { font-size:clamp(32px,3vw,44px); }
[data-page="source-primer"] h3 { font-size:24px; }
[data-page="source-primer"] p, [data-page="source-primer"] li, [data-page="source-primer"] dd { font-size:16px; line-height:1.6; }
[data-page="source-primer"] a { color:inherit; font-size:16px; text-decoration:underline; text-decoration-style:dotted; text-underline-offset:5px; text-decoration-thickness:1px; }
[data-page="source-primer"] a:focus-visible { outline:3px solid var(--ink); outline-offset:5px; border-radius:9999px; }
[data-page="source-primer"] [data-role='wrap'] { width:min(1280px,calc(100% - 64px)); margin-inline:auto; }
[data-page="source-primer"] [data-role='skip'] { position:absolute; top:8px; left:24px; transform:translateY(-200%); z-index:50; background:white; border:2px solid var(--ink); border-radius:9999px; padding:12px 24px; min-height:48px; }
[data-page="source-primer"] [data-role='skip']:focus { transform:none; }
[data-page="source-primer"] [data-role='masthead'] { position:sticky; top:0; z-index:20; background:white; border-bottom:1px solid var(--silver); }
[data-page="source-primer"] [data-role='masthead'] [data-role='wrap'] { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:80px; }
[data-page="source-primer"] [data-role='brand'] { display:flex; gap:12px; align-items:center; min-height:48px; text-decoration:none; font:500 16px/1.2 var(--mono); }
[data-page="source-primer"] [data-role='brand-dot'] { display:block; width:32px; height:32px; flex:0 0 32px; border-radius:9999px; background:radial-gradient(circle at 35% 30%,#FFB09A,var(--fire) 55%,#DD2567); }
[data-page="source-primer"] [data-role='brand-name'] { display:block; }
[data-page="source-primer"] [data-role='index-link'] { display:inline-flex; justify-content:center; align-items:center; gap:12px; min-height:48px; padding:8px 20px; border:1px solid var(--ink); border-radius:9999px; white-space:nowrap; font-family:var(--mono); }
[data-page="source-primer"] [data-role='reading-progress'] { position:fixed; z-index:30; top:0; left:0; width:100%; height:4px; border:0; appearance:none; background:transparent; accent-color:var(--fire); }
[data-page="source-primer"] [data-role='reading-progress']::-webkit-progress-bar { background:transparent; }
[data-page="source-primer"] [data-role='reading-progress']::-webkit-progress-value { background:var(--fire); border-radius:9999px; }
[data-page="source-primer"] [data-role='reading-progress']::-moz-progress-bar { background:var(--fire); border-radius:9999px; }
[data-page="source-primer"] [data-role='hero'] { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr); gap:40px; align-items:center; margin-block:32px; padding:56px 72px; border-radius:9999px; background:linear-gradient(115deg,#FFF5E9 3%,#FFD4C5 34%,#FFAFB2 55%,var(--fire) 74%,#DF2278 92%,#FFA9D8); background-size:130% 130%; animation:gradient-breathe 22s ease-in-out infinite alternate; }
[data-page="source-primer"] [data-role='hero-copy'] { min-width:0; background:#FFF5E9; border-radius:24px; padding:24px; }
[data-page="source-primer"] [data-role='tag'] { display:inline-flex; align-items:center; padding:8px 16px; border-radius:9999px; background:white; font:500 16px/1.4 var(--mono); margin-bottom:24px; }
[data-page="source-primer"] [data-role='hero-lead'] { margin-top:24px; max-width:51ch; font-size:18px; line-height:1.6; }
[data-page="source-primer"] [data-role='hero-actions'] { display:flex; flex-wrap:wrap; gap:16px; margin-top:24px; }
[data-page="source-primer"] [data-role='button'] { display:inline-flex; justify-content:center; align-items:center; gap:16px; min-height:52px; padding:12px 24px; border-radius:9999px; background:var(--ink); color:white; text-decoration:none; line-height:1.5; transition:transform 200ms ease,background 200ms ease; }
[data-page="source-primer"] [data-role='button']:hover { transform:translateY(-3px); background:var(--deep); }
[data-page="source-primer"] [data-role='button'][data-tone='fire'] { background:var(--fire); color:white; font-size:20px; font-weight:700; }
[data-page="source-primer"] [data-role='button'][data-tone='fire']:hover { background:#C92103; }
[data-page="source-primer"] [data-role='button'][data-tone='light'] { background:white; color:var(--ink); border:1px solid var(--ink); }
[data-page="source-primer"] [data-role='image-frame'] { border-radius:9999px; background:radial-gradient(ellipse at 35% 35%,#FFF5E9 10%,#FFCEC1 50%,#ED6042 86%); overflow:hidden; }
[data-page="source-primer"] [data-role='image-frame'] img { display:block; width:100%; height:100%; min-width:0; object-fit:cover; border-radius:9999px; color:var(--ink); font-size:16px; }
[data-page="source-primer"] [data-role='hero'] [data-role='image-frame'] { height:352px; }
[data-page="source-primer"] [data-role='anchor-rail'] { position:sticky; top:80px; z-index:15; background:white; border-bottom:1px solid var(--silver); }
[data-page="source-primer"] [data-role='anchor-rail'] [data-role='wrap'] { display:flex; flex-wrap:wrap; gap:8px; padding-block:8px; align-items:center; }
[data-page="source-primer"] [data-role='anchor-rail'] a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 16px; border:1px solid var(--silver); border-radius:9999px; font:500 16px/1.5 var(--mono); text-decoration:none; }
[data-page="source-primer"] [data-role='anchor-rail'] a:hover { background:#FFE4DA; border-color:var(--ink); }
[data-page="source-primer"] [data-role='anchor-rail'] a:first-child { background:var(--green); color:var(--ink); border-color:var(--green); }
[data-page="source-primer"] [data-role='content'] { width:min(1120px,calc(100% - 64px)); margin-inline:auto; }
[data-page="source-primer"] [data-role='check-row'] { display:grid; grid-template-columns:minmax(0,240px) minmax(0,1fr); gap:64px; padding-block:64px; border-bottom:1px solid var(--silver); scroll-margin-top:8px; align-items:start; }
[data-page="source-primer"] [data-role='check-row'][data-side='right'] { grid-template-columns:minmax(0,1fr) minmax(0,240px); }
[data-page="source-primer"] [data-role='check-row'][data-side='right'] [data-role='meanings'] { order:2; }
[data-page="source-primer"] [data-role='check-row'][data-side='right'] [data-role='prose'] { order:1; }
[data-page="source-primer"] [data-role='prose'] { min-width:0; max-width:68ch; }
[data-page="source-primer"] [data-role='prose'] h2 { margin-bottom:24px; max-width:23ch; }
[data-page="source-primer"] [data-role='prose'] p + p { margin-top:16px; }
[data-page="source-primer"] [data-role='meanings'] { margin-top:8px; color:var(--muted); }
[data-page="source-primer"] [data-role='margin-label'] { display:inline-flex; padding:8px 16px; border:1px solid var(--silver); border-radius:9999px; font:500 16px/1.4 var(--mono); margin-bottom:16px; color:var(--ink); }
[data-page="source-primer"] [data-role='meanings'] dt { color:var(--ink); font:500 16px/1.5 var(--mono); margin-top:16px; }
[data-page="source-primer"] [data-role='meanings'] dd { margin-top:8px; }
[data-page="source-primer"] [data-role='meanings'][data-empty='true'] { min-height:1px; }
[data-page="source-primer"] [data-role='footnote-call'] { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; border:1px solid var(--silver); border-radius:9999px; margin-left:8px; vertical-align:middle; font:500 16px/1 var(--mono); text-decoration:none; background:white; }
[data-page="source-primer"] [data-role='footnote-call']:hover { background:#FFE4DA; }
[data-page="source-primer"] [data-role='questions'] { list-style:none; padding:0; margin:24px 0 0; }
[data-page="source-primer"] [data-role='questions'] li { display:flex; gap:16px; padding-block:16px; border-bottom:1px dotted var(--muted); max-width:68ch; }
[data-page="source-primer"] [data-role='questions'] li::before { content:'↗'; color:var(--fire); flex:0 0 16px; font-size:24px; line-height:1.1; }
[data-page="source-primer"] [data-role='notes'] { padding-block:56px; }
[data-page="source-primer"] [data-role='notes'] h2 { margin-bottom:24px; }
[data-page="source-primer"] [data-role='notes-intro'] { max-width:68ch; margin-bottom:16px; color:var(--muted); }
[data-page="source-primer"] [data-role='notes'] ul { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
[data-page="source-primer"] [data-role='notes'] li { display:flex; align-items:baseline; gap:16px; }
[data-page="source-primer"] [data-role='note-marker'] { display:inline-flex; justify-content:center; align-items:center; min-width:44px; min-height:44px; border:1px solid var(--silver); border-radius:9999px; font:500 16px/1 var(--mono); }
[data-page="source-primer"] [data-role='source-link'] { display:inline-flex; align-items:center; min-height:44px; padding-block:8px; overflow-wrap:anywhere; }
[data-page="source-primer"] [data-role='takeaway'] { background:var(--deep); color:white; border-radius:9999px; padding:56px 72px; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); align-items:center; gap:48px; margin-block:40px 64px; }
[data-page="source-primer"] [data-role='takeaway'] p { max-width:19ch; font-size:clamp(32px,3.5vw,48px); line-height:1.1; font-weight:700; letter-spacing:-.04em; }
[data-page="source-primer"] [data-role='takeaway'] [data-role='button'] { justify-self:end; max-width:100%; text-align:center; }
[data-page="source-primer"] [data-role='footer'] { border-top:1px solid var(--silver); padding-block:32px; }
[data-page="source-primer"] [data-role='footer'] [data-role='wrap'] { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:start; }
[data-page="source-primer"] [data-role='footer'] p { max-width:69ch; font-size:16px; }
[data-page="source-primer"] [data-role='footer-links'] { display:flex; flex-wrap:wrap; gap:16px; }
[data-page="source-primer"] [data-role='footer-links'] a { display:inline-flex; align-items:center; justify-content:center; padding:8px 16px; min-height:48px; border:1px solid var(--silver); border-radius:9999px; }
[data-page="source-primer"] [data-role='gallery'] { padding-block:48px; }
[data-page="source-primer"] [data-role='gallery-head'] { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:32px; }
[data-page="source-primer"] [data-role='gallery-head'] h2 { max-width:19ch; }
[data-page="source-primer"] [data-role='gallery-head'] p { max-width:36ch; color:var(--muted); }
[data-page="source-primer"] [data-role='gallery-grid'] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:40px 24px; }
[data-page="source-primer"] [data-role='check-card'] { display:flex; flex-direction:column; min-height:304px; min-width:0; text-decoration:none; padding-bottom:16px; transition:transform 200ms ease; }
[data-page="source-primer"] [data-role='check-card']:hover { transform:translateY(-4px); }
[data-page="source-primer"] [data-role='check-card'] [data-role='image-frame'] { height:168px; margin-bottom:16px; }
[data-page="source-primer"] [data-role='card-topic'] { font:500 16px/1.5 var(--mono); color:var(--muted); margin-bottom:8px; }
[data-page="source-primer"] [data-role='check-card'] h3 { text-decoration:underline dotted; text-underline-offset:5px; margin-bottom:8px; }
[data-page="source-primer"] [data-role='check-card'] p { font-size:16px; line-height:1.6; }
[data-page="source-primer"] [data-role='manifesto'] { padding-block:56px 72px; }
[data-page="source-primer"] [data-role='manifesto'] p { font-size:clamp(48px,9vw,128px); line-height:1; font-weight:700; letter-spacing:-.065em; max-width:13ch; }
[data-page="source-primer"] [data-role='hero-deck'] { font-size:32px; font-weight:700; letter-spacing:-.04em; line-height:1.1; margin-top:16px; }
[data-page="source-primer"] [data-home='true'] [data-role='hero'] { padding-block:64px; }
[data-page="source-primer"] [data-home='true'] h1 { font-size:clamp(52px,7.3vw,104px); max-width:10ch; line-height:.98; }
[data-page="source-primer"] [data-home='true'] [data-role='hero'] [data-role='image-frame'] { height:432px; }
@keyframes gradient-breathe { from {background-position:0% 30%;} to {background-position:55% 75%;} }
@media (max-width:1040px) {
  [data-page="source-primer"] [data-role='hero'] { padding:48px; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); gap:24px; }
  [data-page="source-primer"] [data-role='hero'] [data-role='image-frame'] { height:288px; }
  [data-page="source-primer"] [data-role='gallery-grid'] { grid-template-columns:repeat(3,minmax(0,1fr)); }
  [data-page="source-primer"] [data-role='check-row'], [data-page="source-primer"] [data-role='check-row'][data-side='right'] { grid-template-columns:minmax(0,200px) minmax(0,1fr); gap:40px; }
  [data-page="source-primer"] [data-role='check-row'][data-side='right'] [data-role='meanings'], [data-page="source-primer"] [data-role='check-row'][data-side='right'] [data-role='prose'] { order:initial; }
  [data-page="source-primer"] [data-role='takeaway'] { padding:48px; gap:32px; }
  [data-page="source-primer"] [data-role='footer'] [data-role='wrap'] { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:720px) {
  [data-page="source-primer"] { scroll-padding-top:160px; }
  [data-page="source-primer"] [data-role='wrap'], [data-page="source-primer"] [data-role='content'] { width:calc(100% - 32px); }
  [data-page="source-primer"] [data-role='masthead'] [data-role='wrap'] { min-height:72px; gap:8px; }
  [data-page="source-primer"] [data-role='brand'] { font-size:16px; gap:8px; }
  [data-page="source-primer"] [data-role='brand-dot'] { width:24px; height:24px; flex-basis:24px; }
  [data-page="source-primer"] [data-role='index-link'] { padding-inline:12px; gap:8px; font-size:16px; }
  [data-page="source-primer"] [data-role='hero'], [data-page="source-primer"] [data-home='true'] [data-role='hero'] { display:flex; flex-direction:column; align-items:stretch; gap:24px; padding:40px 24px; margin-block:24px; }
  [data-page="source-primer"] [data-role='hero-copy'] { padding:16px; }
  [data-page="source-primer"] h1, [data-page="source-primer"] [data-home='true'] h1 { font-size:clamp(44px,13.6vw,64px); max-width:13ch; }
  [data-page="source-primer"] [data-role='hero-lead'] { margin-top:24px; font-size:18px; }
  [data-page="source-primer"] [data-role='tag'] { padding:8px 12px; max-width:100%; font-size:16px; margin-bottom:24px; }
  [data-page="source-primer"] [data-role='hero'] [data-role='image-frame'], [data-page="source-primer"] [data-home='true'] [data-role='hero'] [data-role='image-frame'] { height:184px; width:100%; }
  [data-page="source-primer"] [data-role='hero-actions'] { gap:12px; }
  [data-page="source-primer"] [data-role='button'] { padding-inline:20px; min-height:52px; }
  [data-page="source-primer"] [data-role='anchor-rail'] { top:72px; }
  [data-page="source-primer"] [data-role='anchor-rail'] [data-role='wrap'] { gap:8px; }
  [data-page="source-primer"] [data-role='anchor-rail'] a { font-size:16px; padding-inline:12px; }
  [data-page="source-primer"] [data-role='check-row'], [data-page="source-primer"] [data-role='check-row'][data-side='right'] { display:flex; flex-direction:column; padding-block:40px; gap:24px; }
  [data-page="source-primer"] [data-role='meanings'] { margin:0; width:100%; }
  [data-page="source-primer"] [data-role='meanings'] dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  [data-page="source-primer"] [data-role='meanings'] dt { margin-top:0; }
  [data-page="source-primer"] [data-role='margin-label'] { margin-bottom:16px; }
  [data-page="source-primer"] [data-role='meanings'][data-empty='true'] { display:none; }
  [data-page="source-primer"] [data-role='prose'] h2 { margin-bottom:24px; }
  [data-page="source-primer"] [data-role='gallery'] { padding-block:32px; }
  [data-page="source-primer"] [data-role='gallery-head'] { display:block; margin-bottom:32px; }
  [data-page="source-primer"] [data-role='gallery-head'] p { margin-top:16px; }
  [data-page="source-primer"] [data-role='gallery-grid'] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 16px; }
  [data-page="source-primer"] [data-role='check-card'] { min-height:296px; }
  [data-page="source-primer"] [data-role='check-card'] [data-role='image-frame'] { height:112px; }
  [data-page="source-primer"] [data-role='check-card'] h3 { font-size:24px; line-height:1.15; }
  [data-page="source-primer"] [data-role='notes'] { padding-block:40px; }
  [data-page="source-primer"] [data-role='notes'] li { gap:12px; }
  [data-page="source-primer"] [data-role='source-link'] { padding-block:10px; }
  [data-page="source-primer"] [data-role='takeaway'] { display:flex; flex-direction:column; align-items:stretch; gap:24px; padding:48px 32px; margin-block:24px 48px; }
  [data-page="source-primer"] [data-role='takeaway'] p { font-size:36px; }
  [data-page="source-primer"] [data-role='takeaway'] [data-role='button'] { align-self:start; }
  [data-page="source-primer"] [data-role='footer'] { padding-block:24px; }
  [data-page="source-primer"] [data-role='footer-links'] { gap:12px; }
  [data-page="source-primer"] [data-role='manifesto'] { padding-block:32px 56px; }
}
@media (prefers-reduced-motion:reduce) {
  [data-page="source-primer"] { scroll-behavior:auto; }
  [data-page="source-primer"] *, [data-page="source-primer"] *::before, [data-page="source-primer"] *::after { animation:none !important; transition:none !important; }
  [data-page="source-primer"] [data-role='button']:hover, [data-page="source-primer"] [data-role='check-card']:hover { transform:none; }
}