:root{--ink:#0f172a;--muted:#475569;--line:#dbe3ee;--brand:#0b63ce;--pale:#eff6ff;--warn:#fff7ed}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;color:var(--ink);background:#f8fafc;font:17px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,h4,p,li,td,th,a{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}
a{color:#0759b7}
.guide-nav{background:#fff;border-bottom:1px solid var(--line)}
.guide-nav-inner,.guide-wrap{width:min(960px,calc(100% - 32px));max-width:100%;margin:auto}
.guide-nav-inner{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:14px 0}
.guide-nav a{text-decoration:none;font-weight:650}
.guide-brand{font-size:1.1rem;color:var(--ink)!important;margin-right:auto}
.guide-wrap{padding:36px 0 64px}
.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:18px}
.breadcrumbs a{color:inherit}
h1{font-size:clamp(1.75rem,5vw,3.35rem);line-height:1.12;margin:.15em 0 .35em}
h2{font-size:1.6rem;line-height:1.25;margin-top:2rem}
h3{font-size:1.15rem}
.lede{font-size:1.16rem;color:#334155;max-width:760px}
.scientific{font-style:italic;color:var(--muted)}
.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin:26px 0}
.quick-grid>*{min-width:0;max-width:100%}
.quick-card,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0;max-width:100%}
.quick-card strong{display:block;margin-bottom:4px}
.feature-list li{margin:.45rem 0}
.warning{background:var(--warn);border-left:5px solid #ea580c;border-radius:8px;padding:16px 18px;margin:24px 0}
.action{background:var(--pale);border:1px solid #bfdbfe;border-radius:16px;padding:22px;margin:30px 0}
.button{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;padding:11px 17px;border-radius:10px;margin:4px 8px 4px 0;max-width:100%;white-space:normal}
.button.secondary{background:#fff;color:var(--brand);border:1px solid #93c5fd}
.compare{width:100%;border-collapse:collapse;background:#fff;margin:18px 0}
.compare th,.compare td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}
.compare th{background:#eaf3ff}
.sources{font-size:.94rem;color:var(--muted)}
.guide-footer{border-top:1px solid var(--line);padding-top:24px;margin-top:42px;color:var(--muted)}
@media(max-width:720px){body{font-size:16px}h1{font-size:clamp(1.55rem,6.5vw,2.1rem)}h2{font-size:1.35rem}.compare,.st-table,.r-table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}