.article-hero{color:#fff;padding:4rem 1.25rem 3rem;text-align:center;margin-bottom:2rem}.article-hero-inner{max-width:760px;margin:0 auto}.article-meta{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.92}.article-category{background:#ffffff2e;padding:.35rem .8rem;border-radius:999px}.article-readtime{background:#0000002e;padding:.35rem .8rem;border-radius:999px}.article-hero-emoji{font-size:3.5rem;line-height:1;margin-bottom:1rem}.article-title{font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:1rem;text-wrap:balance}@media (min-width: 768px){.article-title{font-size:3rem}}.article-deck{font-size:1.1rem;line-height:1.5;opacity:.92;max-width:640px;margin:0 auto 1.5rem}.article-byline{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.9rem;opacity:.9}.article-author{color:#fff;text-decoration:underline;font-weight:600}.article-divider{opacity:.5}.article-body{max-width:720px;margin:0 auto;padding:0 1.25rem;font-size:1.05rem;line-height:1.75;color:var(--color-text)}.article-body h2{font-size:1.7rem;font-weight:800;margin:2.5rem 0 1rem;line-height:1.25;color:var(--color-text)}.article-body h3{font-size:1.3rem;font-weight:700;margin:2rem 0 .75rem;color:var(--color-text)}.article-body p{margin-bottom:1.25rem}.article-body ul,.article-body ol{margin:1rem 0 1.5rem 1.25rem;padding-left:1rem}.article-body li{margin-bottom:.55rem}.article-body strong{font-weight:700;color:var(--color-text)}.article-body em{font-style:italic}.article-body a{color:var(--tool-primary);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.article-body a:hover{color:var(--tool-dark)}.article-body blockquote{margin:1.5rem 0;padding:.75rem 1.25rem;border-left:4px solid var(--tool-primary);background:var(--color-bg-muted);font-style:italic;color:var(--color-text-muted);border-radius:0 .5rem .5rem 0}.article-body table{width:100%;margin:1.5rem 0;border-collapse:collapse;font-size:.92rem}.article-body th,.article-body td{padding:.55rem .85rem;border-bottom:1px solid var(--color-border);text-align:left}.article-body th{background:var(--color-bg-muted);font-weight:700}.article-body .callout{margin:1.5rem 0;padding:1rem 1.25rem;border-radius:.65rem;background:var(--tool-light, #EDE9FE);border-left:4px solid var(--tool-primary)}.article-body .callout-title{font-weight:700;margin-bottom:.35rem;color:var(--tool-dark, var(--tool-primary))}.article-body .tool-cta{display:block;margin:2rem 0;padding:1.25rem 1.5rem;border-radius:.85rem;background:linear-gradient(135deg,var(--tool-primary),var(--tool-dark, var(--tool-primary)));color:#fff!important;text-decoration:none!important;text-align:center;font-weight:700;font-size:1.05rem;transition:transform .15s}.article-body .tool-cta:hover{transform:translateY(-2px);color:#fff!important}.article-body .tool-cta-label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.9;margin-bottom:.35rem}.article-body .tldr{margin:1.5rem 0;padding:1.25rem 1.5rem;background:var(--color-bg-muted);border-radius:.85rem;border:1px solid var(--color-border)}.article-body .tldr-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:.55rem}.related-tools{max-width:960px;margin:3rem auto;padding:0 1.25rem}.related-tools-title{font-size:1.4rem;font-weight:800;text-align:center;margin-bottom:1.5rem}.related-tools-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@media (min-width: 640px){.related-tools-grid{grid-template-columns:1fr 1fr}}@media (min-width: 960px){.related-tools-grid{grid-template-columns:1fr 1fr 1fr}}.related-tool-card{display:flex;gap:.8rem;align-items:flex-start;padding:1rem 1.15rem;border:1px solid var(--color-border);border-radius:.85rem;background:var(--color-card);color:var(--color-text);text-decoration:none;transition:all .15s}.related-tool-card:hover{border-color:var(--tool-primary);transform:translateY(-2px)}.related-tool-emoji{font-size:1.7rem;flex-shrink:0}.related-tool-name{font-weight:700;font-size:.95rem;margin-bottom:.2rem}.related-tool-tagline{font-size:.82rem;color:var(--color-text-muted);line-height:1.4}.article-back{max-width:720px;margin:2rem auto;padding:0 1.25rem 3rem}.article-back a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem}.article-back a:hover{color:var(--tool-primary)}