@layer components{.article-body{max-width:900px;margin-inline:auto;padding-inline:clamp(24px,5vw,64px)}.article-body>:first-child{margin-top:0}.article-body h2{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-hi);margin:48px 0 16px;scroll-margin-top:96px;font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:900;line-height:1.2}.article-body h3{font-family:var(--font-display);color:var(--text-hi);margin:32px 0 12px;scroll-margin-top:96px;font-size:1.15rem;font-weight:800;line-height:1.3}.article-body p{color:var(--text-hi);margin-bottom:20px;font-size:1rem;line-height:1.82}.article-body ul,.article-body ol{margin-bottom:20px;padding-left:24px}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body li{color:var(--text-hi);margin-bottom:8px;font-size:1rem;line-height:1.75}.article-body li::marker{color:var(--blue-400)}.article-body strong{color:var(--text-hi);font-weight:600}.article-body a:not([class]){color:var(--blue-400);text-underline-offset:3px;text-decoration:underline}.article-body a:not([class]):hover{color:var(--blue-200)}.article-body blockquote{border-left:3px solid var(--border-hi);color:var(--text-med);margin:24px 0;padding-left:20px}.article-body img{max-width:100%;height:auto}.article-body hr{border:0;border-top:1px solid var(--border-lo);margin:40px 0}.article-label{color:var(--text-hi);font-weight:600}.article-box{background:var(--bg-card);border:1px solid var(--border-hi);border-radius:16px;margin:32px 0;padding:24px 28px}.article-box>:first-child,.why-card>:first-child,.article-cta>:first-child{margin-top:0}.article-box>:last-child,.why-card>:last-child{margin-bottom:0}.article-box-title{font-family:var(--font-display);color:var(--orange-200);margin-bottom:12px;font-size:1rem;font-weight:800}.article-table,.article-body table{border-collapse:collapse;width:100%;margin:24px 0;font-size:.92rem}.article-table th,.article-body table th{background:var(--bg-card);color:var(--text-med);letter-spacing:.06em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--border-lo);padding:10px 14px;font-size:.78rem;font-weight:700}.article-table td,.article-body table td{border-bottom:1px solid var(--border-xs);color:var(--text-hi);vertical-align:top;padding:12px 14px}.article-table tr:last-child td,.article-body table tr:last-child td{border-bottom:none}@media (max-width:640px){.article-table,.article-body table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.article-box{padding:20px}}.ki-compare-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin:28px 0;display:grid}.ki-compare-grid figure{background:var(--bg-card);border:1px solid var(--border-lo);border-radius:16px;margin:0;overflow:hidden}.ki-compare-grid img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.ki-compare-grid figcaption{color:var(--text-med);padding:14px 16px;font-size:.84rem;line-height:1.55}.ki-compare-grid figcaption strong{color:var(--text-hi)}@media (max-width:640px){.ki-compare-grid{grid-template-columns:1fr}}.psi-result{background:var(--bg-card);border:1px solid var(--border-lo);border-radius:16px;flex-wrap:wrap;align-items:center;gap:32px;margin:28px 0;padding:28px;display:flex}.psi-result-gauge{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.psi-result-ring{width:140px;height:140px;position:relative}.psi-result-ring svg{display:block}.psi-result-label{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.psi-result-num{font-family:var(--font-display);color:var(--text-hi);font-size:2.1rem;font-weight:900;line-height:1}.psi-result-denom{color:var(--text-lo);margin-left:2px;font-size:1rem;font-weight:700}.psi-result-caption{letter-spacing:.05em;text-transform:uppercase;color:var(--text-lo);text-align:center;font-size:.72rem;font-weight:700}.psi-result-stats{flex-direction:column;flex:1;gap:14px;min-width:220px;display:flex}.psi-stat-row{justify-content:space-between;align-items:center;gap:16px;font-size:.9rem;display:flex}.psi-stat-label{color:var(--text-med)}.psi-stat-change{white-space:nowrap;align-items:center;gap:8px;font-weight:700;display:flex}.psi-stat-before{color:var(--text-lo);font-weight:500;text-decoration:line-through}.psi-stat-arrow{color:var(--text-lo)}.psi-stat-after{color:var(--ok-400)}@media (max-width:640px){.psi-result{text-align:center;flex-direction:column}.psi-stat-row{flex-wrap:wrap;justify-content:center;gap:10px}}.article-cta{background:linear-gradient(135deg, rgb(var(--blue-rgb) / .1) 0%, rgb(var(--orange-rgb) / .06) 100%);border:1px solid var(--border-hi);text-align:center;border-radius:16px;margin:48px 0;padding:32px 28px}.article-cta h3{font-family:var(--font-display);color:var(--text-hi);margin:0 0 10px;font-size:1.4rem;font-weight:900;line-height:1.2}.article-cta p{color:var(--text-med);margin-bottom:24px}.why-card{background:var(--bg-card);border:1px solid var(--border-lo);border-radius:16px;padding:24px;transition:border-color .22s,transform .22s}.why-card:hover{border-color:rgb(var(--blue-rgb) / .22);transform:translateY(-3px)}.cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.foerder-badge{background:rgb(var(--ok-rgb) / .08);border:1px solid rgb(var(--ok-rgb) / .2);letter-spacing:.08em;text-transform:uppercase;color:var(--ok-400);border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:5px 14px;font-size:.72rem;font-weight:800;display:inline-flex}.btn-amber{background:var(--btn-bg);color:var(--btn-text);font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;box-shadow:0 0 28px rgb(var(--btn-glow-rgb) / .28);border-radius:10px;align-items:center;gap:8px;padding:.85rem 1.9rem;font-size:.95rem;font-weight:800;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.btn-amber:hover{background:var(--btn-bg-hover);box-shadow:0 0 40px rgb(var(--btn-glow-rgb) / .42);transform:translateY(-2px)}.btn-ghost{background:rgb(var(--bg-raised-rgb) / .68);color:var(--text-hi);border:1px solid var(--border-lo);white-space:nowrap;border-radius:10px;align-items:center;padding:.85rem 1.8rem;font-size:.95rem;font-weight:500;transition:border-color .18s,background .18s;display:inline-flex}.btn-ghost:hover{border-color:rgb(var(--blue-rgb) / .28);background:var(--bg-raised)}@media (max-width:640px){.btn-amber,.btn-ghost{white-space:normal;padding-inline:1.2rem}}@media (prefers-reduced-motion:reduce){.why-card,.btn-amber{transition:none}.why-card:hover,.btn-amber:hover{transform:none}}}