:root{
  --bg:#0c0d12; --surface:#14151d; --elevated:#1c1d27;
  --text:#e9e9f0; --muted:#9a9cab; --border:#2a2c3a;
  --accent:#7c6df2; --accent-ink:#0c0d12;
  --font-display:"Sora", system-ui, sans-serif;
  --font-body:"Figtree", system-ui, sans-serif;
  --font-mono:"Martian Mono", ui-monospace, Menlo, monospace;
  --radius:2px;
  --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 .sae9fff7 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}
.s292e2c1{width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:clamp(1.1rem,4vw,2.4rem)}
.s6996d04{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}
.s6996d04:focus{left:0}
:focus-visible{outline:2px solid var(--accent); outline-offset:3px}

.sd17afec{font-size:1.11rem; line-height:1.75; color:var(--text)}
.sd17afec > *{max-width:68ch}
.sd17afec h2{font-size:1.55rem; margin-top:1.9em}
.sd17afec h3{font-size:1.22rem; margin-top:1.5em}
.sd17afec a{color:var(--accent); text-decoration:underline; text-underline-offset:2.5px; text-decoration-thickness:1px}
.sd17afec a:hover{text-decoration-thickness:2px}
.sd17afec ul,.sd17afec ol{padding-left:1.3em; margin:0 0 1.2em}
.sd17afec li{margin:.35em 0}
.sd17afec 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)}
.sd17afec img{border-radius:var(--radius); margin:1.6em 0}
.sd17afec 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}
.sd17afec hr{border:0; border-top:1px solid var(--border); margin:2.2em 0}
.sd17afec table{width:100%; border-collapse:collapse; font-size:.95em; margin:0 0 1.4em}
.sd17afec th,.sd17afec td{text-align:left; padding:.5em .6em; border-bottom:1px solid var(--border)}
.se666ce6{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0}

*,
*::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: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: manual;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
}

:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
  border-radius: var(--radius);
}

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

.s4b52a6e {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 0;
  font-family: var(--font-mono);
  font-size: 12.5px;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
  color: var(--muted);
}

.s4b52a6e time {
  color: var(--accent);
}

.sae9fff7 {
  width: 100%;
  aspect-ratio: 1200 / 630;
  object-fit: cover;
  border-radius: var(--radius);
  background: var(--surface);
}

.sd41303b {
  border-top: 2px solid var(--accent);
  border-bottom: 1px solid var(--border);
  background: var(--bg);
}

.sb0bb85d {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-block: 16px;
}

.scd0e86b {
  align-self: flex-start;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.4;
  color: var(--text);
  text-decoration: none;
}

.scd0e86b:hover {
  color: var(--accent);
}

.sc891c5d {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(22px, 3.2vw, 32px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--text);
}

.s5666244 {
  padding-block: 24px 64px;
}

.sda8d597 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0;
  color: var(--text);
}

.sda8d597::after {
  content: "";
  flex: 1 1 40px;
  height: 1px;
  background: var(--border);
}

.s10637c2 {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.sec1e03a {
  min-width: 0;
}

.sf0ebe59 {
  list-style: none;
  margin: 0;
  padding: 0;
}

.s09f79af {
  display: grid;
  gap: 16px;
  margin-bottom: 16px;
  padding: 16px;
  border: 1px solid var(--accent);
  border-radius: var(--radius);
}

.s13e573e {
  margin: 0;
  order: -1;
}

.s08bbbb5 {
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.025em;
}

.s08bbbb5 a {
  color: var(--text);
  text-decoration: none;
}

.se678365 {
  margin: 0 0 16px;
  font-size: 17px;
  line-height: 1.55;
  color: var(--muted);
}

.sa25c68f {
  display: grid;
  gap: 8px;
  padding-block: 16px;
  border-top: 1px solid var(--border);
}

.sf0ebe59 > .sa25c68f:last-child {
  border-bottom: 1px solid var(--border);
}

.s7121203 {
  margin: 0;
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.s7121203 a {
  color: var(--text);
  text-decoration: none;
}

.s08bbbb5 a:hover,
.s7121203 a:hover,
.s7ea044b:hover,
.s192c52c a:hover {
  text-decoration: underline;
  text-decoration-color: var(--accent);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.s26b7758 {
  margin: 4px 0 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--muted);
}

.sb83ca31 {
  padding-block: 24px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  color: var(--muted);
}

.s1bae3ed {
  margin: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--accent);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}

.s94a8b2a {
  list-style: none;
  margin: 0;
  padding: 0;
}

.s54c81da {
  padding-block: 16px;
  border-bottom: 1px solid var(--border);
}

.s8cc7f06 {
  display: block;
  margin-bottom: 4px;
  font-family: var(--font-mono);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  color: var(--accent);
}

.s7ea044b {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--text);
  text-decoration: none;
}

.s59e66d0 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin-top: 40px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
  font-family: var(--font-mono);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}

.s3b977b2 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.seef85e1,
.s4a16932,
.s35bc16b {
  display: inline-block;
  min-width: 36px;
  padding: 8px;
  text-align: center;
  line-height: 1.2;
}

.seef85e1,
.s4a16932 {
  color: var(--text);
  text-decoration: none;
}

.seef85e1:hover,
.s4a16932:hover {
  color: var(--accent);
}

.s35bc16b {
  padding: 7px;
  border: 1px solid var(--accent);
  border-radius: var(--radius);
  color: var(--text);
}

.sa192c93 {
  padding-block: 24px 64px;
}

.s5ee9aa7 {
  max-width: 760px;
  margin-inline: auto;
}

.sa73065f {
  margin-bottom: 24px;
  padding: 24px 16px;
  border: 1px solid var(--accent);
  border-radius: var(--radius);
}

.s04ed045 {
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-size: clamp(30px, 4.6vw, 48px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.025em;
}

.s6cadf18 {
  margin: 0 0 16px;
  font-size: 19px;
  line-height: 1.5;
  color: var(--muted);
}

.se0c014c span:first-child {
  color: var(--text);
}

.s6a0039a {
  margin: 0 0 40px;
}

.sd17afec {
  max-width: 68ch;
  font-size: 18px;
  line-height: 1.7;
  color: var(--text);
}

.sd17afec > * {
  margin-top: 0;
  margin-bottom: 24px;
}

.sd17afec > :last-child {
  margin-bottom: 0;
}

.sd17afec h2 {
  margin: 40px 0 16px;
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.015em;
}

.sd17afec h3 {
  margin: 24px 0 8px;
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.sd17afec > h2:first-child,
.sd17afec > h3:first-child {
  margin-top: 0;
}

.sd17afec a {
  color: var(--text);
  text-decoration: underline;
  text-decoration-color: var(--accent);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.sd17afec a:hover {
  color: var(--accent);
}

.sd17afec strong {
  font-weight: 700;
}

.sd17afec ul,
.sd17afec ol {
  padding-left: 24px;
}

.sd17afec li + li {
  margin-top: 8px;
}

.sd17afec li::marker {
  color: var(--accent);
}

.sd17afec blockquote {
  margin: 24px 0;
  padding: 4px 0 4px 16px;
  border-left: 2px solid var(--accent);
  color: var(--muted);
}

.sd17afec blockquote p {
  margin: 0 0 8px;
}

.sd17afec blockquote p:last-child {
  margin-bottom: 0;
}

.sd17afec code {
  padding: 2px 4px;
  border-radius: var(--radius);
  background: var(--surface);
  font-family: var(--font-mono);
  font-size: 0.86em;
}

.sd17afec pre {
  padding: 16px;
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  font-size: 14px;
  line-height: 1.6;
}

.sd17afec pre code {
  padding: 0;
  background: none;
  font-size: inherit;
}

.sd17afec hr {
  margin: 40px 0;
  border: 0;
  border-top: 1px solid var(--border);
}

.sd17afec table {
  display: block;
  width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  font-size: 16px;
  font-variant-numeric: tabular-nums;
}

.sd17afec th,
.sd17afec td {
  padding: 8px;
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
}

.sd17afec th {
  font-family: var(--font-display);
  font-weight: 600;
}

.sd17afec img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius);
}

.sbd07ace {
  margin-top: 64px;
  padding-top: 16px;
  border-top: 1px solid var(--accent);
}

.s5510bdc {
  margin: 0 0 8px;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}

.s192c52c {
  list-style: none;
  margin: 0;
  padding: 0;
}

.s192c52c li {
  padding-block: 16px;
  border-bottom: 1px solid var(--border);
}

.s192c52c a {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--text);
  text-decoration: none;
}

.sa351c51,
.s5d088e1 {
  padding-block: 24px 64px;
}

.sc7d4f82 {
  margin-bottom: 24px;
}

.s89408b3 {
  margin: 0 0 8px;
  font-family: var(--font-display);
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.s5d088e1 .s89408b3 {
  margin-bottom: 24px;
}

.s2e66314 {
  max-width: 62ch;
  margin: 0;
  font-size: 17px;
  line-height: 1.55;
  color: var(--muted);
}

.s3bb5cf4 {
  border-top: 1px solid var(--border);
  background: var(--bg);
}

.sb17332c {
  display: grid;
  gap: 16px;
  padding-block: 40px;
}

.s8cd4d84 {
  margin: 0;
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 600;
  color: var(--text);
}

.sf6ecdc2 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf6ecdc2 a {
  font-size: 14px;
  color: var(--text);
  text-decoration: none;
}

.sf6ecdc2 a:hover {
  text-decoration: underline;
  text-decoration-color: var(--accent);
  text-underline-offset: 4px;
}

.sfabc465 {
  max-width: 80ch;
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--muted);
}

.s3a945a0 {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  color: var(--muted);
}

@media (min-width: 640px) {
  .s292e2c1 {
    padding-inline: 24px;
  }

  .s09f79af {
    padding: 24px;
  }

  .s1f7986d {
    grid-template-columns: minmax(24ch, 1.3fr) minmax(0, 1fr);
    gap: 24px;
    align-items: start;
  }

  .s13e573e {
    order: 0;
  }

  .sa25c68f {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 24px;
  }

  .s8674aad {
    grid-column: 2;
    grid-row: 1;
  }

  .s5c0c274 {
    grid-column: 1;
    grid-row: 1;
    flex-direction: column;
    gap: 0;
    padding-top: 4px;
  }

  .s7121203 {
    font-size: 20px;
  }

  .sa73065f {
    padding: 24px;
  }

  .sb17332c {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
  }

  .sfabc465,
  .s3a945a0 {
    grid-column: 1 / -1;
  }
}

@media (min-width: 900px) {
  .s10637c2 {
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
  }

  .sec1e03a {
    flex: 1 1 auto;
  }

  .s38fa583 {
    flex: 0 0 280px;
    position: sticky;
    top: 24px;
  }
}

@media (min-width: 1024px) {
  .s292e2c1 {
    padding-inline: 40px;
  }
}

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

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

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

.sd17afec 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}
  main h2{font-size:clamp(1.5rem, 6.5vw, 2rem) !important; line-height:1.12 !important}
  main h3{font-size:clamp(1.25rem, 5.5vw, 1.6rem) !important}
  header a{overflow-wrap:anywhere}
  .sd17afec{font-size:1.02rem !important; line-height:1.7 !important}
  .sd17afec img{max-height:none !important}
}