.content-hero{padding:78px 0 45px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:24px;color:var(--muted);font-size:13px}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--purple)}.breadcrumbs span{color:color-mix(in srgb,var(--muted) 55%,transparent)}.content-hero h1{max-width:970px;font-size:clamp(42px,6vw,76px)}.content-lead{max-width:850px;margin:25px 0 0;color:var(--muted);font-size:20px;line-height:1.65}.content-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.content-meta span{padding:8px 12px;border-radius:99px;color:var(--muted);background:var(--paper);box-shadow:var(--relief-small);font-size:12px;font-weight:600}
.article-layout{display:grid;grid-template-columns:230px minmax(0,790px);gap:52px;align-items:start;padding:25px 0 95px}.article-nav{position:sticky;top:110px;padding:19px;border-radius:22px;background:var(--paper);box-shadow:var(--relief-small)}.article-nav strong{display:block;margin-bottom:12px;font-size:13px}.article-nav a{display:block;padding:7px 2px;color:var(--muted);text-decoration:none;font-size:13px;line-height:1.4}.article-nav a:hover{color:var(--purple)}.article-body{padding:42px;border-radius:34px;background:var(--paper);box-shadow:var(--relief)}.article-body h2{margin:52px 0 16px;font-size:clamp(28px,4vw,38px);letter-spacing:-.03em;scroll-margin-top:110px}.article-body h2:first-child{margin-top:0}.article-body h3{margin:30px 0 10px;font-size:21px}.article-body p,.article-body li,.article-body dd{color:var(--muted);font-size:17px;line-height:1.75}.article-body p{margin:0 0 17px}.article-body ul,.article-body ol{padding-left:23px}.article-body li+li{margin-top:8px}.article-body strong{color:var(--ink)}.article-body a{color:var(--purple-strong)}.article-body blockquote{margin:24px 0;padding:21px 24px;border-left:5px solid var(--purple);border-radius:0 19px 19px 0;background:var(--sheet)}.article-body blockquote p:last-child{margin-bottom:0}.answer-box{margin:22px 0;padding:22px;border-radius:22px;background:color-mix(in srgb,var(--purple-soft) 33%,var(--sheet))}.answer-box strong{display:block;margin-bottom:7px}.answer-box p:last-child{margin-bottom:0}.fact-list{display:grid;gap:10px;margin:23px 0}.fact-list>div{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.fact-list dt{font-weight:700}.fact-list dd{margin:0}.comparison{width:100%;border-collapse:separate;border-spacing:0;margin:24px 0;border:1px solid var(--line);border-radius:20px;overflow:hidden}.comparison th,.comparison td{padding:15px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);color:var(--muted);line-height:1.5}.comparison th{color:var(--ink);background:var(--sheet);font-size:14px}.comparison tr:last-child td{border-bottom:0}.comparison td:first-child{font-weight:700;color:var(--ink)}.inline-cta{margin-top:42px;padding:27px;border-radius:25px;background:var(--paper-deep);box-shadow:var(--inset)}.inline-cta h2{margin:0 0 10px;font-size:29px}.inline-cta .primary-button{margin-top:10px;color:#fff;text-decoration:none}.source-note{font-size:13px!important}.related{padding:0 0 104px}.related h2{margin-bottom:25px;font-size:34px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-card{padding:23px;border-radius:24px;background:var(--paper);box-shadow:var(--relief);text-decoration:none}.related-card span{color:var(--purple);font-size:11px;font-weight:800;text-transform:uppercase}.related-card strong{display:block;margin-top:12px;line-height:1.35}.related-card p{margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.5}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-nav{display:none}.article-body{max-width:790px;margin-inline:auto}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.content-hero{padding-top:60px}.content-lead{font-size:17px}.article-body{padding:27px 20px}.article-body p,.article-body li,.article-body dd{font-size:16px}.fact-list>div{grid-template-columns:1fr;gap:6px}.comparison{display:block;overflow-x:auto}.related-grid{grid-template-columns:1fr}.inline-cta{padding:22px 18px}}
.article-layout,.article-body{min-width:0}.article-body{width:100%}
.inline-cta .store-row{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0}
.article-body .store-badge{min-width:185px;color:#fff;text-decoration:none}
.article-body .store-badge .store-copy strong{color:#fff}
@media(max-width:600px){.inline-cta .store-row{display:grid}.article-body .store-badge{width:100%}}