:root{--bg:#fbfcfd;--surface:#f1f5f8;--card:#fff;--text:#102230;--muted:#4d6170;--line:#dde6ec;--accent:#0a6a8a;--accent-2:#19a3a0;--accent-soft:#e3f2f6;--accent-ink:#fff;--good:#17784a;--warn:#9a5800;--shade:16, 34, 48}@media (prefers-color-scheme:dark){:root{--bg:#0b141b;--surface:#111e27;--card:#13222c;--text:#e7eef3;--muted:#9fb2bf;--line:#223744;--accent:#5cc3e0;--accent-2:#4fd1c5;--accent-soft:#12303b;--accent-ink:#062330;--good:#5ccb8d;--warn:#f1b75c;--shade:0, 0, 0}}:root{--radius:18px;--radius-md:14px;--radius-sm:10px;--shadow-sm:0 1px 2px rgba(var(--shade), .06);--shadow:0 1px 2px rgba(var(--shade), .05), 0 10px 30px -14px rgba(var(--shade), .2);--shadow-lift:0 2px 6px rgba(var(--shade), .06), 0 22px 44px -18px rgba(var(--shade), .3);--hair:color-mix(in srgb, var(--line) 80%, transparent);--max:1160px;--prose:68ch;--header-h:60px;--ease:cubic-bezier(.22, 1, .36, 1);--sans:var(--font-sans), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--serif:var(--font-serif), Georgia, "Times New Roman", serif;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.65}@media (prefers-color-scheme:dark){:root{--shadow:0 1px 2px #0000004d, 0 12px 30px -14px #0009;--shadow-lift:0 2px 6px #00000059, 0 24px 48px -18px #000000b3}}@media (width>=900px){:root{--header-h:68px}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--bg);margin:0;font-size:1.0625rem}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-underline-offset:3px;transition:color .2s var(--ease);text-decoration-thickness:1px}a:hover{color:color-mix(in srgb, var(--accent) 75%, var(--text))}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}@media (width>=720px){.wrap{padding:0 32px}}.skip{position:absolute;left:-999px}.skip:focus{background:var(--accent);color:var(--accent-ink);z-index:60;border-radius:8px;padding:10px 14px;top:8px;left:16px}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{vertical-align:middle;flex:none;display:inline-block}.icon-tile{width:40px;height:40px;color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent);border-radius:12px;flex:none;place-items:center;display:inline-grid}.icon-tile.sm{border-radius:10px;width:34px;height:34px}.icon-tile.lg{border-radius:15px;width:52px;height:52px}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.25s;animation-timing-function:var(--ease)}.site-header{z-index:40;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.5)blur(14px);border-bottom:1px solid var(--hair);position:sticky;top:0}.header-row{height:var(--header-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{min-height:44px;font-family:var(--serif);letter-spacing:-.01em;color:var(--text);white-space:nowrap;align-items:center;gap:10px;font-size:1.16rem;font-weight:650;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.brand-mark{color:#fff;background:linear-gradient(140deg, var(--accent-2), var(--accent));width:32px;height:32px;box-shadow:0 6px 14px -8px var(--accent);border-radius:10px;place-items:center;display:grid}@media (prefers-color-scheme:dark){.brand-mark{color:var(--accent-ink)}}.nav-desktop{display:none}.nav-desktop ul{gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-desktop a{min-height:44px;color:var(--muted);transition:background .2s var(--ease), color .2s var(--ease);border-radius:999px;align-items:center;padding:0 13px;font-size:.93rem;font-weight:560;text-decoration:none;display:inline-flex}.nav-desktop a:hover{color:var(--text);background:var(--surface)}.nav-desktop a[aria-current]{color:var(--accent);background:var(--accent-soft)}.menu summary{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--text);cursor:pointer;user-select:none;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 12px;font-size:.92rem;font-weight:600;list-style:none;display:inline-flex}.menu summary::-webkit-details-marker{display:none}.menu .menu-close,.menu[open] .menu-open{display:none}.menu[open] .menu-close,.menu-open,.menu-close{display:inline-flex}.menu-panel{background:var(--bg);border-bottom:1px solid var(--line);box-shadow:var(--shadow-lift);padding:8px 16px 18px;position:absolute;top:100%;left:0;right:0}.menu-panel ul{gap:2px;max-width:560px;margin:0 auto;padding:0;list-style:none;display:grid}.menu-panel a{min-height:52px;color:var(--text);border-radius:14px;align-items:center;gap:12px;padding:6px 10px;font-weight:580;text-decoration:none;display:flex}.menu-panel a:hover,.menu-panel a[aria-current]{background:var(--surface);color:var(--text)}.menu-panel .go{color:var(--muted);margin-left:auto}@media (width>=900px){.nav-desktop{display:block}.menu{display:none}}.crumbs{color:var(--muted);white-space:nowrap;gap:6px;padding-top:18px;font-size:.84rem;display:flex;overflow:hidden}.crumbs>*{flex:none}.crumbs>:last-child{text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.crumbs a{color:var(--muted);align-items:center;text-decoration:none;display:inline-flex}.crumbs a:hover{color:var(--accent)}.crumbs>*+:before{content:"/";opacity:.45;margin-right:6px}main{padding-bottom:88px}h1,h2,h3{font-family:var(--serif);letter-spacing:-.018em;color:var(--text);text-wrap:balance;font-weight:620}h1{margin:12px 0 14px;font-size:clamp(2rem,1.35rem + 2.9vw,3.3rem);line-height:1.08}h2{margin:2.2em 0 .65em;font-size:clamp(1.45rem,1.2rem + 1.1vw,1.95rem);line-height:1.22}h3{margin:1.7em 0 .45em;font-size:1.2rem;line-height:1.35}h2:has(>.icon-tile){align-items:center;gap:12px;display:flex}p{text-wrap:pretty}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);align-items:center;gap:7px;font-size:.76rem;font-weight:700;display:inline-flex}.meta{color:var(--muted);align-items:flex-start;gap:8px;margin:0;font-size:.88rem;display:flex}.meta .icon{margin-top:3px}.meta a{color:inherit}.lede{color:var(--muted);max-width:60ch;margin:0;font-size:clamp(1.06rem,1rem + .35vw,1.22rem);line-height:1.6}.note{color:var(--muted);max-width:var(--prose);font-size:.86rem}.small{font-size:.82rem}.article-head{border-bottom:1px solid var(--line);gap:18px;margin-bottom:28px;padding:10px 0 26px;display:grid;position:relative}.article-head .lede{margin-top:2px}.ah-text{min-width:0;max-width:820px}.ah-media{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);aspect-ratio:12/5;overflow:hidden}.ah-media picture,.ah-media img{width:100%;height:100%}.ah-media img{object-fit:cover}@media (width>=720px){.ah-media{aspect-ratio:16/7}}@media (width>=1000px){.article-head.has-img{grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:48px}.ah-media{aspect-ratio:3/2}}@media (prefers-color-scheme:dark){.ah-media img,.card-thumb img,.topic-thumb img,.hero-img{filter:brightness(.88)saturate(.95)}}.article-grid{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}.article-body{min-width:0}@media (width>=1000px){.article-grid{grid-template-columns:minmax(0,1fr) 248px;gap:56px}}.toc{order:-1;font-size:.92rem}.toc details{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card)}.toc summary{cursor:pointer;min-height:48px;color:var(--text);align-items:center;gap:10px;padding:0 16px;font-weight:650;list-style:none;display:flex}.toc summary::-webkit-details-marker{display:none}.toc summary .chev{color:var(--muted);transition:transform .25s var(--ease);margin-left:auto}.toc details[open] summary .chev{transform:rotate(180deg)}.toc ol{counter-reset:t;margin:0;padding:4px 8px 12px;list-style:none}.toc li{counter-increment:t}.toc a{color:var(--muted);border-radius:8px;gap:10px;padding:8px;line-height:1.4;text-decoration:none;display:flex}.toc a:before{content:counter(t, decimal-leading-zero);color:color-mix(in srgb, var(--muted) 70%, transparent);font-variant-numeric:tabular-nums;padding-top:2px;font-size:.74rem;font-weight:700}.toc a:hover{color:var(--text);background:var(--surface)}.toc a[aria-current]{color:var(--accent);background:var(--accent-soft)}.toc a[aria-current]:before{color:var(--accent)}@media (width>=1000px){.toc{top:calc(var(--header-h) + 20px);max-height:calc(100vh - var(--header-h) - 40px);order:0;align-self:start;position:sticky;overflow:auto}.toc details{background:0 0;border:0}.toc summary{letter-spacing:.1em;text-transform:uppercase;min-height:36px;color:var(--muted);padding:0 8px;font-size:.74rem}.toc summary .chev{display:none}.toc ol{border-left:1px solid var(--line);margin-left:8px;padding:4px 0 0}.toc a{border-left:2px solid #0000;border-radius:0 8px 8px 0;margin-left:-1px;padding:6px 10px}.toc a[aria-current]{border-left-color:var(--accent)}}.short-answer{max-width:var(--prose);border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 85%, var(--card)), var(--card) 75%);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));box-shadow:var(--shadow-sm);margin:0 0 22px;padding:16px 18px 17px;position:relative;overflow:hidden}.short-answer:before{content:"";background:linear-gradient(180deg, var(--accent-2), var(--accent));width:4px;position:absolute;inset:0 auto 0 0}.sa-label{color:var(--accent);align-items:center;gap:8px;margin:0 0 6px;display:flex}.sa-label strong{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.sa-text{color:var(--text);margin:0;font-size:1rem;line-height:1.58}@media (width>=720px){.short-answer{padding:20px 26px 22px}.sa-text{font-size:1.08rem;line-height:1.62}}.disclosure-note{align-items:flex-start;gap:8px;margin:0 0 22px;font-size:.82rem;display:flex}.disclosure-note .icon{margin-top:2px}.prose{max-width:var(--prose);overflow-wrap:break-word}.prose p,.prose li{color:color-mix(in srgb, var(--text) 90%, var(--muted));line-height:1.72}.prose>p:first-child{color:var(--text);font-size:1.1rem}.prose strong{color:var(--text);font-weight:650}.prose h2{border-top:1px solid var(--line);margin-top:1.8em;padding-top:1.1em}.prose>h2:first-child{border-top:0;margin-top:.6em;padding-top:0}.prose h3{color:color-mix(in srgb, var(--text) 92%, var(--accent))}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin:7px 0;padding-left:4px}.prose ul li::marker{color:var(--accent)}.prose ol li::marker{color:var(--accent);font-weight:700}.prose table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);width:100%;margin:1.5em 0;font-size:.93rem;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px 14px}.prose tr:last-child td{border-bottom:0}.prose th{background:var(--surface);font-size:.86rem;font-weight:650}.prose tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--surface) 45%, transparent)}.prose blockquote{border-left:3px solid var(--accent-2);background:var(--surface);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:1.6em 0;padding:16px 20px}.prose blockquote p{margin:.4em 0}.prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.picks-title{margin-top:1.4em}.picks{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;margin:16px 0 24px;display:grid}@media (width>=760px){.picks{grid-template-columns:repeat(2,minmax(0,1fr))}.pick.featured{grid-column:1/-1}}.pick{overflow-wrap:anywhere;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);min-width:0;box-shadow:var(--shadow);transition:box-shadow .35s var(--ease), border-color .35s var(--ease);flex-direction:column;display:flex;position:relative}.pick:hover{box-shadow:var(--shadow-lift);border-color:color-mix(in srgb, var(--accent) 25%, var(--line))}.pick-main{padding:18px 18px 0}.pick-side{flex-direction:column;flex:1;gap:14px;padding:14px 18px 16px;display:flex}.pick .award{text-transform:uppercase;letter-spacing:.09em;color:var(--accent);background:var(--accent-soft);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.7rem;font-weight:700;line-height:1.3;display:inline-flex}.pick h3{margin:12px 0 2px;font-size:1.3rem;line-height:1.25}.pick-type{color:var(--muted);margin:0 0 8px;font-size:.84rem}.pick .why{color:color-mix(in srgb, var(--text) 88%, var(--muted));margin:0;font-size:.98rem;line-height:1.55}.chips{border-radius:var(--radius-sm);background:var(--line);border:1px solid var(--line);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.chips li{background:var(--surface);align-items:flex-start;gap:10px;padding:9px 12px;font-size:.88rem;font-weight:560;line-height:1.4;display:flex}.chips .icon{color:var(--accent);margin-top:1px}.chips small,.price small{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:1px;font-size:.7rem;font-weight:650;display:block}.pick-buy{flex-direction:column;gap:12px;margin-top:auto;display:flex}.price{color:var(--muted);align-items:flex-start;gap:10px;margin:0;font-size:.86rem;line-height:1.45;display:flex}.price .icon{color:var(--accent);margin-top:1px}.price b{color:var(--text);font-size:1.12rem;font-weight:700}.price em{font-style:normal}.pick .btn{justify-content:center}.coupon{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin:-4px 0 0;font-size:.86rem;display:flex}.coupon .icon{color:var(--tint,var(--accent));flex:none}.coupon b{color:var(--text);letter-spacing:.04em;border:1.5px dashed var(--line,currentColor);user-select:all;border-radius:6px;padding:1px 7px;font-weight:700}.chips .v,.price .v{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.price .v{display:inline}@media (width>=760px){.price .v{-webkit-line-clamp:2;display:-webkit-box}.chips .v{-webkit-line-clamp:2}}.pick-more{border-top:1px solid var(--line)}.pick-more summary{min-height:48px;color:var(--text);cursor:pointer;border-radius:0 0 var(--radius) var(--radius);align-items:center;gap:10px;padding:0 18px;font-size:.9rem;font-weight:620;list-style:none;display:flex}.pick-more summary::-webkit-details-marker{display:none}.pick-more summary .icon:first-child{color:var(--accent)}.pick-more summary:hover{background:var(--surface)}.pick-more .chev{color:var(--muted);transition:transform .25s var(--ease);margin-left:auto}.pick-more[open] .chev{transform:rotate(180deg)}.pick-more-body{padding:4px 18px 18px;font-size:.92rem}.why-rest{color:var(--muted);margin:0 0 12px}.pick dl{background:var(--surface);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr);gap:0;margin:0 0 14px;padding:4px 14px;display:grid}.pick dt{color:var(--muted);padding-top:9px;font-size:.78rem}.pick dd{border-bottom:1px solid var(--line);margin:0;padding-bottom:9px;font-weight:550}.pick dd:last-of-type{border-bottom:0}.pros-cons{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.pros-cons b{align-items:center;gap:6px;display:inline-flex}.pros-cons ul{margin:6px 0 0;padding-left:18px}.pros-cons li{margin:4px 0}.pros-cons .pro b{color:var(--good)}.pros-cons .con b{color:var(--warn)}@media (width>=760px){.pick.featured{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.pick.featured .pick-main{padding:24px 26px}.pick.featured .pick-side{padding:24px 26px 22px 0}.pick.featured .pick-more{grid-column:1/-1}.pick.featured .pick-more summary{padding:0 26px}.pick.featured .pick-more-body{padding:4px 26px 22px}.pick.featured h3{font-size:1.55rem}.pick.featured .pick-more-body dl{grid-template-columns:minmax(0,max-content) minmax(0,1fr);column-gap:18px}.pick.featured .pick-more-body dt,.pick.featured .pick-more-body dd{border-bottom:1px solid var(--line);padding:8px 0}.pick.featured .pick-more-body dt:last-of-type,.pick.featured .pick-more-body dd:last-of-type{border-bottom:0}.pick.featured .pros-cons{grid-template-columns:1fr 1fr;gap:22px}}.btn{background:var(--accent);min-height:46px;color:var(--accent-ink);text-align:center;box-shadow:0 8px 18px -10px color-mix(in srgb, var(--accent) 80%, transparent);transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-size:.95rem;font-weight:650;text-decoration:none;display:inline-flex}.btn:after{content:"→";transition:transform .25s var(--ease)}.btn:hover{color:var(--accent-ink);background:color-mix(in srgb, var(--accent) 88%, var(--text));transform:translateY(-1px)}.btn:hover:after{transform:translate(3px)}.compare{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);margin:24px 0;position:relative;overflow-x:auto}.compare table{border-collapse:collapse;width:100%;min-width:560px;font-size:.92rem}.compare caption{text-align:left;padding:12px 16px 2px}.compare th,.compare td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 16px}.compare tr:last-child td{border-bottom:0}.compare th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--surface);font-size:.72rem;font-weight:700}.compare tbody tr:hover td{background:color-mix(in srgb, var(--surface) 55%, transparent)}.cmp-group h2{font-size:clamp(1.25rem,1.1rem + .7vw,1.55rem)}.cmp-spec{align-items:flex-start;gap:8px;margin:2px 0;display:flex}.cmp-spec .icon{color:var(--accent);margin-top:3px}.cmp-link{white-space:nowrap;align-items:center;gap:4px;min-height:44px;font-weight:650;text-decoration:none;display:inline-flex}.diagram{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--surface) 40%, var(--bg)));max-width:880px;margin:4px 0 30px;padding:20px}@media (width>=720px){.diagram{padding:26px 28px}}.diagram figcaption{font-family:var(--serif);margin-bottom:14px;font-size:1.18rem;line-height:1.3}.flow-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:16px 0 10px;font-size:.76rem;font-weight:700}.flow{counter-reset:f;grid-template-columns:minmax(0,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.flow{grid-template-columns:repeat(3,minmax(0,1fr))}.flow.flow-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.flow li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);counter-increment:f;box-shadow:var(--shadow-sm);padding:14px 15px;position:relative}.flow li b{align-items:center;gap:9px;margin-bottom:5px;font-size:.95rem;line-height:1.3;display:flex}.flow li b:before{content:counter(f);background:var(--accent);width:24px;height:24px;color:var(--accent-ink);border-radius:8px;flex:none;place-items:center;font-size:.75rem;display:inline-grid}.flow li span{color:var(--muted);font-size:.87rem;line-height:1.5;display:block}.flow li:not(:last-child):after{content:"↓";color:var(--accent);font-size:.9rem;font-weight:700;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)}@media (width>=720px){.flow li:not(:last-child):after{content:"→";inset:50% -13px auto auto;transform:translateY(-50%)}}.match{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@media (width>=640px){.match{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.match{grid-template-columns:repeat(3,minmax(0,1fr))}}.match div{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius-md);padding:13px 15px}.match b{margin-bottom:4px;display:block}.match span{color:var(--muted);font-size:.89rem}.versus{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (width>=640px){.versus{grid-template-columns:repeat(2,minmax(0,1fr))}}.versus>div{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px 18px}.versus b{font-family:var(--serif);font-size:1.12rem}.versus ul{margin:8px 0 0;padding-left:18px;font-size:.92rem}.versus li{margin:4px 0}.diagram .note{margin:16px 0 0}.datatable{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);margin:4px 0 30px;overflow:hidden}.datatable .dt-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.datatable .dt-head input{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:999px;width:min(100%,280px);min-height:44px;padding:9px 14px}.datatable .dt-head input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.datatable .dt-scroll{max-height:640px;overflow-x:auto}.datatable table{border-collapse:collapse;width:100%;min-width:520px;font-size:.91rem}.datatable th,.datatable td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:10px 12px}.datatable th{background:var(--surface);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);cursor:pointer;user-select:none;font-size:.74rem;position:sticky;top:0}.datatable tbody tr:hover td{background:color-mix(in srgb, var(--surface) 55%, transparent)}.datatable th[aria-sort]:after{content:" ↕";opacity:.5}.datatable td.num,.datatable th.num{text-align:right;font-variant-numeric:tabular-nums}.datatable .dt-foot{color:var(--muted);padding:12px 16px;font-size:.82rem}.faq{max-width:var(--prose)}.faq details{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);margin:10px 0}.faq details[open]{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));box-shadow:var(--shadow-sm)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:14px 18px;font-weight:620;line-height:1.4;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .chev{color:var(--accent);transition:transform .3s var(--ease)}.faq details[open] summary .chev{transform:rotate(180deg)}.faq details p{color:var(--muted);margin:0;padding:0 18px 16px}.sources{color:var(--muted);max-width:var(--prose);font-size:.88rem}.sources h2{font-size:clamp(1.25rem,1.1rem + .7vw,1.55rem)}.sources ul{columns:1;padding-left:18px}.sources li{margin:6px 0}.related{border-top:1px solid var(--line);margin-top:24px;padding-top:8px}.related .cards{margin-top:10px}.hero{background:radial-gradient(900px 420px at 88% -10%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 70%), radial-gradient(700px 360px at -10% 110%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), linear-gradient(180deg, var(--surface), var(--bg));border-bottom:1px solid var(--line);padding:28px 0 44px;position:relative;overflow:hidden}@media (width>=900px){.hero{padding:64px 0 60px}}.hero h1{max-width:18ch;margin-top:14px}.hero-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:26px;display:grid}@media (width>=900px){.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:52px}}.hero-links{flex-wrap:wrap;gap:0 16px;margin:20px 0 0;padding:0;list-style:none;display:flex}.hero-links a{min-height:44px;color:var(--muted);align-items:center;gap:7px;font-size:.9rem;font-weight:560;text-decoration:none;display:inline-flex}.hero-links a .icon{color:var(--accent)}.hero-links a:hover{color:var(--text)}.hero-media{min-width:0;position:relative}.hero:not(.has-photo) .hero-media{display:none}@media (width>=900px){.hero:not(.has-photo) .hero-media{display:block}}.has-photo .hero-media{aspect-ratio:16/10;box-shadow:var(--shadow-lift);background:var(--surface);border-radius:22px;overflow:hidden}.has-photo .hero-media:after{content:"";border-radius:inherit;background:linear-gradient(180deg, transparent 60%, rgba(var(--shade), .12));pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f}.has-photo .hero-media picture,.hero-img{width:100%;height:100%}.hero-img{object-fit:cover}@media (width<=899px){.has-photo .hero-media{aspect-ratio:16/9;border-radius:18px}}@media (width>=900px){.has-photo .hero-media{aspect-ratio:5/4}}.paths{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px;display:grid}@media (width>=640px){.paths{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1040px){.paths{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:44px}.path{flex-direction:column;gap:12px;padding:18px 18px 16px;position:relative}.path .go{margin:0;position:absolute;top:18px;right:18px}}.path{border-radius:var(--radius-md);background:color-mix(in srgb, var(--card) 92%, transparent);border:1px solid var(--line);min-height:44px;color:var(--text);box-shadow:var(--shadow);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);align-items:flex-start;gap:14px;padding:16px;text-decoration:none;display:flex}.path:hover{box-shadow:var(--shadow-lift);border-color:color-mix(in srgb, var(--accent) 35%, var(--line));color:var(--text);transform:translateY(-2px)}.path>span:nth-child(2){flex:1;min-width:0}.path b{font-family:var(--serif);margin-bottom:3px;font-size:1.08rem;font-weight:620;line-height:1.3;display:block}.path span span{color:var(--muted);font-size:.9rem;line-height:1.5;display:block}.path .go{color:var(--accent);transition:transform .25s var(--ease);margin-top:10px}.path:hover .go{transform:translate(3px)}.band{margin-top:8px}.steps{grid-template-columns:minmax(0,1fr);gap:14px;margin:18px 0 8px;padding:0;list-style:none;display:grid}@media (width>=720px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.step{border-radius:var(--radius);background:var(--surface);border:1px solid var(--hair);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:2px 16px;padding:16px;display:grid;position:relative}.step-icon{background:var(--card);width:48px;height:48px;color:var(--accent);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--line);border-radius:14px;grid-row:span 2;place-items:center;display:inline-grid;position:relative}.step-n{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:.72rem;font-weight:700;display:grid;position:absolute;top:-7px;right:-7px}.step b{font-size:1.02rem}@media (width<=719px){.step b{align-self:end}}@media (width>=720px){.step{flex-direction:column;gap:4px;padding:20px;display:flex}.step-icon{margin-bottom:10px}}.step>span:last-child{color:var(--muted);font-size:.93rem;line-height:1.55}.topic-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:16px;display:grid}@media (width>=560px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.topic{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--text);box-shadow:var(--shadow-sm);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);align-items:center;gap:14px;padding:10px;text-decoration:none;display:flex}.topic:hover{box-shadow:var(--shadow-lift);border-color:color-mix(in srgb, var(--accent) 30%, var(--line));color:var(--text);transform:translateY(-2px)}.topic-thumb{background:var(--accent-soft);border-radius:12px;flex:none;width:92px;height:92px;overflow:hidden}.topic-thumb picture,.topic-thumb img{width:100%;height:100%}.topic-thumb img{object-fit:cover;transition:transform .6s var(--ease)}.topic:hover .topic-thumb img{transform:scale(1.04)}.topic-thumb.icon-only{color:var(--accent);place-items:center;display:grid}.topic-body{flex-direction:column;gap:3px;min-width:0;padding-right:6px;display:flex}.topic-title{font-family:var(--serif);align-items:center;gap:7px;font-size:1.08rem;font-weight:620;line-height:1.25;display:flex}.topic-title .icon{color:var(--accent)}.topic-sub{color:var(--muted);font-size:.86rem;line-height:1.45}.topic-count{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-top:2px;font-size:.74rem;font-weight:700}@media (width>=900px){.topic{flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden}.topic-thumb{aspect-ratio:16/8;border-radius:0;width:100%;height:auto}.topic-body{padding:14px 18px 16px}}.hub{scroll-margin-top:calc(var(--header-h) + 12px)}.section-head{border-top:1px solid var(--line);align-items:center;gap:16px;margin:64px 0 6px;padding-top:28px;display:flex}.section-head h2{margin:0}.section-head p{color:var(--muted);margin:2px 0 0;font-size:.95rem}.cards{grid-template-columns:minmax(0,1fr);gap:14px;margin:18px 0 8px;display:grid}@media (width>=640px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (width>=1000px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{overflow-wrap:anywhere;border:1px solid var(--line);border-radius:var(--radius);min-width:0;color:var(--text);background:var(--card);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);text-decoration:none;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-lift);border-color:color-mix(in srgb, var(--accent) 30%, var(--line));color:var(--text);transform:translateY(-3px)}.card-body{flex-direction:column;flex:1;gap:7px;min-width:0;padding:16px 18px;display:flex}.card-top{align-items:center;gap:10px;display:flex}.card-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.card b{font-family:var(--serif);font-size:1.08rem;font-weight:620;line-height:1.3}.card-desc{color:var(--muted);font-size:.9rem;line-height:1.55}.card i{color:var(--accent);align-items:center;gap:5px;margin-top:auto;padding-top:4px;font-size:.86rem;font-style:normal;font-weight:650;display:inline-flex}.card i .icon{transition:transform .25s var(--ease)}.card:hover i .icon{transform:translate(3px)}.card-thumb{background:var(--accent-soft);flex:none;overflow:hidden}.card-thumb picture,.card-thumb img{width:100%;height:100%}.card-thumb img{object-fit:cover;transition:transform .6s var(--ease)}.card:hover .card-thumb img{transform:scale(1.04)}.card.has-thumb .card-thumb{border-radius:12px;width:96px;height:96px;margin:14px 0 14px 14px}.card.has-thumb .card-body{padding-left:14px}.card.has-thumb .card-top .icon-tile,.card.has-thumb .card-top:not(:has(.card-label)){display:none}@media (width<=639px){.card.has-thumb .card-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (width>=640px){.card{flex-direction:column}.card.has-thumb .card-thumb{aspect-ratio:16/9;border-radius:0;width:100%;height:auto;margin:0}.card.has-thumb .card-body{padding-left:18px}.card.has-thumb .card-top .icon-tile{display:inline-grid;position:absolute}.card.has-thumb{position:relative}.card.has-thumb .card-top{display:flex}.card.has-thumb .card-top .icon-tile{background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(6px);top:12px;left:12px}}.calc-wrap{max-width:700px;margin:4px 0 30px}.calc-head{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin:0 0 10px;font-size:.76rem;font-weight:700;display:flex}.calc{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);max-width:700px;box-shadow:var(--shadow);margin:0;padding:20px;position:relative;overflow:hidden}.calc:before{content:"";background:linear-gradient(90deg, var(--accent-2), var(--accent));height:4px;position:absolute;inset:0 0 auto}@media (width>=720px){.calc{padding:26px 28px}}.calc label{margin:14px 0 6px;font-size:.92rem;font-weight:620;display:block}.calc input,.calc select{width:100%;font:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);min-height:48px;transition:border-color .2s var(--ease), box-shadow .2s var(--ease);padding:11px 14px}.calc input:focus,.calc select:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.calc .row{grid-template-columns:minmax(0,1fr);gap:0 16px;display:grid}@media (width>=560px){.calc .row{grid-template-columns:repeat(2,minmax(0,1fr))}}.calc output{background:linear-gradient(135deg, var(--accent-soft), color-mix(in srgb, var(--accent-soft) 30%, var(--card)));border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));border-radius:var(--radius-md);margin:20px 0 12px;padding:16px 18px;font-size:1.02rem;line-height:1.6;display:block}.calc output b{color:var(--accent);font-size:1.25rem}.calc small{color:var(--muted);font-size:.82rem;line-height:1.55;display:block}.site-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);padding:44px 0 28px;font-size:.92rem}.footer-grid{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}@media (width>=720px){.footer-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:40px}}.f-brand p{max-width:46ch;margin:10px 0 0}.f-brand .disclosure{border-radius:var(--radius-md);background:var(--card);border:1px solid var(--line);align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;font-size:.86rem;display:flex}.f-brand .disclosure .icon{color:var(--accent);margin-top:2px}.f-col b{letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin-bottom:6px;font-size:.74rem;display:block}.f-col ul{margin:0;padding:0;list-style:none}.f-col a{min-height:40px;color:var(--muted);align-items:center;gap:9px;padding:2px 0;text-decoration:none;display:inline-flex}.f-col a .icon{color:var(--accent);opacity:.85}.site-footer a:hover{color:var(--accent)}.f-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:18px}.f-bottom p{margin:0}.js [data-reveal]{opacity:0;transition:opacity .6s var(--ease) var(--d,0s), transform .6s var(--ease) var(--d,0s), box-shadow .35s var(--ease), border-color .35s var(--ease);transform:translateY(12px)}.js [data-reveal].is-in{opacity:1;transform:none}.js .card[data-reveal].is-in:hover,.js .topic[data-reveal].is-in:hover{transform:translateY(-3px)}.js .path[data-reveal].is-in:hover{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal]{opacity:1;transition:none;transform:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}@view-transition{navigation:none}}.pick-head{align-items:center;gap:14px;margin-top:12px;display:flex}.pick-head h3{margin:0 0 2px}.pick-thumb{background:var(--surface);border:1px solid var(--line);width:76px;height:76px;color:var(--accent);border-radius:14px;flex:0 0 76px;place-items:center;display:grid;overflow:hidden}.pick-thumb picture,.pick-thumb img{width:100%;height:100%}.pick-thumb img{object-fit:contain;background:#fff}@media (width<=420px){.pick-thumb{flex-basis:64px;width:64px;height:64px}}.more-guides{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);margin-top:14px}.more-guides summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:12px 16px;font-weight:600;list-style:none;display:flex}.more-guides summary::-webkit-details-marker{display:none}.more-guides[open] .chev{transform:rotate(180deg)}.more-guides ul{grid-template-columns:minmax(0,1fr);gap:2px 24px;margin:0;padding:0 16px 12px;list-style:none;display:grid}@media (width>=720px){.more-guides ul{grid-template-columns:repeat(2,minmax(0,1fr))}}.more-guides li a{padding:8px 0;display:block}.cmp-tools{max-width:420px;margin:18px 0}.cmp-tools label{margin-bottom:6px;font-size:.94rem;font-weight:600;display:block}.cmp-tools input{width:100%;font:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);min-height:44px;color:var(--text);padding:10px 14px}:root{--c1:#0a6a8a;--c2:#0e7f74;--c3:#6247c2;--c4:#9a5800;--c5:#c0452f;--c6:#1f7a45;--wash:8%}@media (prefers-color-scheme:dark){:root{--c1:#5cc3e0;--c2:#4fd1c5;--c3:#b3a1f5;--c4:#f2b557;--c5:#f5937f;--c6:#77d894;--wash:13%}}.paths>:nth-child(6n+1),.topic-grid>:nth-child(6n+1),.cards>:nth-child(6n+1),.hero-links>:nth-child(6n+1),.pick:nth-child(6n+1){--tint:var(--c1)}.paths>:nth-child(6n+2),.topic-grid>:nth-child(6n+2),.cards>:nth-child(6n+2),.hero-links>:nth-child(6n+2),.pick:nth-child(6n+2){--tint:var(--c2)}.paths>:nth-child(6n+3),.topic-grid>:nth-child(6n+3),.cards>:nth-child(6n+3),.hero-links>:nth-child(6n+3),.pick:nth-child(6n+3){--tint:var(--c3)}.paths>:nth-child(6n+4),.topic-grid>:nth-child(6n+4),.cards>:nth-child(6n+4),.hero-links>:nth-child(6n+4),.pick:nth-child(6n+4){--tint:var(--c4)}.paths>:nth-child(6n+5),.topic-grid>:nth-child(6n+5),.cards>:nth-child(6n+5),.hero-links>:nth-child(6n+5),.pick:nth-child(6n+5){--tint:var(--c5)}.paths>:nth-child(6n+6),.topic-grid>:nth-child(6n+6),.cards>:nth-child(6n+6),.hero-links>:nth-child(6n+6),.pick:nth-child(6n+6){--tint:var(--c6)}.steps>:first-child{--tint:var(--c5)}.steps>:nth-child(2){--tint:var(--c6)}.steps>:nth-child(3){--tint:var(--c3)}.band .paths>:first-child{--tint:var(--c2)}.band .paths>:nth-child(2){--tint:var(--c4)}.band .paths>:nth-child(3){--tint:var(--c5)}.icon-tile{color:var(--tint,var(--accent));background:color-mix(in srgb, var(--tint,var(--accent)) 16%, var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint,var(--accent)) 30%, transparent)}.path,.step,.topic,.card{background:linear-gradient(155deg, color-mix(in srgb, var(--tint,var(--accent)) var(--wash), var(--card)), var(--card) 70%);border-color:color-mix(in srgb, var(--tint,var(--accent)) 26%, var(--line))}.path:hover,.topic:hover,.card:hover{border-color:color-mix(in srgb, var(--tint,var(--accent)) 60%, var(--line))}.path .go,.topic-title .icon,.topic-count,.card i,.hero-links a .icon,.step-icon,.chips .icon,.price .icon,.pick-more summary .icon:first-child,.more-guides .chev{color:var(--tint,var(--accent))}.step-n{background:var(--tint,var(--accent))}.topic-thumb,.card-thumb{background:color-mix(in srgb, var(--tint,var(--accent)) 16%, var(--card))}.pick .award{color:var(--tint,var(--accent));background:color-mix(in srgb, var(--tint,var(--accent)) 14%, var(--card))}.pick:first-child .award{color:var(--accent-ink);background:var(--tint,var(--accent))}.pick:hover{border-color:color-mix(in srgb, var(--tint,var(--accent)) 45%, var(--line))}.path-photo{background:color-mix(in srgb, var(--tint,var(--accent)) 16%, var(--card));display:block;overflow:hidden}.path-photo picture,.path-photo img{width:100%;height:100%;display:block}.path-photo img{object-fit:cover;transition:transform .6s var(--ease)}.path:hover .path-photo img{transform:scale(1.04)}.path>.path-photo{border-radius:12px;flex:none;width:84px;height:84px}.path>.path-photo+.icon-tile{display:none}.path:has(>.path-photo)>span:nth-child(3){flex:1;min-width:0}.step{overflow:hidden}.step>.path-photo{aspect-ratio:16/7;grid-column:1/-1;margin:-16px -16px 12px}.band .paths{margin-top:18px}@media (width>=720px){.step{padding-top:0}.step>.path-photo{aspect-ratio:16/9;margin:0 -20px}.step .step-icon{background:color-mix(in srgb, var(--tint,var(--accent)) 16%, var(--card));margin-top:-24px}}@media (width>=1040px){.path:has(>.path-photo){padding-top:0;overflow:hidden}.path>.path-photo{aspect-ratio:16/9;border-radius:0;width:auto;height:auto;margin:0 -18px}.path>.path-photo+.icon-tile{background:color-mix(in srgb, var(--tint,var(--accent)) 16%, var(--card));flex:none;margin-top:-32px;display:inline-grid;position:relative}.path:has(>.path-photo) .go{box-sizing:content-box;background:var(--card);box-shadow:var(--shadow-sm);border-radius:50%;padding:5px;top:10px;right:10px}.band .paths{grid-template-columns:repeat(3,minmax(0,1fr))}}.pick .btn{background:var(--tint,var(--accent));box-shadow:0 8px 20px -10px var(--tint,var(--accent))}.pick .btn:hover{background:color-mix(in srgb, var(--tint,var(--accent)) 88%, var(--text))}@media (width<=719px){.compare .cmp-table{min-width:0}.cmp-table,.cmp-table tbody,.cmp-table tr,.cmp-table td{width:auto;display:block}.cmp-table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.cmp-table tr{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);margin:0 0 12px;padding:12px 16px}.compare .cmp-table td{background:0 0;border:0;padding:4px 0}.cmp-table td:empty{display:none}.compare:has(.cmp-table){box-shadow:none;background:0 0;border:0;overflow:visible}.cmp-table td[data-label]:before{content:attr(data-label) ": ";color:var(--muted);font-weight:650}}
