.article { max-width: 820px; margin: 60px auto 100px; padding: 0 28px; }
.article h1 { font: 800 clamp(36px, 6vw, 56px)/1.15 Manrope, sans-serif; letter-spacing: -.045em; margin: 14px 0 18px; }
.article h2 { font: 700 24px/1.3 Manrope, sans-serif; letter-spacing: -.03em; margin: 38px 0 12px; }
.article p, .article li { color: var(--muted); }
.article a { color: var(--accent-bright); text-underline-offset: 3px; }
.article .intro { color: var(--text); font-size: 19px; }
.byline, .breadcrumb, figcaption { font-size: 12px; color: var(--muted); }
.article figure { margin: 30px 0; }
.article figure img { display: block; width: 100%; height: auto; border-radius: 16px; }
figcaption { margin-top: 9px; }
.guide-cta, .calculator, .guide-tile { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 24px; margin-top: 30px; }
.guide-cta h2, .calculator h2, .guide-tile h2 { margin-top: 0; }
.article .button { color: #000; }
.table-wrap { overflow-x: auto; margin: 28px 0; }
table { border-collapse: collapse; min-width: 480px; width: 100%; font-size: 14px; }
caption { color: var(--muted); text-align: left; font-size: 12px; margin-bottom: 12px; }
th, td { padding: 13px; border: 1px solid var(--line); text-align: left; }
th { color: var(--accent-bright); background: var(--card); }
td { color: var(--muted); }
.calculator-inputs { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.calculator label { color: var(--muted); font-size: 14px; }
.calculator input { display: block; margin-top: 7px; width: 100%; border: 1px solid var(--line); border-radius: 8px; padding: 12px; background: var(--surface); color: var(--text); font: inherit; }
input:focus-visible, a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
#profit-output { font-weight: 700; color: var(--accent-bright); font-size: 24px; }
.guide-grid { display: grid; gap: 18px; }
.guide-tile { margin-top: 0; }
.guide-tile h2 { font-size: 21px; }
.guide-tile p { margin-bottom: 0; }
.home-guides { max-width: 1040px; margin: 0 auto 100px; padding: 0 30px; }
.home-guides h2 { font: 700 32px/1.2 Manrope, sans-serif; letter-spacing: -.035em; }
.home-guides .guide-grid { grid-template-columns: repeat(2, 1fr); }
.home-guides a { color: var(--accent-bright); }
@media(max-width: 600px) { .article { padding: 0 22px; } .calculator-inputs, .home-guides .guide-grid { grid-template-columns: 1fr; } }