:root{
  --paper:#fff; --paper-2:rgb(237 169 33 / .10); --ink:#000; --ink-2:#000; --muted:rgb(0 0 0 / .65);
  --line:rgb(0 0 0 / .16); --accent:#eda921; --accent-soft:rgb(237 169 33 / .15); --forest:#000; --good:#eda921; --bad:#000;
  --serif:"Fraunces", Georgia, serif; --sans:Inter, system-ui, sans-serif !important; --max:1320px; --r:12px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.75;font-size:17px;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.15;letter-spacing:-.01em}
a{color:inherit} img{max-width:100%;height:auto;display:block}
article p a, article li a, .key-takeaways a, td a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
article p a:hover, article li a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.skip-to-content{position:absolute;left:-999px}.skip-to-content:focus{left:1rem;top:1rem;background:var(--ink);color:#fff;padding:.5rem 1rem;z-index:99}
.content-container{width:min(100% - 2.5rem,var(--max));margin-inline:auto}
.section-kicker{font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}

.action-button{display:inline-block;padding:.8rem 1.5rem ;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;font-size:.95rem}
.action-button-primary:hover{transform:translateY(-1px)}
.action-button-outline{border:1px solid currentColor}

.reading-progress{position:fixed;top:0;left:0;z-index:100;height:2px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none}