:root{
  --bg:#f3efe6; --surface:#eae5da; --elevated:#faf7f0;
  --text:#242329; --muted:#615d66; --border:#c6bfb3;
  --accent:#463383; --accent-ink:#ffffff;
  --font-display:"Sora", system-ui, sans-serif;
  --font-body:"IBM Plex Sans", system-ui, sans-serif;
  --radius:0px;
  --maxw:1240px;
  --gap:1.5rem;
  --pad-section:4.5rem;
  --lh:1.7;
  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}
main figure img, main .s20299b6 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}
.sbb37af3{width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:clamp(1.1rem,4vw,2.4rem)}
.sed3708c{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}
.sed3708c:focus{left:0}
:focus-visible{outline:2px solid var(--accent); outline-offset:3px}

.s0ae4349{font-size:1.11rem; line-height:1.75; color:var(--text)}
.s0ae4349 > *{max-width:68ch}
.s0ae4349 h2{font-size:1.55rem; margin-top:1.9em}
.s0ae4349 h3{font-size:1.22rem; margin-top:1.5em}
.s0ae4349 a{color:var(--accent); text-decoration:underline; text-underline-offset:2.5px; text-decoration-thickness:1px}
.s0ae4349 a:hover{text-decoration-thickness:2px}
.s0ae4349 ul,.s0ae4349 ol{padding-left:1.3em; margin:0 0 1.2em}
.s0ae4349 li{margin:.35em 0}
.s0ae4349 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)}
.s0ae4349 img{border-radius:var(--radius); margin:1.6em 0}
.s0ae4349 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}
.s0ae4349 hr{border:0; border-top:1px solid var(--border); margin:2.2em 0}
.s0ae4349 table{width:100%; border-collapse:collapse; font-size:.95em; margin:0 0 1.4em}
.s0ae4349 th,.s0ae4349 td{text-align:left; padding:.5em .6em; border-bottom:1px solid var(--border)}
.s0a7533b{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: light;
  --bg: #F3EFE6;
  --surface: #EAE5DA;
  --elevated: #FAF7F0;
  --text: #242329;
  --muted: #615D66;
  --border: #C6BFB3;
  --accent: #463383;
  --accent-ink: #FFFFFF;
  --radius: 0px;
  --maxw: 1240px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  background: var(--bg);
  color: var(--text);
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-block: 24px;
}

body {
  margin: 0;
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
p,
figure {
  margin: 0;
}

h1,
h2,
h3 {
  text-wrap: pretty;
}

a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

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

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

::selection {
  color: var(--accent-ink);
  background: var(--accent);
}

img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1200 / 630;
  object-fit: cover;
}

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

.s5bc2cd1 {
  border-top: 4px solid var(--accent);
  border-bottom: 1px solid var(--border);
}

.s854d825 {
  display: grid;
  gap: 16px;
  padding-block: 24px;
}

.s541b64b {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  width: fit-content;
  max-width: 100%;
  text-decoration: none;
}

.s2f40436 {
  display: grid;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  place-items: center;
  background: var(--accent);
  color: var(--accent-ink);
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.06em;
}

.s0931b6f {
  font-family: var(--font-display);
  font-size: clamp(19px, 2.3vw, 28px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.05em;
  overflow-wrap: anywhere;
}

.s1ead8b5 {
  max-width: 36ch;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

.s2ed77f9,
.s98a385c,
.sea64e7c,
.s9636fc8 {
  padding-top: 24px;
  padding-bottom: 64px;
}

.s5e24a68 {
  display: grid;
  gap: 16px;
  margin-bottom: 24px;
}

.s2ed77f9 h1,
.s46a018f h1,
.se1d1389 h1 {
  font-family: var(--font-display);
  font-size: clamp(30px, 4.2vw, 52px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.055em;
  overflow-wrap: anywhere;
}

.s50b7d90 {
  max-width: 42ch;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
}

.s52b0cb0 {
  display: grid;
  grid-template-columns: 1fr;
  padding-block: 8px;
  border-top: 1px solid var(--text);
  border-bottom: 1px solid var(--border);
  color: var(--muted);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.s2720a51 {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: tw-story;
}

.s4650dab {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 16px;
  align-items: baseline;
  padding-block: 16px;
  border-bottom: 1px solid var(--border);
  counter-increment: tw-story;
}

.s4650dab > *,
.s5e24a68 > *,
.s854d825 > *,
.s6e1d825 > *,
.s7c0c64b > * {
  min-width: 0;
}

.s8b11a0b,
.s9ba1710,
.s4cee5c7 {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.s8b11a0b,
.s9ba1710 {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.s52c0fe6,
.sd58c7ce {
  color: var(--accent);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.s52c0fe6 {
  text-align: right;
}

.sb06b7ef {
  grid-column: 1 / -1;
}

.s80245e4 {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.025em;
  overflow-wrap: anywhere;
}

.s80245e4 a {
  text-decoration: none;
}

.s80245e4 a:hover,
.s80245e4 a:focus-visible {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.s9ba1710 {
  grid-column: 1 / -1;
}

.s4650dab:first-child {
  padding-block: 24px;
}

.s4650dab:first-child .sb06b7ef {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 16px;
}

.s4650dab:first-child .sb06b7ef::before {
  content: counter(tw-story, decimal-leading-zero);
  align-self: start;
  color: var(--accent);
  font-family: var(--font-display);
  font-size: 56px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  line-height: 0.95;
  letter-spacing: -0.075em;
}

.s4650dab:first-child .s80245e4 {
  font-size: clamp(23px, 2.5vw, 32px);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: -0.045em;
}

.sbe583bd {
  padding-block: 40px;
  border-bottom: 1px solid var(--border);
  color: var(--muted);
  font-size: 17px;
}

.sbe583bd a {
  display: inline-block;
  margin-top: 16px;
  color: var(--accent);
}

.s46a018f {
  margin-bottom: 40px;
}

.s46a018f h1 {
  max-width: 22ch;
}

.sb85ed05 {
  margin-top: 24px;
  max-width: 65ch;
  color: var(--muted);
  font-size: 18px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.se1d1389,
.saa02348,
.sae55a88,
.s8e445a6,
.s9636fc8 > .s46a018f,
.s5df2b74 {
  width: 100%;
  max-width: 68ch;
  margin-inline: auto;
}

.se1d1389 {
  margin-bottom: 40px;
}

.sd58c7ce {
  margin-bottom: 16px;
}

.se1d1389 h1 {
  font-size: clamp(32px, 4.8vw, 60px);
}

.s4cee5c7 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin-top: 24px;
  padding-block: 16px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.sf842d6e {
  margin: 0 auto 40px;
  max-width: 960px;
  background: var(--surface);
}

.sf842d6e img {
  aspect-ratio: 1200 / 630;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.s0ae4349 {
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.s0ae4349 > * + * {
  margin-top: 24px;
}

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

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

.s0ae4349 h2,
.s0ae4349 h3,
.s0ae4349 h4 {
  font-family: var(--font-display);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.035em;
}

.s0ae4349 h2 {
  margin-top: 40px;
  font-size: 30px;
}

.s0ae4349 h3 {
  margin-top: 40px;
  font-size: 23px;
}

.s0ae4349 h4 {
  margin-top: 24px;
  font-size: 19px;
}

.s0ae4349 h2 + *,
.s0ae4349 h3 + *,
.s0ae4349 h4 + * {
  margin-top: 16px;
}

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

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

.s0ae4349 strong {
  font-weight: 600;
}

.s0ae4349 ul,
.s0ae4349 ol {
  padding-left: 24px;
  margin-bottom: 0;
}

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

.s0ae4349 li > ul,
.s0ae4349 li > ol {
  margin-top: 8px;
}

.s0ae4349 blockquote {
  margin-inline: 0;
  padding: 16px 24px;
  border-left: 3px solid var(--accent);
  background: var(--surface);
}

.s0ae4349 blockquote > * + * {
  margin-top: 16px;
}

.s0ae4349 figure {
  margin-inline: 0;
}

.s0ae4349 img {
  aspect-ratio: 1200 / 630;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.s0ae4349 figcaption {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

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

.s0ae4349 table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 15px;
  font-variant-numeric: tabular-nums;
  line-height: 1.5;
}

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

.s0ae4349 th {
  background: var(--surface);
  font-weight: 600;
}

.s0ae4349 code,
.s0ae4349 pre,
.s0ae4349 kbd,
.s0ae4349 samp {
  font-family: var(--font-body);
  font-size: 0.9em;
  font-variant-numeric: tabular-nums;
}

.s0ae4349 code {
  padding: 0 4px;
  background: var(--surface);
  border-radius: var(--radius);
}

.s0ae4349 pre {
  max-width: 100%;
  padding: 16px;
  border: 1px solid var(--border);
  background: var(--elevated);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.s0ae4349 pre code {
  padding: 0;
  background: transparent;
}

.s0ae4349 dl {
  margin-bottom: 0;
}

.s0ae4349 dt {
  font-weight: 600;
}

.s0ae4349 dd {
  margin: 8px 0 24px;
}

.sae55a88 {
  margin-top: 40px;
  padding-block: 16px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.sae55a88 h2,
.s8e445a6 > h2,
.scbf5e7f h2 {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sae55a88 h2 {
  color: var(--muted);
}

.sad993ab,
.sae9e498,
.s94944fc {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sad993ab {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin-top: 8px;
  font-size: 14px;
}

.sad993ab li {
  overflow-wrap: anywhere;
}

.s8e445a6 {
  margin-top: 40px;
}

.s8e445a6 > h2 {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--text);
}

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

.sae9e498 a {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.025em;
  overflow-wrap: anywhere;
}

.s6f6cfcf {
  border-top: 1px solid var(--text);
  background: var(--surface);
}

.sd96da32 {
  padding-block: 40px 24px;
}

.s6e1d825 {
  display: grid;
  gap: 24px;
}

.s749fe6b {
  width: fit-content;
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.04em;
  text-decoration: none;
}

.s94944fc {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  font-size: 14px;
  line-height: 1.6;
}

.s94944fc a {
  display: inline-block;
  padding-block: 4px;
}

.scbf5e7f {
  display: grid;
  gap: 8px;
  margin-top: 24px;
}

.scbf5e7f h2 {
  color: var(--muted);
}

.s7c0c64b {
  display: grid;
  gap: 16px;
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.s89bbf0a {
  max-width: 82ch;
  overflow-wrap: anywhere;
}

.sf144124 {
  font-variant-numeric: tabular-nums;
}

@media (min-width: 641px) {
  .sbb37af3,
  .s854d825,
  .sd96da32 {
    padding-inline: 24px;
  }

  .s854d825 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 40px;
    align-items: center;
  }

  .s5e24a68 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 40px;
    align-items: end;
  }

  .s2ed77f9 h1 {
    font-size: clamp(32px, 3.5vw, 44px);
  }

  .s52b0cb0,
  .s4650dab {
    grid-template-columns: minmax(0, 13fr) minmax(0, 13fr) minmax(0, 66fr) minmax(0, 8fr);
    column-gap: 16px;
  }

  .s4650dab {
    row-gap: 0;
    padding-block: 16px;
  }

  .s52c0fe6 {
    text-align: left;
  }

  .sb06b7ef,
  .s9ba1710 {
    grid-column: auto;
  }

  .s9ba1710,
  .s52b0cb0 > :last-child {
    text-align: right;
  }

  .s80245e4 {
    font-size: 18px;
  }

  .s4650dab:first-child .sb06b7ef::before {
    font-size: 72px;
  }

  .s9d81a50,
  .se15e701 .s4650dab {
    grid-template-columns: minmax(0, 13fr) minmax(0, 13fr) minmax(0, 74fr);
  }

  .s9d81a50 > :last-child {
    text-align: left;
  }

  .sea64e7c,
  .s9636fc8,
  .s98a385c {
    padding-top: 40px;
  }

  .s6e1d825,
  .s7c0c64b {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 40px;
  }

  .s6e1d825 {
    align-items: start;
  }

  .s8444f7e .s94944fc {
    justify-content: flex-end;
  }

  .sf144124 {
    text-align: right;
  }
}

@media (min-width: 1024px) {
  .sbb37af3,
  .s854d825,
  .sd96da32 {
    padding-inline: 40px;
  }

  .s8b11a0b,
  .s9ba1710 {
    font-size: 13px;
  }

  .s4650dab:first-child .sb06b7ef::before {
    font-size: 88px;
  }
}

@media (max-width: 640px) {
  .s854d825,
  .s5e24a68,
  .s6e1d825,
  .s7c0c64b {
    grid-template-columns: minmax(0, 1fr);
  }

  .s52b0cb0 {
    display: none;
  }

  .s2720a51 {
    border-top: 1px solid var(--text);
  }

  .s9ba1710 {
    grid-column: 2;
    grid-row: 1;
    text-align: right;
  }

  .s52c0fe6 {
    grid-column: 1 / -1;
    grid-row: 2;
    text-align: left;
  }

  .sb06b7ef {
    grid-column: 1 / -1;
    grid-row: 3;
  }

  .s8b11a0b {
    grid-column: 1;
    grid-row: 1;
  }

  .sb85ed05 {
    margin-top: 16px;
  }

  .s0ae4349 h2 {
    font-size: 26px;
  }

  .s0ae4349 blockquote {
    padding-inline: 16px;
  }

  .s4cee5c7 {
    gap: 8px 16px;
  }
}

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

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

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

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