/* Generated from tools/data/calc_page.css - edit there */
.article-body{max-width:680px}
.article-body h2{font-family:var(--font-heading);font-size:1.4rem;font-weight:400;margin:36px 0 12px;color:var(--color-charcoal)}
.article-body h3{font-size:1.05rem;font-weight:700;margin:24px 0 8px;color:var(--color-smoke)}
.article-body p{color:var(--color-smoke);margin-bottom:14px;font-size:.98rem}
.article-body ul{margin:0 0 16px 20px;color:var(--color-smoke);font-size:.98rem}
.article-body li{margin-bottom:6px}
.tip-box{background:var(--color-green-light);border-left:4px solid var(--color-green);padding:16px 18px;border-radius:0 var(--radius) var(--radius) 0;margin:20px 0;font-size:.95rem;color:var(--color-smoke)}
.tip-box strong{color:#1e6b3a}
.cta-box{background:var(--color-charcoal);color:#fff;padding:28px;border-radius:var(--radius-lg);text-align:center;margin:32px 0}
.cta-box p{color:rgba(255,255,255,.8);margin-bottom:16px;font-size:1rem}
.cta-box .btn{display:inline-flex;width:auto;padding:12px 32px}
.answer-box{background:#fff;border:2px solid var(--color-flame);border-radius:var(--radius-lg);padding:24px;margin:20px 0;text-align:center}
.answer-box .big{font-family:var(--font-heading);font-size:2rem;color:var(--color-flame);margin:8px 0}
.answer-box .sub{color:var(--color-ash);font-size:.9rem}
.full-table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:.9rem}
.full-table th{background:var(--color-charcoal);color:#fff;font-weight:600;text-align:left;padding:10px 12px}
.full-table th:first-child{border-radius:var(--radius) 0 0 0}
.full-table th:last-child{border-radius:0 var(--radius) 0 0}
.full-table td{padding:10px 12px;border-bottom:1px solid var(--color-border)}
.full-table tr:nth-child(even) td{background:rgba(0,0,0,.02)}
.hl td{background:#fef2f2!important;font-weight:600}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:20px 0}
.related-grid a{display:block;padding:12px 16px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;color:var(--color-charcoal);font-size:.9rem;font-weight:600;transition:border-color .2s}
.related-grid a:hover{border-color:var(--color-flame);color:var(--color-flame)}
.calc-h1{font-family:var(--font-heading);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:400;line-height:1.2;margin-bottom:20px}
.calc-img{width:100%;height:auto;border-radius:var(--radius-lg);margin:16px 0 24px;aspect-ratio:16/9;object-fit:cover}
.method-note{font-size:.82rem;color:var(--color-ash);margin:-8px 0 18px;text-align:center}
.method-note a,.related-links a{color:var(--color-flame)}
.related-links{margin-top:32px;font-size:.88rem;color:var(--color-ash)}
.small-note{font-size:.85rem;color:var(--color-ash)}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0 24px}
.tbl-wrap .full-table,.tbl-wrap .plan-table{margin:0}
.plan-table{width:100%;border-collapse:collapse;font-size:.92rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius)}
.plan-table th{text-align:left;font-weight:700;color:var(--color-charcoal);padding:10px 12px;width:38%;vertical-align:top;border-bottom:1px solid var(--color-border)}
.plan-table td{padding:10px 12px;color:var(--color-smoke);border-bottom:1px solid var(--color-border)}
.aff-note{font-size:.78rem;color:var(--color-ash);margin:0 0 8px}
.gear-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);padding:12px 16px;margin:8px 0}
.gear-row div{flex:1;min-width:200px;font-size:.92rem;color:var(--color-smoke)}
.gear-row strong{display:block;color:var(--color-charcoal)}
.gear-row a{display:inline-block;padding:8px 16px;background:var(--color-flame);color:#fff;border-radius:6px;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap}
@media(max-width:480px){.plan-table th{width:auto;display:block;border-bottom:none;padding-bottom:0}.plan-table td{display:block}.full-table{font-size:.85rem}.full-table th,.full-table td{padding:8px}}
.tool-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;margin:20px 0}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.tool-grid label{display:block;font-weight:600;font-size:.9rem;margin-bottom:4px;color:var(--color-charcoal)}
.tool-grid input,.tool-grid select{width:100%;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:16px;background:#fff}
.tool-out{margin-top:16px;background:var(--color-cream);border-radius:var(--radius);padding:14px 16px;font-size:.95rem}
.tool-out strong{color:var(--color-flame)}
.tool-out p{margin:4px 0}