:root{
  --bg:#ffffff; --surface:#f8f6f9; --elevated:#ffffff;
  --text:#17121a; --muted:#5e5563; --border:#e4dfe6;
  --accent:#a3149a; --accent-ink:#ffffff; --accent-text:#a3149a;
  --font-display:"Saira Condensed", system-ui, sans-serif;
  --font-body:"IBM Plex Sans", system-ui, sans-serif;
  --font-mono:"Martian Mono", ui-monospace, Menlo, monospace;
  --radius:2px;
  --maxw:1200px;
  --gap:1.05rem;
  --pad-section:3rem;
  --lh:1.62;
  color-scheme:light;
}

*,*::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 .s77367ff 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}
.s9d8e0b6{width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:clamp(1.1rem,4vw,2.4rem)}
.s6db0edf{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}
.s6db0edf:focus{left:0}
:focus-visible{outline:2px solid var(--accent); outline-offset:3px}

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

a {
  color: inherit;
}

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

.s9d8e0b6 {
  width: 100%;
  max-width: var(--maxw);
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}

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

.sf3799ad {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 8px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 24px;
}

.sbf40a0f {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--text);
}

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

.sd21137d {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
}

.s1214716 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 40px;
  padding-top: 24px;
  padding-bottom: 64px;
}

.s7b1cb56 {
  min-width: 0;
}

.s79d4bb4 {
  margin: 0;
  padding-bottom: 8px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text);
  border-bottom: 2px solid var(--text);
}

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

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

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

.sd8e529b time {
  color: var(--text);
}

.s93c62a6 {
  color: var(--accent-text);
  letter-spacing: 0.02em;
}

.s0ca36f2 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 23px;
  line-height: 1.15;
  letter-spacing: 0;
  text-wrap: balance;
}

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

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

.s07c7f15 {
  margin: 4px 0 0;
  max-width: 70ch;
  font-size: 15.5px;
  line-height: 1.55;
  color: var(--muted);
}

.s94142cf {
  padding: 24px 0;
  border-bottom: 2px solid var(--text);
}

.se42c627 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

.s33f5f2c {
  min-width: 0;
}

.s00c9bd3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.04;
  letter-spacing: -0.01em;
}

.s9c57903 {
  margin-top: 8px;
  font-size: 18px;
  line-height: 1.55;
  color: var(--text);
}

.seb82383 {
  display: block;
  min-width: 0;
  order: -1;
}

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

.sac1ba6e {
  padding: 24px 0;
  color: var(--muted);
  border-bottom: 1px solid var(--border);
}

.s5c69780 {
  min-width: 0;
}

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

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

.s41cce2d {
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
}

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

.s9bc92cd:hover {
  color: var(--accent-text);
  text-decoration: underline;
  text-underline-offset: 3px;
}

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

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

.se2946e7 {
  color: var(--accent-text);
  text-decoration: none;
  font-weight: 500;
}

.se2946e7:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.s6c16a46 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.s341ccd9,
.s0e931f5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  border-radius: var(--radius);
}

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

.s341ccd9:hover {
  color: var(--accent-text);
  background: var(--surface);
}

.s0e931f5 {
  background: var(--accent);
  color: var(--accent-ink);
  font-weight: 600;
}

.sf34fbbb {
  padding-top: 40px;
  padding-bottom: 64px;
}

.s97355c0 {
  max-width: 46rem;
}

.s741b8b2 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 34px;
  line-height: 1.06;
  letter-spacing: -0.01em;
  text-wrap: balance;
}

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

.s6f221ef {
  margin-top: 16px;
  padding-top: 8px;
  border-top: 1px solid var(--border);
}

.s4a6dcf1 {
  color: var(--text);
}

.sba041b6 {
  margin: 24px 0 40px;
  max-width: 62rem;
}

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

.sa680cdf > :first-child {
  margin-top: 0;
}

.sa680cdf p,
.sa680cdf ul,
.sa680cdf ol {
  margin: 0 0 24px;
}

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

.sa680cdf li {
  margin-bottom: 8px;
}

.sa680cdf h2 {
  margin: 40px 0 16px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: 0;
}

.sa680cdf h3 {
  margin: 24px 0 8px;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
}

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

.sa680cdf a:hover {
  text-decoration-thickness: 2px;
}

.sa680cdf strong {
  font-weight: 600;
}

.sa680cdf blockquote {
  margin: 24px 0;
  padding: 4px 0 4px 16px;
  border-left: 3px solid var(--accent);
  color: var(--text);
  font-size: 19px;
}

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

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

.sa680cdf pre {
  margin: 0 0 24px;
  padding: 16px;
  overflow-x: auto;
  background: var(--surface);
  border-left: 3px solid var(--border);
  border-radius: var(--radius);
  font-size: 14px;
  line-height: 1.6;
}

.sa680cdf pre code {
  padding: 0;
  background: none;
}

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

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

.sa680cdf table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  margin: 0 0 24px;
  border-collapse: collapse;
  font-size: 15px;
}

.sa680cdf th,
.sa680cdf td {
  padding: 8px 16px 8px 0;
  text-align: left;
  border-bottom: 1px solid var(--border);
}

.sa680cdf th {
  font-weight: 600;
}

.saeb003b {
  max-width: 68ch;
  margin-top: 64px;
  border-top: 2px solid var(--text);
}

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

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

.s89ba615 li {
  padding: 8px 0;
  border-top: 1px solid var(--border);
}

.s89ba615 a {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  text-decoration: none;
  color: var(--text);
}

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

.sb0ddf7d {
  padding-top: 40px;
  padding-bottom: 64px;
}

.sb8e90ad {
  max-width: 46rem;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--text);
}

.saf81cec {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 34px;
  line-height: 1.08;
}

.s7dd28e8 {
  margin: 8px 0 0;
  font-size: 17px;
  color: var(--muted);
}

.s63fb0e3 {
  max-width: 52rem;
}

.sb0ddf7d .sc701691 {
  max-width: 52rem;
}

.sfe5abdb {
  padding-top: 40px;
  padding-bottom: 64px;
}

.sb349603 {
  max-width: 68ch;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--accent);
}

.sf8b7b3d {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 34px;
  line-height: 1.08;
}

.s717db98 {
  background: var(--surface);
  border-top: 2px solid var(--accent);
}

.s8b40af0 {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 40px 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}

.s9dc63c3 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--text);
}

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

.s1ef0854 a {
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--accent-text);
  text-decoration: none;
}

.s1ef0854 a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.s0de5741 {
  margin: 0;
  max-width: 70ch;
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted);
}

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

@media (min-width: 640px) {
  .s9d8e0b6 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .sf3799ad {
    padding: 8px 24px;
    flex-wrap: nowrap;
  }

  .sbf40a0f {
    font-size: 32px;
  }

  .sd21137d {
    text-align: right;
  }

  .s0ca36f2 {
    font-size: 25px;
  }

  .s00c9bd3 {
    font-size: 44px;
  }

  .sbbdba47 {
    grid-template-columns: minmax(24ch, 3fr) minmax(0, 2fr);
    gap: 24px;
    align-items: start;
  }

  .seb82383 {
    order: 0;
  }

  .s741b8b2,
  .saf81cec,
  .sf8b7b3d {
    font-size: 44px;
  }

  .s8b40af0 {
    padding: 40px 24px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    column-gap: 40px;
  }

  .s9dc63c3,
  .sa3422f8 {
    grid-column: 1;
  }

  .s1ef0854,
  .s0de5741 {
    grid-column: 2;
  }

  .s1ef0854 {
    grid-row: 1;
  }

  .s0de5741 {
    grid-row: 2;
  }

  .sa3422f8 {
    grid-row: 2;
    align-self: end;
  }
}

@media (min-width: 960px) {
  .s1214716 {
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 64px;
    padding-top: 40px;
  }

  .s5c69780 {
    padding-left: 24px;
    border-left: 1px solid var(--border);
    align-self: start;
    position: sticky;
    top: 24px;
  }

  .s00c9bd3 {
    font-size: 54px;
  }

  .s741b8b2 {
    font-size: 52px;
  }
}

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

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

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

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

.sa680cdf 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}
  .sa680cdf{font-size:1.02rem !important; line-height:1.7 !important}
  .sa680cdf img{max-height:none !important}
}