.article{background:#fff}.article-container{width:min(100% - 48px,820px);margin-inline:auto}.article-header{background:radial-gradient(circle at 82% 20%,#f9731624,#0000 27%),#102a43;padding:82px 0 74px}.article-meta{color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:20px;font-size:13px;font-weight:600;display:flex}.article-meta a{color:#f97316;text-transform:uppercase;letter-spacing:1.2px;font-weight:800;text-decoration:none}.article-header h1{color:#fff;margin:0;font-size:clamp(42px,5vw,60px)}.article-main{padding:58px 0 82px}.transparency-note{background:#f8fafc;border-left:4px solid #f97316;border-radius:0 14px 14px 0;margin-bottom:44px;padding:24px 28px}.transparency-note strong{color:#102a43;font-family:Rajdhani,sans-serif;font-size:22px}.transparency-note p{color:#64748b;margin:6px 0 0;line-height:1.75}.article-body{color:#334155;font-size:17px;line-height:1.85}.article-body h2{margin:56px 0 18px;padding-top:4px;font-size:clamp(31px,4vw,40px)}.article-body h3{margin:34px 0 13px;font-size:clamp(24px,3vw,29px)}.article-body p{margin:0 0 19px}.article-body ul,.article-body ol{margin:0 0 23px;padding-left:26px}.article-body li{margin-bottom:9px;padding-left:4px}.article-body strong{color:#1f2937}.article-body blockquote{color:#475569;background:#f8fafc;border-left:4px solid #f97316;margin:27px 0;padding:20px 24px;font-size:18px}.article-body blockquote p{margin:0}.article-body hr{border:0;border-top:1px solid #e2e8f0;margin:48px 0}.article-body a{color:var(--color-accent-text);text-underline-offset:3px;font-weight:600;text-decoration-thickness:1px}.article-body .quick-answer{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;margin:38px 0 46px;padding:30px 32px}.article-body .quick-answer h2{margin:0 0 14px;padding:0;font-size:31px}.article-body .quick-answer>strong{color:var(--color-accent-text);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;font-size:12px;display:inline-block}.article-body .quick-answer ol{counter-reset:quick-answer;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.article-body .quick-answer li{counter-increment:quick-answer;background:#fff;border-radius:12px;margin:0;padding:16px 16px 16px 50px;position:relative}.article-body .quick-answer li:before{content:counter(quick-answer);color:#fff;background:#102a43;border-radius:7px;place-items:center;width:25px;height:25px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;display:grid;position:absolute;top:15px;left:15px}.article-body .article-toc{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin:0 0 48px;padding:24px 28px}.article-body .article-toc>strong{color:#102a43;margin-bottom:14px;font-family:Rajdhani,sans-serif;font-size:23px;display:block}.article-body .article-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px;margin:0;padding-left:22px;display:grid}.article-body .article-toc li{color:#64748b;margin:0}.article-body .article-toc a{padding:3px 0;display:inline-block}.article-body .article-checklist{color:#e2e8f0;background:#102a43;border-radius:18px;margin:56px 0;padding:34px}.article-body .article-checklist h2,.article-body .article-checklist h3,.article-body .article-checklist strong{color:#fff}.article-body .article-checklist h2{margin-top:0;padding-top:0}.article-body .article-checklist h3{margin:28px 0 8px;padding-left:34px;font-size:23px;position:relative}.article-body .article-checklist h3:before{content:"✓";color:#f97316;font-family:Inter,sans-serif;font-weight:800;position:absolute;left:0}.article-body .article-checklist p{color:#cbd5e1;margin-bottom:14px}.article-body .references{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;margin-top:64px;padding:32px}.article-body .references h2{margin-top:0;padding-top:0}.article-body .health-note{color:#475569;background:#fff7ed;border-left:4px solid #f97316;border-radius:0 12px 12px 0;margin:28px 0 38px;padding:18px 22px}.ranking-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:22px;overflow-x:auto}.ranking-table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.55}.ranking-table th,.ranking-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:14px 16px}.ranking-table th{color:#fff;background:#102a43;font-family:Rajdhani,sans-serif;font-size:18px}.ranking-table tr:last-child td{border-bottom:0}.ranking-table td:last-child{color:#102a43;font-weight:700}.article-body .calculation-example{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;margin:26px 0;padding:24px 28px}.article-body .calculation-example>strong{color:var(--color-accent-text);font-family:Rajdhani,sans-serif;font-size:23px}.article-body .calculation-example p:last-child{color:#102a43;margin-bottom:0;font-size:20px}.article-body .signs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:42px 0;display:grid}.article-body .signs-grid section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:24px}.article-body .signs-grid h2{margin:0 0 14px;padding:0;font-size:27px}.article-body .check-list{padding-left:0;list-style:none}.article-body .check-list li{padding-left:32px;position:relative}.article-body .check-list li:before{content:"☐";color:#f97316;font-weight:800;position:absolute;left:0}@media (width<=600px){.article-container{width:min(100% - 32px,820px)}.article-header{padding:64px 0}.article-main{padding:44px 0 66px}.article-body{font-size:16px;line-height:1.8}.article-body h2{margin-top:46px}.transparency-note,.article-body .quick-answer,.article-body .article-checklist,.article-body .references{padding:24px}.article-body .quick-answer ol,.article-body .article-toc ol,.article-body .signs-grid{grid-template-columns:1fr}.ranking-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.ranking-table,.ranking-table tbody,.ranking-table tr,.ranking-table td{width:100%;display:block}.ranking-table tr{border-bottom:1px solid #e2e8f0;padding:13px 16px}.ranking-table tr:last-child{border-bottom:0}.ranking-table td{border:0;padding:2px 0}.ranking-table td:before{content:attr(data-label) ": ";color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}}