:root{--color-bg: light-dark(#fdfcfa,#12110f);--color-surface: light-dark(#f4f1ea,#1c1a17);--color-text: light-dark(#1a1815,#e8e4dc);--color-muted: light-dark(#6b655c,#9a9287);--color-accent: light-dark(#8a3324,#e0785f);--color-on-accent: light-dark(#fdfcfa,#12110f);--color-border: light-dark(#ddd7cb,#2e2b26);--color-viz-1: light-dark(#8a3324,#e0785f);--color-viz-2: light-dark(#2f5d62,#7fb2b8);--color-viz-3: light-dark(#96702a,#d8ab52);--color-viz-4: light-dark(#4a4560,#a49bc4);--color-viz-5: light-dark(#5c6b3f,#a6bb7c);--color-viz-6: light-dark(#8a5b6d,#cf98ab);--color-viz-axis: light-dark(#6b655c,#9a9287);--color-viz-grid: light-dark(#e6e0d4,#262320);--color-viz-tick: light-dark(#6b655c,#9a9287);--color-viz-label: light-dark(#1a1815,#e8e4dc);--color-viz-edge: light-dark(#8f887d,#6f685e);--color-viz-node: light-dark(#f4f1ea,#1c1a17);--color-viz-node-stroke: light-dark(#c9c2b4,#3a362f);--font-body: 'Iowan Old Style','Palatino Linotype',Palatino,Charter,Georgia,ui-serif,serif;--font-ui: ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-mono: ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;--size-body: clamp(1.0625rem,0.98rem + 0.42vw,1.1875rem);--size-h1: clamp(2.1rem,1.55rem + 2.7vw,3.4rem);--size-h2: clamp(1.45rem,1.24rem + 1.05vw,1.95rem);--size-h3: clamp(1.15rem,1.06rem + 0.45vw,1.35rem);--size-small: 0.8125rem;--leading-body: 1.65;--leading-tight: 1.15;--measure: 34rem;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 1rem;--space-4: 1.75rem;--space-5: 3rem;--space-6: 5rem;--radius: 4px} *,*::before,*::after{box-sizing: border-box}:root{color-scheme: light dark; --content: min(100% - var(--space-4) * 2,var(--measure));--breakout: min(100% - var(--space-4) * 2,calc(var(--measure) + 14rem))}html{-webkit-text-size-adjust: 100%}body{margin: 0;background: var(--color-bg);color: var(--color-text);font: var(--size-body) / var(--leading-body) var(--font-body);text-rendering: optimizeLegibility;font-synthesis-weight: none} main{display: grid;grid-template-columns: [full-start] 1fr [wide-start] calc((var(--breakout) - var(--content)) / 2) [text-start] var(--content) [text-end] calc((var(--breakout) - var(--content)) / 2) [wide-end] 1fr [full-end];padding-block: var(--space-5) var(--space-6);row-gap: var(--space-3)}main > *,.snypd-post > *{grid-column: text}.snypd-post{display: contents}figure.snypd-chart,figure.snypd-diagram,figure.snypd-flow,.snypd-figure[data-width="wide"]{grid-column: wide}.snypd-figure[data-width="full"]{grid-column: full} body > header,body > footer{font: var(--size-small) / 1.4 var(--font-ui);letter-spacing: 0.06em;text-transform: uppercase;padding: var(--space-3) var(--space-4)}body > header{border-bottom: 1px solid var(--color-border)}body > footer{border-top: 1px solid var(--color-border);margin-top: var(--space-6);color: var(--color-muted)}body > header a{color: inherit;text-decoration: none;font-weight: 600} h1,h2,h3,h4{line-height: var(--leading-tight);font-weight: 600;text-wrap: balance;margin: 0}h1{font-size: var(--size-h1);letter-spacing: -0.02em}h2{font-size: var(--size-h2);letter-spacing: -0.01em;margin-top: var(--space-5)}h3{font-size: var(--size-h3);margin-top: var(--space-4)} p,ul,ol,dl,blockquote,pre,table,figure,figcaption{margin: 0}p{text-wrap: pretty;hyphens: auto}ul,ol{padding-inline-start: 1.35em}li + li{margin-top: var(--space-2)}a{color: var(--color-accent);text-underline-offset: 0.16em;text-decoration-thickness: from-font}a:hover{text-decoration-thickness: 2px}:focus-visible{outline: 2px solid var(--color-accent);outline-offset: 3px;border-radius: var(--radius)}strong{font-weight: 650}small,time,figcaption{font-family: var(--font-ui);font-size: var(--size-small);color: var(--color-muted)}code,kbd,samp,pre{font-family: var(--font-mono);font-size: 0.875em}code{background: var(--color-surface);padding: 0.1em 0.32em;border-radius: var(--radius)}pre{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius);padding: var(--space-3);overflow-x: auto}pre code{background: none;padding: 0}hr{border: 0;border-top: 1px solid var(--color-border);margin-block: var(--space-5)}img,svg{max-width: 100%;height: auto}table{border-collapse: collapse;width: 100%;font-family: var(--font-ui);font-size: var(--size-small)}th,td{text-align: left;padding: var(--space-2) var(--space-3);border-bottom: 1px solid var(--color-border)}th{font-weight: 600;color: var(--color-muted);text-transform: uppercase;letter-spacing: 0.05em} .snypd-cover{margin-bottom: var(--space-3)}.snypd-eyebrow{font: 600 var(--size-small) / 1.2 var(--font-ui);letter-spacing: 0.14em;text-transform: uppercase;color: var(--color-accent);margin-bottom: var(--space-2)}.snypd-subtitle{font-size: var(--size-h3);line-height: 1.35;color: var(--color-muted);margin-top: var(--space-3);max-width: 30rem;text-wrap: pretty} .snypd-cover img{display: block;width: 100%;margin-top: var(--space-4);border-radius: var(--radius);background: var(--color-surface)}.snypd-byline{font: var(--size-small) / 1.4 var(--font-ui);color: var(--color-muted);margin-bottom: var(--space-5);padding-bottom: var(--space-3);border-bottom: 1px solid var(--color-border)}.snypd-byline a{color: inherit} .snypd-tldr{border-left: 3px solid var(--color-accent);background: var(--color-surface);padding: var(--space-3) var(--space-4);border-radius: 0 var(--radius) var(--radius) 0}.snypd-tldr > p:first-child strong{font: 650 var(--size-small) / 1.2 var(--font-ui);letter-spacing: 0.12em;text-transform: uppercase;color: var(--color-accent)}.snypd-callout{background: var(--color-surface);border: 1px solid var(--color-border);border-left: 3px solid var(--kind,var(--color-muted));border-radius: 0 var(--radius) var(--radius) 0;padding: var(--space-3) var(--space-4)}.snypd-callout[data-kind="note"]{--kind: var(--color-viz-2)}.snypd-callout[data-kind="tip"]{--kind: var(--color-viz-5)}.snypd-callout[data-kind="warning"]{--kind: var(--color-viz-3)}.snypd-callout[data-kind="danger"]{--kind: var(--color-viz-1)} blockquote{margin-block: var(--space-4);padding-left: var(--space-4);border-left: 2px solid var(--color-border);color: var(--color-muted);font-style: italic}.snypd-pullquote{border: 0;padding: 0;margin-block: var(--space-4);font-size: var(--size-h3);line-height: 1.4;font-style: italic;color: var(--color-text);border-left: 3px solid var(--color-border);padding-left: var(--space-4)}.snypd-pullquote footer{font: normal var(--size-small) / 1.4 var(--font-ui);color: var(--color-muted);margin-top: var(--space-2)}.snypd-stat-row{display: grid;gap: var(--space-3);grid-template-columns: repeat(auto-fit,minmax(9rem,1fr))}.snypd-stat-value{font-size: var(--size-h2);line-height: var(--leading-tight);font-variant-numeric: tabular-nums}.snypd-stat-value strong{font-weight: 600}.snypd-stat-value small{font-size: var(--size-small);color: var(--color-muted)}.snypd-stat-label{font-family: var(--font-ui);font-size: var(--size-small);color: var(--color-muted)}.snypd-cta{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius);padding: var(--space-4);text-align: center}.snypd-button{display: inline-block;background: var(--color-accent);color: var(--color-on-accent);font: 600 var(--size-small) / 1 var(--font-ui);letter-spacing: 0.05em;text-transform: uppercase;text-decoration: none;padding: 0.8em 1.4em;border-radius: var(--radius)}.snypd-button:hover{filter: brightness(1.1)}.snypd-faq h2,.snypd-steps h2{margin-top: 0}.snypd-faq h3{font-family: var(--font-ui);font-size: 1rem}.snypd-steps ol{counter-reset: step;list-style: none;padding: 0}.snypd-steps ol > li{counter-increment: step;padding-left: 2.4rem;position: relative;margin-top: var(--space-3)}.snypd-steps ol > li::before{content: counter(step);position: absolute;left: 0;top: 0.05em;width: 1.7rem;height: 1.7rem;border-radius: 50%;display: grid;place-items: center;background: var(--color-accent);color: var(--color-on-accent);font: 600 var(--size-small) / 1 var(--font-ui)}.snypd-figure,.snypd-chart,.snypd-diagram,.snypd-flow{margin-block: var(--space-4)}.snypd-figure img{display: block;width: 100%} .snypd-scroll{--viz-max-width: none;overflow-x: auto;overscroll-behavior-x: contain}.snypd-scroll > svg{display: block;margin-inline: auto}.snypd-scroll:focus-visible{outline: 2px solid var(--color-accent);outline-offset: 3px}figcaption{margin-top: var(--space-2);text-align: center}.snypd-chart figcaption:empty,.snypd-diagram figcaption:empty,.snypd-flow figcaption:empty{display: none} .snypd-post-footer{margin-top: var(--space-5);padding-top: var(--space-4);border-top: 1px solid var(--color-border);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--space-3) var(--space-4)}.snypd-terms{list-style: none;padding: 0;display: flex;flex-wrap: wrap;gap: var(--space-2)}.snypd-twin a{font: var(--size-small) / 1 var(--font-ui);text-decoration: none;color: var(--color-muted)}.snypd-twin a::before{content: "↓ "}.snypd-twin a:hover{color: var(--color-accent)}.snypd-terms a{font: var(--size-small) / 1 var(--font-ui);text-decoration: none;color: var(--color-muted);border: 1px solid var(--color-border);border-radius: 100px;padding: 0.45em 0.9em}.snypd-terms a:hover{color: var(--color-accent);border-color: var(--color-accent)} .snypd-entries{list-style: none;padding: 0}.snypd-entries > li{padding-block: var(--space-4);border-top: 1px solid var(--color-border);margin-top: 0}.snypd-entries > li > a{font-size: var(--size-h3);font-weight: 600;text-decoration: none;color: var(--color-text)}.snypd-entries > li > a:hover{color: var(--color-accent)}.snypd-entries time{display: block;margin-top: var(--space-1)}.snypd-entries p{margin-top: var(--space-2);color: var(--color-muted)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;transition-duration: 0.01ms !important}}