:root{
  --bg:#0c080d; --surface:#151017; --elevated:#1e1721;
  --text:#f6eef5; --muted:#b3a3b2; --border:#2e2430;
  --accent:#961c82; --accent-ink:#fff5fc; --accent-text:#d82cbb;
  --font-display:"Archivo", system-ui, sans-serif;
  --font-body:"Hanken Grotesk", system-ui, sans-serif;
  --font-mono:"Space Mono", ui-monospace, Menlo, monospace;
  --radius:6px;
  --maxw:1240px;
  --gap:1.05rem;
  --pad-section:3rem;
  --lh:1.62;
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--font-body); font-size:1.03rem; line-height:var(--lh);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
img{max-width:100%; height:auto; display:block}

:where(main figure img, main .scd801e4 img, main img[src*="/assets/covers/"]){width:100%; aspect-ratio:1200/630; height:auto; object-fit:cover}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--font-display); font-weight:600; line-height:1.14; letter-spacing:-0.01em; margin:0 0 .5em}
p{margin:0 0 1.1em}
.s7f4cd1b{width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:clamp(1.1rem,4vw,2.4rem)}
.s6e92c5d{position:absolute; left:-9999px; top:0; background:var(--accent); color:var(--accent-ink); padding:.6rem 1rem; border-radius:0 0 var(--radius) 0; z-index:50}
.s6e92c5d:focus{left:0}
:focus-visible{outline:2px solid var(--accent); outline-offset:3px}

.s3a7c361{font-size:1.11rem; line-height:1.75; color:var(--text)}
.s3a7c361 > *{max-width:68ch}
.s3a7c361 h2{font-size:1.55rem; margin-top:1.9em}
.s3a7c361 h3{font-size:1.22rem; margin-top:1.5em}
.s3a7c361 a{color:var(--accent-text, var(--accent)); text-decoration:underline; text-underline-offset:2.5px; text-decoration-thickness:1px}
.s3a7c361 a:hover{text-decoration-thickness:2px}
.s3a7c361 ul,.s3a7c361 ol{padding-left:1.3em; margin:0 0 1.2em}
.s3a7c361 li{margin:.35em 0}
.s3a7c361 blockquote{margin:1.6em 0; padding:.2em 0 .2em 1.2em; border-left:3px solid var(--accent); font-family:var(--font-display); font-size:1.25rem; line-height:1.4; color:var(--text)}
.s3a7c361 img{border-radius:var(--radius); margin:1.6em 0}
.s3a7c361 code{font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:.9em; background:var(--surface); border:1px solid var(--border); border-radius:6px; padding:.1em .4em}
.s3a7c361 hr{border:0; border-top:1px solid var(--border); margin:2.2em 0}
.s3a7c361 table{width:100%; border-collapse:collapse; font-size:.95em; margin:0 0 1.4em}
.s3a7c361 th,.s3a7c361 td{text-align:left; padding:.5em .6em; border-bottom:1px solid var(--border)}
.s88c88b2{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0}

:root{
  color-scheme:dark;
  --aurora:radial-gradient(60% 150% at 10% 0%,rgba(186,120,255,.42),rgba(186,120,255,0) 70%),radial-gradient(55% 140% at 95% 100%,rgba(222,96,200,.30),rgba(222,96,200,0) 70%);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:17px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;height:auto}
h1,h2,h3{text-wrap:balance}
::selection{background:var(--accent);color:var(--accent-ink)}
:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px;border-radius:2px}
.s65410f8 :focus-visible,.s39b7efb :focus-visible,.sf59f395 :focus-visible,.s0434b57:focus-visible{outline-color:var(--accent-ink)}

.s7f4cd1b{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:16px}

.s65410f8{background-color:var(--accent);background-image:var(--aurora);color:var(--accent-ink)}
.s3126e91{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding-block:16px}
.sa1b936e{font-family:var(--font-display);font-weight:800;font-size:24px;line-height:1.1;letter-spacing:-0.02em;color:var(--accent-ink);text-decoration:none}
.sa1b936e:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.s0f49f65{margin:0;font-size:13px;line-height:1.4;letter-spacing:.03em;color:var(--accent-ink)}

.se00102c{background:var(--surface);border-bottom:1px solid var(--border)}
.sd2a82ce{display:flex;align-items:center;gap:16px;padding-block:8px}
.s63905ad{flex:0 0 auto;font-family:var(--font-mono);font-size:11px;line-height:1;letter-spacing:.08em;text-transform:uppercase;font-weight:600;background:var(--accent);color:var(--accent-ink);padding:6px 8px;border-radius:2px}
.sc2f63cb{flex:1 1 auto;min-width:0;display:flex;gap:24px;margin:0;padding:2px 0 4px;list-style:none;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.s18c011a{flex:0 0 auto;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;line-height:1.4;font-weight:600}
.s18c011a::before{content:"";flex:0 0 6px;width:6px;height:6px;background:var(--accent-text)}
.s18c011a a{color:var(--text);text-decoration:none}
.s18c011a a:hover{text-decoration:underline;text-decoration-color:var(--accent-text);text-underline-offset:3px}

.s51958ab{padding-block:24px 40px}
.sdd60741{display:flex;align-items:center;gap:16px;margin:0 0 16px;font-family:var(--font-display);font-size:16px;line-height:1.3;font-weight:700;letter-spacing:0}
.sdd60741::after{content:"";flex:1 1 40px;height:2px;background:var(--border)}
.sc28a6e0{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}

.s5910086{display:flex;flex-direction:column;gap:8px;min-width:0;padding-top:16px;border-top:2px solid var(--border)}
.s4d8f1ee{margin:0;font-family:var(--font-display);font-size:19px;line-height:1.25;font-weight:700;letter-spacing:-0.01em;overflow-wrap:break-word}
.s4d8f1ee a{color:var(--text);text-decoration:none}
.s4d8f1ee a:hover{text-decoration:underline;text-decoration-color:var(--accent-text);text-decoration-thickness:2px;text-underline-offset:4px}
.s23259f4{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.sebc146b{display:flex;align-items:center;gap:8px;margin-top:4px;font-family:var(--font-mono);font-size:12px;line-height:1.2;color:var(--muted);font-variant-numeric:tabular-nums}
.sebc146b::before{content:"";flex:0 0 6px;width:6px;height:6px;background:var(--accent-text)}
.sa73560f{color:var(--accent-text);font-weight:600}

.s39b7efb{gap:0;padding:0;border-top:0;border-radius:var(--radius);overflow:hidden;background-color:var(--accent);background-image:var(--aurora);color:var(--accent-ink);box-shadow:0 24px 64px -32px rgba(150,28,130,.6)}
.scd801e4{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover}
.s2918cb5{display:flex;flex-direction:column;gap:12px;padding:16px 16px 24px}
.s39b7efb .s4d8f1ee{font-size:32px;line-height:1.08;font-weight:800;letter-spacing:-0.025em}
.s39b7efb .s4d8f1ee a{color:var(--accent-ink)}
.s39b7efb .s4d8f1ee a:hover{text-decoration-color:var(--accent-ink)}
.s39b7efb .s23259f4{font-size:17px;line-height:1.55;color:var(--accent-ink);max-width:62ch}
.s39b7efb .sebc146b{color:var(--accent-ink)}
.s39b7efb .sebc146b::before{background:var(--accent-ink)}

.s501cf6b{grid-column:1/-1;margin:0;padding:24px 0;color:var(--muted);list-style:none}

.s8d33d6f{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:40px;padding-top:16px;border-top:2px solid var(--border)}
.s1650b77{order:1;font-size:15px;font-weight:600;color:var(--muted);text-decoration:none}
.s1650b77:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.s9242972{order:2;font-family:var(--font-mono);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.s0434b57{order:3;flex:1 1 100%;display:flex;align-items:center;padding:16px 24px;background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-0.01em;line-height:1.2;text-decoration:none;border-radius:var(--radius)}
.s0434b57:hover{background-image:var(--aurora);text-decoration:underline;text-underline-offset:4px}

.sc0edcf6{padding-block:24px 40px}
.s1f9b59d{padding-bottom:16px;border-bottom:2px solid var(--border)}
.sca10a09{margin:0;font-family:var(--font-display);font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-0.025em}
.sbc3f299{margin:8px 0 0;font-size:17px;color:var(--muted);max-width:62ch}
.s9f475bd{list-style:none;margin:0;padding:0}
.s11292be{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:16px 0;border-bottom:1px solid var(--border)}
.s08cb027{margin-top:0;padding-top:4px}
.s42f33ad{min-width:0}
.s4539daf{margin:0;font-family:var(--font-display);font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-0.01em}
.s4539daf a{color:var(--text);text-decoration:none}
.s4539daf a:hover{text-decoration:underline;text-decoration-color:var(--accent-text);text-decoration-thickness:2px;text-underline-offset:4px}
.sae75ca0{margin:4px 0 0;font-size:15px;line-height:1.55;color:var(--muted);max-width:72ch}

.sbc703ca,.s9d8821a{padding-block:32px 64px}
.s7d158f5{max-width:720px;margin-inline:auto}
.s65db8be,.s08c69bf{margin:0;font-family:var(--font-display);font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-0.025em}
.s08c69bf{margin-bottom:24px}
.s9576bfe{margin:16px 0 0;font-size:19px;line-height:1.5;color:var(--muted)}
.s5c9ce74{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:16px 0 0;padding-top:16px;border-top:1px solid var(--border);font-size:14px;color:var(--muted)}
.s5c9ce74 .sebc146b{margin-top:0;font-size:13px}
.s767b3da{color:var(--text);font-weight:600}
.s4ba4ef5{margin:24px 0 0}
.s4ba4ef5 .scd801e4{border-radius:var(--radius)}
.sbc703ca .s3a7c361{margin-top:32px}

.s3a7c361{font-size:18px;line-height:1.7;max-width:68ch;color:var(--text);overflow-wrap:break-word}
.s3a7c361>*:first-child{margin-top:0}
.s3a7c361 p{margin:0 0 1.1em}
.s3a7c361 h2{margin:1.8em 0 .6em;font-family:var(--font-display);font-size:26px;line-height:1.2;font-weight:800;letter-spacing:-0.02em}
.s3a7c361 h3{margin:1.5em 0 .5em;font-family:var(--font-display);font-size:21px;line-height:1.3;font-weight:700;letter-spacing:-0.01em}
.s3a7c361 a{color:var(--accent-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.s3a7c361 a:hover{text-decoration-thickness:2px}
.s3a7c361 blockquote{margin:1.5em 0;padding:4px 0 4px 20px;border-left:3px solid var(--accent);font-size:19px;color:var(--text)}
.s3a7c361 blockquote p:last-child{margin-bottom:0}
.s3a7c361 ul,.s3a7c361 ol{margin:0 0 1.1em;padding-left:1.4em}
.s3a7c361 li{margin-bottom:.4em}
.s3a7c361 li::marker{color:var(--muted)}
.s3a7c361 img{max-width:100%;height:auto;border-radius:var(--radius)}
.s3a7c361 figure{margin:1.5em 0}
.s3a7c361 figcaption{margin-top:8px;font-size:14px;color:var(--muted)}
.s3a7c361 hr{border:0;border-top:1px solid var(--border);margin:2em 0}
.s3a7c361 code{font-family:var(--font-mono);font-size:.88em;background:var(--surface);padding:.1em .35em;border-radius:4px}
.s3a7c361 pre{overflow-x:auto;background:var(--surface);padding:16px;border-radius:var(--radius);font-size:15px;line-height:1.55}
.s3a7c361 pre code{background:none;padding:0}
.s3a7c361 table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-size:16px;margin:0 0 1.1em}
.s3a7c361 th,.s3a7c361 td{padding:8px 12px;border-bottom:1px solid var(--border);text-align:left}
.s3a7c361 th{font-weight:700}

.sd90457b{margin-top:64px;padding-top:16px;border-top:2px solid var(--border)}
.s3f88107{margin:0 0 8px;font-family:var(--font-display);font-size:16px;line-height:1.3;font-weight:700}
.s378bdd0{list-style:none;margin:0;padding:0}
.s378bdd0 li{border-bottom:1px solid var(--border)}
.s378bdd0 a{display:flex;align-items:flex-start;gap:8px;padding:12px 0;font-family:var(--font-display);font-size:17px;line-height:1.35;font-weight:700;color:var(--text);text-decoration:none}
.s378bdd0 a::before{content:"";flex:0 0 6px;width:6px;height:6px;margin-top:.5em;background:var(--accent-text)}
.s378bdd0 a:hover{text-decoration:underline;text-decoration-color:var(--accent-text);text-underline-offset:4px}

.sf59f395{margin-top:40px;background:var(--accent);color:var(--accent-ink)}
.s27ba7b0{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;padding-block:16px;font-size:13px;line-height:1.5}
.s463210c{order:1;font-family:var(--font-display);font-size:13px;font-weight:800}
.s7183f92{order:2;display:flex;flex-wrap:wrap;gap:4px 16px}
.s7183f92 a{font-size:13px;font-weight:600;color:var(--accent-ink);text-decoration:none}
.s7183f92 a:hover{text-decoration:underline;text-underline-offset:3px}
.s9de6fee{order:3;margin:0}
.s19063ee{order:4;flex:1 1 100%;margin:0;font-size:12px;color:var(--accent-ink)}

@media (min-width:640px){
  .s7f4cd1b{padding-inline:24px}
  .s3126e91{padding-block:20px}
  .sa1b936e{font-size:30px}
  .sc28a6e0{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s39b7efb{grid-column:1/-1}
  .s2918cb5{padding:24px}
  .s39b7efb .s4d8f1ee{font-size:40px}
  .s39b7efb .s23259f4{font-size:18px}
  .s1650b77{order:1}
  .s9242972{order:2}
  .s0434b57{order:3;flex:1 1 240px}
  .sca10a09{font-size:40px}
  .s11292be{grid-template-columns:140px minmax(0,1fr);gap:24px}
  .s65db8be,.s08c69bf{font-size:40px}
  .s9de6fee{margin-left:auto}
}

@media (min-width:960px){
  .sa1b936e{font-size:36px}
  .s51958ab{padding-top:32px}
  .sc28a6e0{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;row-gap:24px}
  .s39b7efb{grid-column:span 2;grid-row:span 3}
  .s90a6f93{grid-row:auto}
  .s2918cb5{padding:24px 32px 32px}
  .s39b7efb .s4d8f1ee{font-size:clamp(44px,3.9vw,56px)}
  .s4d8f1ee{font-size:20px}
  .sca10a09{font-size:44px}
  .s65db8be,.s08c69bf{font-size:48px}
}

html, body{max-width:100%; overflow-x:hidden}

main img, main svg, main video, main iframe, main table{max-width:100% !important}

:where(main img[width][height]){height:auto}

main > :not(.s7f4cd1b):not(:has(.s7f4cd1b)){padding-inline:clamp(1rem, 4vw, 2.4rem); box-sizing:border-box}

body > header > :not(.s7f4cd1b):not(:has(.s7f4cd1b)), body > footer > :not(.s7f4cd1b):not(:has(.s7f4cd1b)){padding-inline:clamp(1rem, 4vw, 2.4rem); box-sizing:border-box}
main h1, main h2, main h3{overflow-wrap:anywhere; max-width:100%}

.s3a7c361 a, footer a{background-image:none !important}

@media (max-width:560px){
  main h1{font-size:clamp(1.9rem, 8vw, 2.7rem) !important; line-height:1.08 !important; word-break:break-word}

  body[data-page="home"] main h1{font-size:clamp(1.05rem, 4.6vw, 1.35rem) !important; line-height:1.25 !important}

  body:not([data-page="home"]):not([data-page="archive"]):not([data-page="topic"]) main h2{font-size:clamp(1.5rem, 6.5vw, 2rem) !important; line-height:1.12 !important}
  body:not([data-page="home"]):not([data-page="archive"]):not([data-page="topic"]) main h3{font-size:clamp(1.25rem, 5.5vw, 1.6rem) !important}
  header a{overflow-wrap:anywhere}
  .s3a7c361{font-size:1.02rem !important; line-height:1.7 !important}
  .s3a7c361 img{max-height:none !important}
}
