:root { --ink:#252525; --paper:#fbfaf8; --muted:#777; --line:#e3e1dd; --blue:#3569b7; --coral:#c56a55; --serif:"Montserrat", Arial, sans-serif; --sans:"Montserrat", Arial, sans-serif; --mono:"Montserrat", Arial, sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--paper); color:var(--ink); font-family:var(--sans); line-height:1.62; margin:0; }
a { color:var(--blue); text-decoration-thickness:1px; text-underline-offset:3px; }
a:hover { color:var(--coral); }
.article-header { align-items:center; border-bottom:1px solid var(--line); display:flex; height:72px; justify-content:space-between; padding:0 clamp(20px, 5vw, 80px); }
.back-link, .article-kicker, .article-footer { font:11px var(--mono); letter-spacing:.04em; text-transform:uppercase; }
.back-link { color:var(--ink); text-decoration:none; }
.article-mark { align-items:center; background:var(--ink); border-radius:50%; color:var(--paper); display:flex; font-family:var(--sans); font-size:14px; font-weight:600; height:38px; justify-content:center; text-decoration:none; width:38px; }
.article-mark:hover { background:var(--blue); color:white; }
.article-shell { margin:0 auto; max-width:900px; padding:clamp(60px, 10vw, 135px) 26px 100px; }
.article-kicker { color:var(--blue); margin:0 0 22px; }
.article-title { font-family:var(--sans); font-size:clamp(40px, 6vw, 70px); font-weight:600; letter-spacing:-.05em; line-height:1.05; margin:0 0 clamp(55px, 8vw, 85px); max-width:810px; }
.notion-page-content-inner { font-size:17px; max-width:720px; }
.notion-page-content-inner > .notion-text, .notion-page-content-inner > p { margin:0 0 1.45em; }
.notion-page-content-inner h1, .notion-page-content-inner h2, .notion-page-content-inner h3, .notion-page-content-inner .notion-h { font-family:var(--sans); font-weight:600; letter-spacing:-.035em; line-height:1.2; margin:2.2em 0 .7em; }
.notion-page-content-inner h1, .notion-page-content-inner .notion-h1 { font-size:clamp(32px, 5vw, 54px); }
.notion-page-content-inner h2, .notion-page-content-inner .notion-h2 { font-size:clamp(27px, 4vw, 40px); }
.notion-page-content-inner h3, .notion-page-content-inner .notion-h3 { font-size:clamp(22px, 3vw, 30px); }
.notion-page-content-inner .notion-h-title { display:block; }
.notion-page-content-inner .notion-hash-link { display:none; }
.notion-page-content-inner ul, .notion-page-content-inner ol { margin:0 0 1.45em; padding-left:1.4em; }
.notion-page-content-inner li { margin:.42em 0; padding-left:.2em; }
.notion-page-content-inner img { display:block; height:auto; margin:2.2em 0 .7em; max-width:100%; }
.notion-page-content-inner .notion-asset-wrapper { margin:2.4em 0; max-width:100%; }
.notion-page-content-inner .notion-asset-wrapper img { margin:0; }
.notion-page-content-inner .notion-asset-caption { color:var(--muted); font-size:13px; line-height:1.35; margin-top:8px; }
.notion-page-content-inner iframe { border:0; max-width:100%; width:100%; }
.notion-page-content-inner .notion-asset-wrapper-embed { aspect-ratio:16/9; }
.notion-page-content-inner .notion-asset-wrapper-embed iframe { height:100%; }
.notion-page-content-inner .notion-asset-wrapper-video video { height:auto; max-width:100%; }
.notion-page-content-inner .notion-callout { background:#e5e7e5; border-left:3px solid var(--coral); margin:2em 0; padding:18px 20px; }
.notion-page-content-inner .notion-callout > div { margin:0; }
.notion-page-content-inner .notion-quote { border-left:3px solid var(--blue); color:#344052; font-family:var(--sans); font-size:1.05em; line-height:1.55; margin:2em 0; padding-left:22px; }
.notion-page-content-inner pre, .notion-page-content-inner code { font-family:var(--mono); }
.notion-page-content-inner pre { background:#202c37; color:#e8edf3; font-size:13px; line-height:1.5; overflow:auto; padding:20px; }
.notion-page-content-inner .notion-code { margin:2em 0; }
.notion-page-content-inner blockquote { border-left:3px solid var(--blue); margin:2em 0; padding-left:22px; }
.notion-page-content-inner hr, .notion-page-content-inner .notion-divider { border:0; border-top:1px solid var(--line); margin:3em 0; }
.notion-page-content-inner .notion-row { display:flex; gap:28px; margin:1.6em 0; }
.notion-page-content-inner .notion-column { flex:1; min-width:0; }
.notion-page-content-inner .notion-spacer { display:none; }
.notion-page-content-inner .notion-page-link { color:var(--ink); font-family:var(--serif); font-size:1.1em; }
.notion-page-content-inner .notion-page-icon { height:1.1em; margin:0 .25em 0 0; vertical-align:-.14em; width:1.1em; }
.notion-page-content-inner .notion-bookmark { border:1px solid var(--line); display:block; margin:2em 0; padding:16px; }
.article-footer { border-top:1px solid var(--line); margin:0 auto; max-width:900px; padding:32px 26px 55px; }
.article-footer a { color:var(--ink); text-decoration:none; }
@media (max-width:650px) { .article-header { height:62px; } .notion-page-content-inner { font-size:16px; } .notion-page-content-inner .notion-row { display:block; } .notion-page-content-inner .notion-column { margin:1.4em 0; } }