@layer tokens,base,components;@layer page{.hub-heading{margin:0 0 var(--space-l);font-size:var(--heading-step-2);overflow-wrap:break-word}.hub-group+.hub-group,.hub-start+.hub-group{padding-top:calc(var(--space-l) + 1px);margin-top:-1px}.hub-group+.faq{margin-top:-1px}.card-grid{gap:var(--space-m);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width>=1200px){.card-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=701px){.card-grid:not(:has(>:nth-child(4):last-child)):has(>:nth-child(3n+1):last-child,>:nth-child(3n+2):last-child)>:last-child{grid-column:span 2}}.article-card{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-raised);height:100%;color:var(--text);transition:border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.article-card:hover,.article-card:has(a:focus-visible){border-color:var(--action);box-shadow:0 24px 48px -32px color-mix(in oklch, var(--action) 60%, transparent)}.article-card:has(a:focus-visible){outline:2px solid var(--action);outline-offset:3px}.card-body{align-content:start;gap:var(--space-2xs);padding:var(--space-m);display:grid}.card-title{font-size:var(--heading-step-1);letter-spacing:-.02em;overflow-wrap:break-word;text-wrap:balance;margin:0;font-weight:600;line-height:1.25}.card-title a{color:inherit;text-decoration:none}.card-title a:after{content:"";border-radius:inherit;position:absolute;inset:0}.card-title a:focus-visible{outline:none}.card-teaser{color:var(--text-muted);hyphens:auto}.card-meta{margin-top:var(--space-2xs);font-size:var(--step--1);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.card-lang{border-radius:var(--radius-pill);background:var(--bg-alt);color:var(--text);padding:1px 8px;font-weight:650}.card-facts{gap:var(--space-s);margin:var(--space-s) 0 0;padding-top:var(--space-s);border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.card-facts dt{font-size:var(--step--1);color:var(--text-muted)}.card-facts dd{font-size:var(--step-1);overflow-wrap:break-word;margin:0;font-weight:700}.article-card.large{grid-template-rows:none;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.article-card.large .card-title{font-size:var(--step-2)}.article-card.large .cover{min-height:100%}.cover{isolation:isolate;align-content:space-between;gap:var(--space-s);min-height:9.5rem;padding:var(--space-m);display:grid;position:relative;overflow:hidden}.cover:before{content:"";z-index:0;background:radial-gradient(140% 120% at 100% -10%, color-mix(in oklch, currentColor 16%, transparent), transparent 60%);position:absolute;inset:0}.cover-ghost{z-index:0;aspect-ratio:1;opacity:.16;width:62%;min-width:96px;position:absolute;bottom:-20%;right:-14%;transform:rotate(-8deg)}.cover-icon{z-index:1;width:44px;height:44px;position:relative}.cover-label,.cover-rival{z-index:1;position:relative}.cover-label{font-size:var(--step--1);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.cover-rival{font-family:var(--font-brand);font-size:var(--step-1);overflow-wrap:break-word;font-weight:650}.cover[data-tone=blue]{background:var(--surface-2);color:var(--text)}.cover[data-tone=blue] .cover-icon{color:var(--action)}.cover[data-tone=blue][data-symbol=compass]{background:color-mix(in oklch, var(--surface-2) 75%, var(--brand) 25%)}.cover[data-tone=blue][data-symbol=heart]{background:color-mix(in oklch, var(--surface-2) 80%, var(--leaf) 20%)}.cover[data-tone=blue][data-symbol=wallet]{background:var(--bg-alt)}.cover[data-tone=blue][data-symbol=shield]{background:color-mix(in oklch, var(--surface-2) 88%, var(--ink) 12%)}.cover[data-tone=leaf]{background:var(--leaf);color:var(--on-leaf)}.cover[data-tone=leaf][data-symbol=cup]{background:color-mix(in oklch, var(--leaf) 80%, var(--action) 20%)}.cover[data-tone=leaf][data-symbol=bag]{background:var(--leaf-strong)}.cover[data-tone=leaf][data-symbol=calendar]{background:color-mix(in oklch, var(--leaf) 85%, var(--ink) 15%)}.cover[data-tone=action]{background:var(--action);color:var(--on-accent)}.cover[data-tone=action][data-symbol=cards]{background:color-mix(in oklch, var(--action) 80%, var(--ink) 20%)}.cover[data-tone=action][data-symbol=clock]{background:color-mix(in oklch, var(--action) 80%, var(--brand) 20%)}.cover[data-tone=night]{background:var(--bg-alt);color:var(--text)}.cover[data-tone=night] .cover-icon{color:var(--leaf-text)}.cover[data-tone=night][data-symbol=store]{background:color-mix(in oklch, var(--bg-alt) 75%, var(--leaf) 25%)}.article-card.large .cover-icon{width:72px;height:72px}.article-card.large .cover-ghost{opacity:.2;width:78%;bottom:-24%;right:-10%}.hero-cover-stack,.hero-cover-stack .cover-label,.hero-cover-stack .cover-rival{display:none}@media (width>=960px){.hero-cover-stack{width:100%;height:clamp(260px,26vw,360px);display:block;position:relative}.hero-cover-stack .cover{border-radius:var(--radius-l);width:clamp(150px,15vw,220px);height:clamp(120px,12vw,170px);min-height:0;box-shadow:var(--shadow-card);position:absolute}.hero-cover-stack .cover:first-child{z-index:3;top:0;left:0}.hero-cover-stack .cover:nth-child(2){z-index:2;top:20%;left:30%;transform:rotate(4deg)}.hero-cover-stack .cover:nth-child(3){z-index:1;top:46%;left:6%;transform:rotate(-3deg)}}.author-portrait{justify-items:center;display:grid}.author-avatar,.author-photo{aspect-ratio:1;border-radius:50%;width:clamp(7rem,5rem + 8vw,11rem)}.author-avatar{background:var(--leaf);color:var(--on-leaf);font-family:var(--font-brand);font-size:var(--step-3);place-items:center;font-weight:650;display:grid}.author-avatar.small{width:4rem;font-size:var(--step-1)}.author-photo{object-fit:cover}.author-topics{gap:var(--space-2xs);margin-top:var(--space-s);display:grid}.author-topics-title{font-size:var(--step-0);letter-spacing:0;color:var(--text-muted)}.topic-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.topic-list li{border:1px solid var(--glass-line);border-radius:var(--radius-pill);font-size:var(--step--1);padding:4px 12px}.author-category+.author-category{margin-top:var(--space-l)}.author-category-title{margin-bottom:var(--space-s);font-size:var(--step-1);overflow-wrap:break-word}.reading-progress{z-index:60;pointer-events:none;height:3px;display:none;position:fixed;inset:0 0 auto}.reading-progress[data-ready]{display:block}.reading-progress span{background:var(--leaf);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.article-meta{margin-top:var(--space-s);font-size:var(--step--1);color:var(--text-muted);flex-wrap:wrap;gap:4px 0;display:flex}.article-meta>span:not(:last-child):after{content:"·";margin-inline:.6em}.article-meta a{color:var(--text)}.sales-block{justify-items:start;gap:var(--space-2xs);max-width:38rem;margin-top:var(--space-m);padding:var(--space-s) var(--space-m);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-raised);display:grid}.sales-reward{font-size:var(--step-1);overflow-wrap:break-word;font-weight:700;line-height:1.25}.sales-rule,.sales-price{font-size:var(--step--1);color:var(--text-muted)}.sales-actions{align-items:center;gap:var(--space-xs) var(--space-s);margin-top:var(--space-2xs);flex-wrap:wrap;display:flex}.sales-block+.article-meta{margin-top:var(--space-m)}.article-cta{justify-content:space-between;align-items:center;gap:var(--space-s) var(--space-m);margin-block:var(--space-l);padding:var(--space-m);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-alt);flex-wrap:wrap;display:flex}.article-cta>div{flex:18rem;gap:4px;display:grid}.article-cta p{color:var(--text-muted);margin:0}.article-cta .article-cta-title{font-size:var(--step-1);color:var(--text);font-weight:700;line-height:1.25}.prose .article-cta .button.primary{color:var(--on-accent);text-decoration:none}.article-layout{gap:var(--space-l);grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:start;display:grid}.toc-rail{top:calc(var(--header-h) + var(--space-s));gap:var(--space-2xs);max-height:calc(100vh - var(--header-h) - 2 * var(--space-s));grid-template-rows:auto minmax(0,1fr);display:grid;position:sticky}.toc-title{font-size:var(--step--1);color:var(--text-muted);font-weight:700}.toc-list{gap:2px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.toc-list a{border-left:2px solid var(--border);color:var(--text-muted);font-size:var(--step--1);overflow-wrap:break-word;padding:6px 10px;line-height:1.35;text-decoration:none;display:block}.toc-list a[aria-current]{border-color:var(--action);color:var(--text);font-weight:650}.toc-inline{margin-bottom:var(--space-m);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg-raised);display:none}.toc-inline summary{cursor:pointer;padding:12px 16px;font-weight:650}.toc-inline .toc-list{padding:0 8px 12px}.article-main{grid-column:2;min-width:0;max-width:68ch}.prose{color:var(--text);hyphens:auto;overflow-wrap:break-word;line-height:1.7}.prose>*+*{margin-top:1.1em}.prose :is(h2,h3){scroll-margin-top:calc(var(--header-h) + var(--space-s));hyphens:manual;overflow-wrap:break-word}.prose h2{font-size:var(--heading-step-2);margin-top:2em;line-height:1.15}.prose h3{font-size:var(--heading-step-1);letter-spacing:-.02em;margin-top:1.6em;line-height:1.25}.prose :is(ul,ol){padding-left:1.4em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--action)}.prose a{color:var(--action);text-underline-offset:3px}.prose blockquote{padding:var(--space-s) var(--space-m);border-left:4px solid var(--leaf);border-radius:0 var(--radius-m) var(--radius-m) 0;background:var(--bg-alt);margin:1.5em 0 0}.prose blockquote>*+*{margin-top:.6em}.summary-box{padding:var(--space-m);border:1px solid color-mix(in oklch, var(--action) 30%, var(--border));border-radius:var(--radius-l);background:color-mix(in oklch, var(--brand) 7%, var(--bg-raised))}.summary-box>*+*{margin-top:.8em}.prose .summary-box h2{font-size:var(--step-1);margin-top:0}.table-scroll{border:1px solid var(--border);border-radius:var(--radius-m);background-color:var(--bg-raised);background-image:linear-gradient(to right, var(--bg-raised) 30%, transparent), linear-gradient(to left, var(--bg-raised) 30%, transparent), linear-gradient(to right, color-mix(in oklch, var(--text) 25%, transparent), transparent), linear-gradient(to left, color-mix(in oklch, var(--text) 25%, transparent), transparent);background-position:0 0,100% 0,0 0,100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,16px 100%,16px 100%;background-attachment:local,local,scroll,scroll;overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:32rem;font-size:var(--step--1);hyphens:manual;line-height:1.45}.table-scroll :is(th,td){border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 12px}.table-scroll th{background:color-mix(in oklch, var(--bg-alt) 85%, transparent);font-weight:700}.table-scroll tr:last-child td{border-bottom:0}.product-box,.author-box,.sources{margin-top:var(--space-l)}.product-box{justify-items:start;gap:var(--space-2xs);padding:var(--space-m);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-alt);color:var(--text);display:grid}.product-box h2{font-size:var(--heading-step-2);overflow-wrap:break-word}.product-box p:not(.eyebrow){color:var(--text-muted)}.author-box{gap:var(--space-m);padding:var(--space-m);border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg-raised);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.author-box h2,.sources h2{font-size:var(--step-1)}.author-box p{margin:6px 0 var(--space-2xs);color:var(--text-muted)}.author-photo.small{width:4rem}.source-list{margin:var(--space-2xs) 0 0;color:var(--text-muted);padding-left:1.6em;list-style:decimal}.source-list li+li{margin-top:4px}.source-list a{color:var(--action);overflow-wrap:anywhere;text-underline-offset:3px}@media (width>=1280px){.article-layout{grid-template-columns:minmax(0,15rem) minmax(0,68ch) minmax(0,1fr)}}@media (width<=1100px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1023px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-main{grid-column:1/-1}.toc-rail{display:none}.toc-inline{display:block}}@media (width<=700px){.card-grid,.article-card.large,.card-facts{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.hub-heading,.card-title,.prose :is(h2,h3),.product-box h2{hyphens:manual}}}.mark-yes,.mark-no{align-items:center;gap:.35em;font-weight:600;display:inline-flex}.mark-yes:before,.mark-no:before{content:"";width:1.05em;height:1.05em;-webkit-mask:var(--mark) center / contain no-repeat;mask:var(--mark) center / contain no-repeat;background:currentColor}.mark-yes{color:var(--leaf-text);--mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.mark-no{color:#b3261e;--mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E")}.stars{width:calc(var(--n) * 1.1em);vertical-align:-.12em;background:#b07800;height:1em;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E") 0/1.1em 1em repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z'/%3E%3C/svg%3E") 0/1.1em 1em repeat-x}