:root{--paper:#fff;--paper-raised:#f6f8fc;--ink:#1f2a44;--ink-muted:#5b6783;--on-ink:#fff;--highlighter:#ffe58a;--on-highlighter:#1f2a44;--sign-blue:#2f5ea8;--sign-blue-strong:#234a87;--rule:#e4e9f2;--rule-strong:#c9d2e3;--note-bg:#f1f5fb;color-scheme:light;--font-display:"Atkinson Hyperlegible", "Public Sans", system-ui, sans-serif;--font-text:"Public Sans", "Segoe UI", system-ui, sans-serif}:root[data-pal=notte]{--paper:#15202b;--paper-raised:#1c2936;--ink:#e6ecf4;--ink-muted:#a5b2c3;--on-ink:#15202b;--highlighter:#e8b923;--on-highlighter:#15202b;--sign-blue:#7fb2ff;--sign-blue-strong:#a9cbff;--rule:#263648;--rule-strong:#3a4d63;--note-bg:#1c2936;color-scheme:dark}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:18px/30px var(--font-text);margin:0}.wrap{max-width:680px;padding-block:24px 72px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}a{color:var(--sign-blue)}a:hover{color:var(--sign-blue-strong)}:focus-visible{outline:2px solid var(--sign-blue);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}.bar{z-index:20;background:var(--paper);border-bottom:1px solid var(--rule);padding-block:10px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));position:sticky;top:0}.bar-in{justify-content:space-between;align-items:center;gap:12px;max-width:680px;margin:0 auto;display:flex}.bar nav{font:700 14px/20px var(--font-display);gap:16px;display:flex}.bar nav a{color:var(--ink);text-decoration:none}.bar nav a:hover{text-decoration:underline}.bar button{font:700 14px/20px var(--font-display);color:var(--ink);background:var(--paper-raised);border:1px solid var(--rule-strong);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;display:inline-flex}.bar button i{border:1px solid var(--rule-strong);background:var(--paper);border-radius:50%;width:16px;height:16px;display:inline-block;position:relative;overflow:hidden}.bar button i:after{content:"";background:var(--ink);position:absolute;inset:0 0 0 50%}.logo{font:700 32px/1 var(--font-display);letter-spacing:-.64px;color:var(--ink);text-decoration:none}.logo span{background:var(--highlighter);color:var(--on-highlighter);border-radius:4px;padding:0 4px}.mast{border-bottom:1px solid var(--rule-strong);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;padding-bottom:12px;display:flex}.date{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:13px;line-height:18px}.tagline{color:var(--ink-muted);margin:8px 0 0;font-size:15px;line-height:24px}.issue{gap:36px;display:grid}.story{gap:14px;display:grid}.story+.story{border-top:1px solid var(--rule);padding-top:36px}.kicker{font:700 12px/16px var(--font-display);letter-spacing:1.2px;text-transform:uppercase;color:var(--sign-blue)}.story h2{margin:4px 0 0;font-size:27px;line-height:34px}.story p{margin:0}.lbl{font-weight:600}mark{background:var(--highlighter);color:var(--on-highlighter);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:1px 4px}.src{color:var(--ink-muted);font-size:13px;line-height:18px}.src a{color:inherit}.twofold{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.twofold p{background:var(--paper-raised);border:1px solid var(--rule);border-radius:8px;min-width:0;padding:12px 14px;font-size:16px;line-height:26px}.twofold b{font:700 12px/16px var(--font-display);letter-spacing:1.2px;text-transform:uppercase;color:var(--sign-blue);margin-bottom:4px;display:block}.read{background:var(--note-bg);border-left:5px solid var(--highlighter);border-radius:0 8px 8px 0;padding:14px 16px;font-size:17px;line-height:28px}.read b{font:700 12px/16px var(--font-display);letter-spacing:1.2px;text-transform:uppercase;background:var(--highlighter);color:var(--on-highlighter);border-radius:4px;margin-right:8px;padding:0 8px;display:inline-block}.reality{background:var(--paper-raised);border:2px solid var(--sign-blue);border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 16px;padding:16px 18px;font-size:15px;line-height:24px;display:grid}.reality .score{font:700 40px/1 var(--font-display);background:var(--sign-blue);color:var(--paper);font-variant-numeric:tabular-nums;text-align:center;border-radius:10px;grid-row:span 3;align-self:start;padding:12px 14px}.reality .score small{opacity:.85;margin-top:2px;font-size:14px;display:block}.reality .label{font:700 16px/22px var(--font-display);letter-spacing:.6px;text-transform:uppercase;color:var(--sign-blue);grid-column:2}.reality .meter{grid-column:2;gap:4px;display:flex}.reality .meter i{background:var(--rule-strong);border-radius:4px;flex:1;max-width:44px;height:8px}.reality .meter i.on{background:var(--sign-blue)}.reality .why{grid-column:2}.word{background:var(--paper-raised);border:1px solid var(--rule);border-radius:8px;gap:4px;padding:16px;display:grid}.word small{font:700 12px/16px var(--font-display);letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-muted)}.word h3{margin:0;font-size:20px;line-height:26px}.word p{margin:0;font-size:15px;line-height:24px}.try{border-block:1px solid var(--rule);grid-template-columns:auto minmax(0,1fr);gap:4px 12px;padding-block:12px;display:grid}.try .t{font:700 13px/18px var(--font-display);background:var(--highlighter);color:var(--on-highlighter);white-space:nowrap;border-radius:4px;grid-row:span 2;align-self:start;padding:2px 8px}.try h3{margin:0;font-size:17px;line-height:24px}.try p{margin:0;font-size:15px;line-height:24px}.disc{color:var(--ink-muted);margin:0;font-size:13px;line-height:18px}.disc strong{color:var(--ink)}.list{gap:12px;padding:0;list-style:none;display:grid}.list a{border:1px solid var(--rule);background:var(--paper-raised);color:var(--ink);font:700 17px/24px var(--font-display);border-radius:8px;padding:14px 16px;text-decoration:none;display:block}.list a:hover{border-color:var(--sign-blue)}.list small{font:400 13px/18px var(--font-text);color:var(--ink-muted);display:block}footer.site{border-top:1px solid var(--rule);color:var(--ink-muted);margin-top:48px;padding-top:16px;font-size:13px;line-height:20px}.page{gap:20px;display:grid}.page h1{margin:0;font-size:34px;line-height:40px}.page h2{margin:12px 0 0;font-size:22px;line-height:28px}.page p{margin:0}.page .sub{color:var(--ink-muted);font-size:20px;line-height:30px}.page .steps{gap:8px;margin:0;padding-left:22px;display:grid}.page .short{background:var(--note-bg);border-left:5px solid var(--highlighter);border-radius:0 8px 8px 0;padding:14px 16px}.page .short b{font:700 12px/16px var(--font-display);letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-muted);margin-bottom:4px;display:block}.prose{gap:16px;display:grid}.prose h2,.prose h3{margin:12px 0 0}.prose p,.prose ul,.prose ol{margin:0}.prose ul,.prose ol{gap:8px;padding-left:22px;display:grid}.draft{font:700 12px/16px var(--font-display);letter-spacing:1.2px;text-transform:uppercase;color:var(--on-highlighter);background:var(--highlighter);border-radius:4px;width:fit-content;padding:4px 8px}.more{font:700 15px/22px var(--font-display)}.subscribe{background:var(--note-bg);border:1px solid var(--rule);border-radius:10px;gap:10px;margin-top:40px;padding:20px;display:grid}.subscribe h2{margin:0;font-size:22px;line-height:28px}.subscribe p{margin:0;font-size:16px;line-height:26px}.subscribe .fine{color:var(--ink-muted);font-size:13px;line-height:18px}.subscribe label{font:700 13px/18px var(--font-display)}.subscribe .row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.subscribe input{min-width:0;font:400 17px/24px var(--font-text);color:var(--ink);background:var(--paper);border:1px solid var(--rule-strong);border-radius:8px;flex:220px;padding:10px 12px}.subscribe button{font:700 16px/24px var(--font-display);color:var(--on-highlighter);background:var(--highlighter);cursor:pointer;border:0;border-radius:8px;padding:10px 18px}.subscribe button:hover{filter:brightness(.95)}:root{--k-job:#b45309;--k-family:#0f766e;--k-safety:#b91c1c;--k-money:#4d7c0f;--k-tools:#2f5ea8}:root[data-pal=notte]{--k-job:#f5b971;--k-family:#5fd0c3;--k-safety:#fca5a5;--k-money:#a3d977;--k-tools:#7fb2ff}.kicker{align-items:center;gap:6px;display:inline-flex}.kicker svg{flex:none}.k-job{color:var(--k-job)}.k-family{color:var(--k-family)}.k-safety{color:var(--k-safety)}.k-money{color:var(--k-money)}.k-tools{color:var(--k-tools)}.kickline{font:700 12px/16px var(--font-display);letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:24px;display:flex}.wrap.wide,body:has(.wrap.wide) .bar-in{max-width:1080px}.home{gap:40px;display:grid}@media (width>=980px){.home{grid-template-columns:minmax(0,680px) minmax(0,1fr);align-items:start;gap:56px}.side{position:sticky;top:72px}}.hero{gap:14px;padding:8px 0;display:grid}.hero h1{letter-spacing:-.5px;margin:0;font-size:40px;line-height:46px}.hero h1 mark{border-radius:6px;padding:0 8px}.hero p{color:var(--ink-muted);max-width:560px;margin:0;font-size:19px;line-height:30px}.hero .subscribe{margin-top:8px}.brief{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:grid}.briefh{font:700 12px/16px var(--font-display);letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-muted);margin:0 0 10px}.brief a{border:1px solid var(--rule);background:var(--paper-raised);border-left:4px solid;border-radius:8px;gap:4px;padding:14px 16px;text-decoration:none;display:grid}.brief a .t{color:var(--ink);font:700 18px/26px var(--font-display)}.brief a:hover{border-color:currentColor}.brief .kicker{font:700 12px/16px var(--font-display);letter-spacing:1.2px;text-transform:uppercase}.side{gap:20px;display:grid}.side .box{background:var(--paper-raised);border:1px solid var(--rule);border-radius:10px;gap:8px;padding:16px 18px;display:grid}.side h2{font:700 12px/16px var(--font-display);letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-muted);margin:0}.side p{margin:0;font-size:15px;line-height:24px}.side .term{font:700 22px/28px var(--font-display)}.side ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.side li a{font-size:15px;line-height:22px}.side li small{color:var(--ink-muted);font-size:12px;line-height:16px;display:block}.draftnote{background:var(--highlighter);color:var(--on-highlighter);border-radius:8px;padding:8px 12px;font-size:13px;line-height:20px}@media (width<=520px){.hero h1{font-size:32px;line-height:38px}}.home .issue>div:first-child{display:none}.bar button{white-space:nowrap}@media (width<=520px){.bar nav{gap:12px}.bar button{padding-inline:10px}}.hero .subscribe{padding:14px 16px}.hero .subscribe h2,.hero .subscribe>p:not(.fine){display:none}@media (width<=520px){.hero p{font-size:17px;line-height:27px}}.issue .story{background:var(--paper-raised);border:1px solid var(--rule);border-radius:14px;gap:16px;padding:0 24px 24px;overflow:hidden}.issue .story+.story{border-top:1px solid var(--rule);padding-top:0}.story-head{font:700 12px/16px var(--font-display);letter-spacing:1.2px;text-transform:uppercase;background:color-mix(in srgb, currentColor 11%, var(--paper-raised));border-bottom:1px solid color-mix(in srgb, currentColor 28%, var(--rule));justify-content:space-between;align-items:center;margin:0 -24px;padding:10px 24px;display:flex}.story-head .count{color:var(--ink-muted);font-variant-numeric:tabular-nums}.issue .story h2{margin-top:8px}.issue .story .twofold p,.issue .story .reality{background:var(--paper)}.photo{gap:6px;margin:0;display:grid}.photo img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--rule);background:var(--note-bg);border-radius:10px;width:100%;display:block}.photo figcaption{color:var(--ink-muted);font-size:12px;line-height:18px}.photo figcaption a{color:inherit}.issue .story .photo{margin:0 -24px}.issue .story .photo img{border-inline:0;border-radius:0}.issue .story .photo figcaption{padding-inline:24px}@media (width<=520px){.issue .story{padding:0 16px 20px}.story-head{margin:0 -16px;padding-inline:16px}.issue .story .photo{margin:0 -16px}.issue .story .photo figcaption{padding-inline:16px}}@media (width<=400px){.bar-in{flex-wrap:wrap;row-gap:8px}.bar nav{gap:10px;font-size:13px}.bar button{padding:5px 10px 5px 8px;font-size:13px}}
