:root{--accent: #2337ff;--accent-dark: #000d8a;--accent-rgb: 35, 55, 255;--black: 15, 18, 25;--gray: 72, 87, 120;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57;--gray-gradient: rgba(var(--gray-light), 50%), #fff;--box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%);--header-bg: white;--card-bg: white;--card-border: rgb(var(--gray-light));--card-shadow: 0 1px 3px rgba(var(--black), 4%), 0 4px 12px rgba(var(--black), 6%);--card-shadow-hover: 0 4px 12px rgba(var(--black), 8%), 0 12px 24px rgba(var(--black), 10%);--gold: #f5a623;--gold-dark: #e6951a;--ink: #15171c;--ink-rgb: 21, 23, 28;--ink-soft: #23262e;--ink-text: #f4f4f2;--ink-text-muted: #9ba1ac;--ink-line: rgba(255, 255, 255, .12);--paper: #f7f6f3;--surface: #ffffff;--line: #e5e3dd;--line-rgb: 229, 227, 221;--font-display: var(--font-atkinson);--track-label: .1em;--track-display: -.035em;--header-height: 64px;--header-ink: #15171c}body{font-family:var(--font-atkinson);margin:0;padding:0;text-align:left;background-color:var(--paper);word-wrap:break-word;overflow-wrap:break-word;color:rgb(var(--gray-dark));font-size:20px;line-height:1.7}main{width:720px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:rgb(var(--black));line-height:1.2}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}a,a:hover{color:var(--accent)}p{margin-bottom:1em}.prose p{margin-bottom:2em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{max-width:100%;height:auto;border-radius:8px}code{padding:2px 5px;background-color:rgb(var(--gray-light));border-radius:2px}pre{padding:1.5em;border-radius:8px}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);padding:0 0 0 20px;margin:0;font-size:1.333em}hr{border:none;border-top:1px solid rgb(var(--gray-light))}@media(max-width:720px){body{font-size:18px}main{padding:1em}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:8px 16px;z-index:1000;border-radius:0 0 6px;text-decoration:none;font-weight:600;transition:top .15s ease}.skip-link:focus{top:0}.ad-banner{background:#f0f0f0;padding:20px;text-align:center;border-radius:8px;margin-bottom:20px;font-size:14px;color:rgb(var(--gray));border:1px dashed rgb(var(--gray-light))}.star-rating{display:flex;align-items:center;gap:6px;font-size:13px}.star-rating .stars{color:var(--gold);letter-spacing:1px}.star-rating .rating-num{color:rgb(var(--gray));font-weight:500}.editor-pick-badge{position:absolute;top:-1px;right:-1px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:0 14px 0 8px;text-transform:uppercase;letter-spacing:.3px;z-index:2}.newsletter-section{background:var(--ink);color:var(--ink-text);padding:72px 24px;text-align:center;margin-top:0;border-top:1px solid var(--ink-line);border-bottom:1px solid var(--ink-line)}.newsletter-section h2{font-size:28px;margin-bottom:8px;color:var(--ink-text);letter-spacing:var(--track-display)}.newsletter-section p{font-size:16px;color:var(--ink-text-muted);margin-bottom:24px}.newsletter-form{display:flex;gap:10px;justify-content:center;max-width:480px;margin:0 auto;flex-wrap:wrap}.newsletter-form input{flex:1;min-width:240px;padding:12px 16px;border:1px solid var(--ink-line);border-radius:8px;background:#ffffff0f;color:var(--ink-text);font-size:15px;outline:none;transition:border-color .2s ease}.newsletter-form input::placeholder{color:var(--ink-text-muted)}.newsletter-form input:focus{border-color:var(--accent)}.newsletter-form button{padding:12px 28px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s ease}.newsletter-form button:hover{background:#1b2ed6}@media(max-width:480px){.newsletter-form input,.newsletter-form button{width:100%}}
