.blog-index-hero{position:relative;overflow:hidden;padding:clamp(2.5rem,6vw,4rem) 1.25rem;margin:0 -14px;border-bottom:1px solid var(--border);background:radial-gradient(ellipse 80% 60% at 100% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 55%),radial-gradient(ellipse 60% 50% at 0% 100%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 50%),var(--surface)}@media(min-width:720px){.blog-index-hero{margin:0;border-radius:0 0 20px 20px}}@media(max-width:719px){.blog-index-hero{margin:0}}.blog-index-hero-inner{position:relative;z-index:1;max-width:40rem;margin:0 auto;text-align:center}.blog-index-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem 1rem;margin-bottom:1.1rem;font-size:.75rem;font-weight:700;letter-spacing:.02em;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:999px}.blog-index-title{margin:0 0 .65rem;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--text)}.blog-index-lead{margin:0 auto;max-width:32rem;font-size:.95rem;line-height:1.65;color:var(--text-muted)}.blog-index-body{max-width:72rem;margin:0 auto;padding:2.5rem 1rem 3rem}@media(min-width:640px){.blog-index-body{padding-left:1.5rem;padding-right:1.5rem}}.blog-section-label{margin:0 0 .75rem;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);opacity:.85}.blog-featured{margin-bottom:2.75rem}.blog-featured-link{display:flex;flex-direction:column;overflow:hidden;border-radius:20px;border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 3px color-mix(in srgb,var(--text) 6%,transparent);text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .25s ease,transform .2s ease}@media(min-width:768px){.blog-featured-link{flex-direction:row;min-height:14rem}}.blog-featured-link:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 12px 40px color-mix(in srgb,var(--accent) 12%,transparent),0 4px 12px color-mix(in srgb,var(--text) 6%,transparent);transform:translateY(-2px)}.blog-featured-visual{display:flex;align-items:center;justify-content:center;min-height:10rem;padding:2rem;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,var(--surface2)) 0%,var(--surface2) 100%);border-bottom:1px solid var(--border)}@media(min-width:768px){.blog-featured-visual{width:15rem;flex-shrink:0;min-height:auto;border-bottom:none;border-right:1px solid var(--border)}}.blog-featured-emoji{font-size:4.5rem;line-height:1;user-select:none}@media(min-width:768px){.blog-featured-emoji{font-size:5rem}}.blog-featured-body{display:flex;flex-direction:column;justify-content:center;padding:1.65rem 1.5rem;flex:1}@media(min-width:768px){.blog-featured-body{padding:2rem 2.25rem}}.blog-featured-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.85rem;font-size:.75rem;color:var(--text-muted)}.blog-featured-title{margin:0 0 .65rem;font-size:clamp(1.2rem,2.5vw,1.45rem);font-weight:800;line-height:1.3;letter-spacing:-.02em;color:var(--text);transition:color .15s ease}.blog-featured-link:hover .blog-featured-title{color:var(--accent)}.blog-featured-desc{margin:0 0 1rem;font-size:.9rem;line-height:1.6;color:var(--text-muted)}.blog-featured-cta{font-size:.875rem;font-weight:700;color:var(--accent)}.blog-card-grid{display:grid;gap:1.15rem;grid-template-columns:1fr}@media(min-width:640px){.blog-card-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media(min-width:1024px){.blog-card-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{display:flex;flex-direction:column;padding:1.35rem 1.25rem;border-radius:16px;border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 2px color-mix(in srgb,var(--text) 4%,transparent);text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.blog-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 8px 28px color-mix(in srgb,var(--accent) 10%,transparent);transform:translateY(-3px)}.blog-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.blog-card-emoji{font-size:2.25rem;line-height:1;user-select:none}.blog-card-title{margin:0 0 .5rem;flex:1;font-size:.95rem;font-weight:700;line-height:1.35;color:var(--text);transition:color .15s ease}.blog-card:hover .blog-card-title{color:var(--accent)}.blog-card-desc{margin:0 0 1rem;flex:1;font-size:.8rem;line-height:1.55;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border);font-size:.72rem;color:var(--text-muted)}.blog-pill{display:inline-block;padding:.2rem .55rem;font-size:.65rem;font-weight:700;letter-spacing:.03em;border-radius:999px;white-space:nowrap}.blog-pill--science{background:color-mix(in srgb,#3b82f6 18%,var(--surface2));color:#2563eb}[data-theme=dark] .blog-pill--science{background:color-mix(in srgb,#3b82f6 22%,var(--surface2));color:#93c5fd}.blog-pill--neuro{background:color-mix(in srgb,#a855f7 18%,var(--surface2));color:#7c3aed}[data-theme=dark] .blog-pill--neuro{background:color-mix(in srgb,#a855f7 22%,var(--surface2));color:#d8b4fe}.blog-pill--clinical{background:color-mix(in srgb,#ea580c 16%,var(--surface2));color:#c2410c}[data-theme=dark] .blog-pill--clinical{color:#fdba74}.blog-pill--research{background:color-mix(in srgb,#ec4899 16%,var(--surface2));color:#be185d}[data-theme=dark] .blog-pill--research{color:#f9a8d4}.blog-pill--guide{background:color-mix(in srgb,#10b981 16%,var(--surface2));color:#047857}[data-theme=dark] .blog-pill--guide{color:#6ee7b7}.blog-pill--education{background:color-mix(in srgb,#ca8a04 18%,var(--surface2));color:#a16207}[data-theme=dark] .blog-pill--education{color:#fde047}.blog-pill--compare{background:color-mix(in srgb,#7c3aed 16%,var(--surface2));color:#5b21b6}[data-theme=dark] .blog-pill--compare{color:#c4b5fd}.blog-pill--history{background:color-mix(in srgb,var(--text-muted) 14%,var(--surface2));color:var(--text-muted)}.blog-article{max-width:42rem;margin:0 auto;padding:1.5rem max(1rem,env(safe-area-inset-left)) 3.5rem max(1rem,env(safe-area-inset-right))}@media(min-width:640px){.blog-article{padding:2rem max(1.25rem,env(safe-area-inset-left)) 4rem max(1.25rem,env(safe-area-inset-right))}}.blog-breadcrumb{margin-bottom:1.5rem}.blog-breadcrumb a{display:inline-flex;align-items:center;gap:.35rem;font-size:.875rem;font-weight:600;color:var(--accent);text-decoration:none;transition:opacity .15s ease}.blog-breadcrumb a:hover{opacity:.85;text-decoration:underline;text-underline-offset:3px}.blog-article-head{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.blog-article-title{margin:.85rem 0 .5rem;font-size:clamp(1.65rem,4vw,2.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;color:var(--text)}.blog-article-meta{margin:0;font-size:.875rem;font-weight:500;color:var(--text-muted)}.blog-prose{font-size:1.02rem;line-height:1.72;color:var(--text-muted)}.blog-prose>*:first-child{margin-top:0}.blog-prose p{margin:0 0 1.1rem}.blog-prose h2{margin:2.35rem 0 .65rem;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.35;color:var(--text)}.blog-prose h2:first-of-type{margin-top:.5rem}.blog-prose strong{color:var(--text);font-weight:700}.blog-prose em{font-style:italic}.blog-prose ul,.blog-prose ol{margin:0 0 1.1rem;padding-left:1.35rem}.blog-prose li{margin-bottom:.45rem}.blog-prose li::marker{color:color-mix(in srgb,var(--accent) 70%,var(--text-muted))}.blog-prose a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}.blog-prose a:hover{opacity:.9}.blog-info-grid{display:grid;gap:.85rem;margin:1.25rem 0}@media(min-width:768px){.blog-info-grid{grid-template-columns:repeat(3,1fr)}}.blog-info-card{padding:1rem .9rem;text-align:center;border-radius:14px;border:1px solid var(--border);background:var(--surface2)}.blog-info-card-icon{font-size:1.65rem;margin-bottom:.35rem;line-height:1}.blog-info-card-title{margin:0 0 .35rem;font-size:.8rem;font-weight:700;color:var(--text)}.blog-info-card p{margin:0;font-size:.75rem;line-height:1.45;color:var(--text-muted)}.blog-info-card--blue{background:color-mix(in srgb,#3b82f6 8%,var(--surface))}.blog-info-card--purple{background:color-mix(in srgb,#a855f7 8%,var(--surface))}.blog-info-card--indigo{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.blog-timeline{display:flex;flex-direction:column;gap:.85rem;margin:1.25rem 0}.blog-timeline-row{display:flex;gap:.85rem;align-items:flex-start}.blog-timeline-year{flex-shrink:0;padding:.25rem .5rem;font-size:.7rem;font-weight:800;font-variant-numeric:tabular-nums;border-radius:8px;background:color-mix(in srgb,var(--accent) 14%,var(--surface2));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));margin-top:.15rem}.blog-timeline-text{flex:1;font-size:.88rem;line-height:1.55;color:var(--text-muted)}.blog-cta{margin-top:2.75rem;padding:1.5rem 1.25rem;text-align:center;border-radius:16px;border:1px solid var(--border)}.blog-cta-title{margin:0 0 .35rem;font-size:1rem;font-weight:800;color:var(--text)}.blog-cta-desc{margin:0 0 1rem;font-size:.875rem;line-height:1.5;color:var(--text-muted)}.blog-cta-btn{display:inline-block;padding:.65rem 1.75rem;font-size:.9rem;font-weight:700;border-radius:12px;border:none;cursor:pointer;text-decoration:none;transition:filter .15s ease,transform .15s ease}.blog-cta-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.blog-cta--primary{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.blog-cta--primary .blog-cta-title{color:var(--text)}.blog-cta--primary .blog-cta-btn{background:var(--accent);color:#fff}.blog-cta--neutral{background:var(--surface2)}.blog-cta--neutral .blog-cta-btn{background:var(--text);color:var(--surface)}[data-theme=dark] .blog-cta--neutral .blog-cta-btn{background:#e8eaf6;color:#1a1d27}.blog-callout{margin:1.5rem 0;padding:1rem 1.15rem;border-radius:14px;border:1px solid color-mix(in srgb,#ea580c 40%,var(--border));background:color-mix(in srgb,#ea580c 9%,var(--surface))}.blog-callout-title{margin:0 0 .35rem;font-size:.9rem;font-weight:800;color:var(--text)}.blog-callout p{margin:0;font-size:.875rem;line-height:1.55;color:var(--text-muted)}.blog-table-wrap{overflow-x:auto;margin:1.25rem 0;border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 3px color-mix(in srgb,var(--text) 5%,transparent)}.blog-table{width:100%;border-collapse:collapse;font-size:.875rem}.blog-table thead{background:var(--surface2)}.blog-table th{padding:.7rem .85rem;text-align:left;font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.blog-table td{padding:.7rem .85rem;color:var(--text-muted);border-top:1px solid var(--border);vertical-align:top}.blog-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.blog-table .blog-table-highlight{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.blog-table td.blog-td-strong{font-weight:700;color:var(--accent)}.blog-metric-good{color:var(--success);font-weight:600}.blog-metric-warn{color:var(--danger);font-weight:600}.blog-metric-mid{color:color-mix(in srgb,#ca8a04 80%,var(--text));font-weight:600}.blog-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:1.1rem 0}@media(min-width:640px){.blog-stat-grid{grid-template-columns:repeat(4,1fr)}}.blog-stat-tile{padding:.75rem .5rem;text-align:center;font-size:.7rem;font-weight:700;border-radius:12px;border:1px solid var(--border);line-height:1.35}.blog-stat-tile span{display:block;margin-top:.35rem;font-weight:500;font-size:.68rem;opacity:.9}.blog-stat-tile--bad{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}.blog-stat-tile--mid{background:color-mix(in srgb,#ca8a04 14%,var(--surface));color:#a16207}[data-theme=dark] .blog-stat-tile--mid{color:#fde047}.blog-stat-tile--ok{background:color-mix(in srgb,#3b82f6 12%,var(--surface));color:#2563eb}[data-theme=dark] .blog-stat-tile--ok{color:#93c5fd}.blog-stat-tile--good{background:color-mix(in srgb,var(--success) 14%,var(--surface));color:color-mix(in srgb,var(--success) 90%,#065f46)}[data-theme=dark] .blog-stat-tile--good{color:var(--success)}.blog-band-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin:1.1rem 0;text-align:center;font-size:.7rem}@media(min-width:768px){.blog-band-grid{grid-template-columns:repeat(4,1fr)}}.blog-band{padding:.85rem .5rem;border-radius:12px;border:1px solid var(--border)}.blog-band strong{display:block;font-size:.95rem;margin-bottom:.35rem}.blog-band span{color:var(--text-muted);font-weight:500}.blog-band--elite{background:color-mix(in srgb,var(--success) 10%,var(--surface));border-color:color-mix(in srgb,var(--success) 35%,var(--border))}.blog-band--elite strong{color:var(--success)}.blog-band--good{background:color-mix(in srgb,#3b82f6 10%,var(--surface));border-color:color-mix(in srgb,#3b82f6 30%,var(--border))}.blog-band--good strong{color:#2563eb}[data-theme=dark] .blog-band--good strong{color:#93c5fd}.blog-band--avg{background:color-mix(in srgb,#ca8a04 12%,var(--surface));border-color:color-mix(in srgb,#ca8a04 28%,var(--border))}.blog-band--avg strong{color:#a16207}[data-theme=dark] .blog-band--avg strong{color:#fde047}.blog-band--high{background:color-mix(in srgb,var(--danger) 10%,var(--surface));border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.blog-band--high strong{color:var(--danger)}.blog-chip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;margin:1.1rem 0}@media(min-width:768px){.blog-chip-grid{grid-template-columns:repeat(3,1fr)}}.blog-chip{padding:.65rem .5rem;text-align:center;font-size:.75rem;font-weight:600;line-height:1.35;border-radius:12px;border:1px solid var(--border);background:var(--surface2);color:var(--text)}@media(max-width:560px){.blog-index-body{padding:1.75rem max(.85rem,env(safe-area-inset-left)) 2.5rem max(.85rem,env(safe-area-inset-right))}.blog-featured-body{padding:1.2rem 1rem}.blog-prose{font-size:.97rem;line-height:1.68}.blog-prose h2{font-size:1.08rem;margin-top:1.85rem}.blog-table th,.blog-table td{padding:.55rem .65rem;font-size:.8rem}}:root{--bg: #f4f6fb;--surface: #ffffff;--surface2: #eef0f8;--border: #d0d5e8;--text: #1a1d27;--text-muted: #5a6080;--accent: #6c5ce7;--success: #00b894;--danger: #e17055}[data-theme=dark]{--bg: #0f1117;--surface: #1a1d27;--surface2: #22263a;--border: #2e3348;--text: #e8eaf6;--text-muted: #9aa3c5;--accent: #7c6af7;--success: #56cfb2;--danger: #f76a6a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);overflow-x:clip}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;padding:10px max(16px,env(safe-area-inset-left)) 10px max(16px,env(safe-area-inset-right));padding-top:max(10px,env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border)}.logo{font-weight:700;color:var(--accent)}.site-nav{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;justify-content:flex-end}.site-nav a,.site-nav button{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 12px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:inherit}main{max-width:1100px;margin:0 auto;padding-top:clamp(14px,3vw,22px);padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(52px,env(safe-area-inset-bottom));padding-left:max(14px,env(safe-area-inset-left))}.site-footer{border-top:1px solid var(--border);padding:20px max(16px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-right));color:var(--text-muted);text-align:center}@media(max-width:520px){.site-header{flex-direction:column;align-items:stretch}.site-nav{justify-content:stretch}.site-nav a,.site-nav button{flex:1;min-width:0}}