.cmp{--h1:min(clamp(46px,5vw + 34px,112px),(var(--eye) - var(--header) - 60px)/var(--serif-cap));--tint:color-mix(in srgb,var(--accent) 5%,transparent);--tint-2:color-mix(in srgb,var(--accent) 9%,transparent);--split:calc(var(--s-8)*2);position:relative;z-index:var(--z-content);width:min(100% - var(--gutter)*2,var(--shell));margin-inline:auto;padding-bottom:var(--section)}
.c-longname{--h1:min(clamp(46px,5vw + 34px,112px),(var(--eye) - var(--header) - 60px)/var(--serif-cap),11.4vw)}
.cmp h2{font-size:clamp(32px,1.4vw + 22px,46px);line-height:1.04}
.cmp p+p{margin-top:var(--s-4)}
.cmp :is(p,dd) a:not(.btn){text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:3px;transition:text-decoration-color var(--t-word)}
.cmp :is(p,dd) a:not(.btn):hover{text-decoration-color:currentColor}

.c-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s-5);align-items:start;padding-top:calc(var(--eye) - var(--h1)*var(--serif-baseline) - 44px)}
.c-head{grid-column:1/span 7}
.c-hub .c-head{grid-column:1/-1}
.c-crumb{margin:-12px 0 12px;font:400 var(--fs-label)/20px var(--mono);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-3);overflow-wrap:anywhere}
.c-crumb ol,.c-crumb li{display:inline;margin:0;padding:0}
.c-crumb li+li::before{content:"/";margin:0 .8em}
.c-crumb a{display:inline-block;padding-block:12px;transition:color var(--t-word)}
.c-crumb a:hover{color:var(--ink)}
.c-crumb [aria-current]{color:var(--ink-2)}
@media (max-width:479px){.c-crumb li:nth-child(3){display:none}}
.c-hero h1{font-size:var(--h1);line-height:1;letter-spacing:-.02em}
.vs{display:inline-block;margin:0 .1em 0 .04em;font:400 max(11px,.19em)/1 var(--mono);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-2);vertical-align:.85em}
.c-lede{max-width:32em;margin-top:var(--s-6);font-size:var(--fs-lede);line-height:1.5;color:var(--ink-2)}
.c-hub .c-lede{max-width:36em}
.c-lede em{font:400 1.18em/1 var(--serif);letter-spacing:var(--tr-serif);color:var(--ink)}
.c-rec{container-type:inline-size;grid-column:9/-1;margin-top:calc(44px + var(--h1)*var(--serif-baseline));padding:var(--s-5) var(--s-6) var(--s-6);border-radius:0 0 var(--r-md) var(--r-md);background:var(--paper-2);box-shadow:var(--elev-paper);font-size:var(--fs-small);line-height:1.5;color:var(--ink-2)}
.c-date{margin:var(--s-2) 0 var(--s-3);font:400 var(--fs-terms)/1.05 var(--serif);letter-spacing:var(--tr-serif);color:var(--ink)}
.c-rec dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--s-3) var(--s-4);margin:var(--s-5) 0 0;padding-top:var(--s-5);border-top:1px solid var(--rule)}
.c-rec dt{font:400 var(--fs-label)/21px var(--mono);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-2)}
.c-rec dd{margin:0}
.c-rec .label{color:var(--ink-2)}
@container (max-width:380px){.c-rec dl{grid-template-columns:minmax(0,1fr);gap:var(--s-1)}.c-rec dd+dt{margin-top:var(--s-3)}}

.c-sec{margin-top:var(--section)}
.c-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s-5)}
.c-split>h2{grid-column:1/span 4;max-width:9em;padding-right:var(--s-5)}
.c-body{grid-column:5/span 7;max-width:40em}
.c-body.c-wide{grid-column:5/-1;max-width:none}
.c-say{font:400 clamp(32px,2.6vw + 14px,58px)/1.06 var(--serif);letter-spacing:var(--tr-serif);text-wrap:balance}
.c-head .c-say{margin-top:var(--s-8)}
.c-head .c-long{max-width:none;font-size:clamp(28px,1.5vw + 18px,42px);line-height:1.12}
.c-after{max-width:40em;margin-top:var(--s-7);color:var(--ink-2)}
.c-line{display:block}
.c-say em{font-style:normal;text-decoration:underline 1px var(--rule-2);text-underline-offset:.14em}
.is-us .c-say em{text-decoration-color:var(--accent);text-decoration-thickness:.06em}
.c-say .stop{color:var(--accent)}
.has-line .c-say:not(.is-lit) .stop{color:inherit}

.c-cols{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--split)}
.c-cols::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--rule)}
.c-pair>h2{max-width:14em;margin-bottom:var(--s-7)}
.c-col{align-self:start;padding-top:var(--s-5);border-top:1px solid var(--rule-2)}
.c-col.is-us{border-top:2px solid var(--accent);padding-top:calc(var(--s-5) - 1px)}
.c-col>h2{margin-bottom:var(--s-5)}
.c-col>p:not(.c-say){max-width:34em}
.c-who{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-4);font:400 var(--fs-label)/1 var(--mono);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-3)}
.c-who::before{content:"";width:7px;height:7px;border:1px solid currentColor;border-radius:50%}
.is-us .c-who{color:var(--accent)}
.is-us .c-who::before{background:currentColor}
.c-pair+.c-pair{margin-top:var(--s-9)}

.c-table .tablewrap{margin-top:var(--s-7);background:var(--bg)}
.c-table table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.c-table :is(th,td){padding:var(--s-5);text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
.c-table thead th{position:sticky;top:var(--header);z-index:1;padding-block:var(--s-4) var(--s-3);background:var(--bg);border-bottom-color:var(--ink);font:400 var(--fs-label)/1.5 var(--mono);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-2)}
.c-table thead th.us{box-shadow:inset 0 2px var(--accent);background:linear-gradient(var(--tint),var(--tint)) var(--bg);color:var(--accent)}
.c-table th[scope=row]{width:28%;padding-left:var(--s-4);font:400 clamp(20px,.5vw + 16px,24px)/1.2 var(--serif);letter-spacing:var(--tr-serif);color:var(--ink);transition:color var(--t-word)}
.c-table td{width:36%;color:var(--ink-2)}
.c-table td.us{background:var(--tint);color:var(--ink)}
.c-table tbody tr{transition:background-color var(--t-word)}
.c-table tbody tr:is(.is-now,:hover){background:var(--tint-2)}
.c-table tbody tr.is-now th{color:var(--accent)}
.yn{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-1);font:400 var(--fs-label)/20px var(--mono);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink)}
.yn::before{content:"";flex:none;width:7px;height:7px;border:1px solid currentColor;border-radius:50%}
.yn.y::before{background:currentColor}
.us .yn{color:var(--accent)}
.c-note{margin-top:var(--s-4);font-size:var(--fs-small);color:var(--ink-3)}

.c-fork{margin-top:var(--s-7)}
.c-fork .c-col{padding-top:var(--s-6)}
.c-fork .c-say{margin:0 0 var(--s-5)}
.c-fork .c-col>p:not(.c-say){color:var(--ink-2)}
.c-cta{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-6)}
.c-cta .btn:focus-visible,.c-row a:focus-visible{outline-color:var(--focus)}
.c-price{align-self:center;margin-left:var(--s-3);font-size:var(--fs-small);color:var(--ink-2)}
.c-also{margin-top:var(--s-8);padding-top:var(--s-5);border-top:1px solid var(--rule);font-size:var(--fs-small);color:var(--ink-2)}

.c-list{margin:var(--s-9) 0 0;padding:0;list-style:none;border-top:1px solid var(--ink)}
.c-row{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s-5);align-items:baseline;padding:var(--s-6) var(--s-4) var(--s-7);border-bottom:1px solid var(--rule);transition:background-color var(--t-word)}
.c-row:is(.is-now,:hover,:focus-within){background:var(--tint-2)}
.c-meta{grid-column:1/-1;grid-row:1;margin-bottom:var(--s-5);font:400 var(--fs-label)/1.5 var(--mono);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-2)}
.c-meta span{margin-right:var(--s-3);color:var(--accent)}
.c-row h2{grid-column:1/span 6;grid-row:2;font-size:clamp(38px,2.6vw + 16px,68px);line-height:1}
.c-row h2 a::after{content:"";position:absolute;inset:0}
.c-row h2 a{text-decoration:underline 1px transparent;text-underline-offset:.12em;transition:text-decoration-color var(--t-word)}
.c-row:hover h2 a{text-decoration-color:var(--accent)}
.c-sum{grid-column:7/span 5;grid-row:2;max-width:32em;color:var(--ink-2)}
.c-arrow{grid-column:12;grid-row:2;justify-self:end;align-self:center;width:28px;height:28px;color:var(--accent);transition:transform var(--t-caret) var(--ease)}
.c-row:hover .c-arrow{transform:translateX(6px)}
.c-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6);margin:0;padding:0;list-style:none}
.c-rules li{padding-top:var(--s-4);border-top:1px solid var(--rule-2)}
.c-rules .label{margin-bottom:var(--s-3);color:var(--accent)}
.c-fine{margin-top:var(--s-7);font-size:var(--fs-small);color:var(--ink-3)}

.c-qa{border-top:1px solid var(--rule)}
.c-qa .qa{padding:var(--s-5) 0;border-bottom:1px solid var(--rule)}
.c-qa h3{font:400 clamp(22px,.7vw + 17px,28px)/1.2 var(--serif);letter-spacing:var(--tr-serif)}
.c-qa p{margin-top:var(--s-3);color:var(--ink-2)}
.c-src{margin:0;padding:0;list-style:none;border-top:1px solid var(--rule)}
.c-src li{padding:var(--s-3) 0;border-bottom:1px solid var(--rule);font-size:var(--fs-small);line-height:1.6;color:var(--ink-2)}
.c-src a,.c-table td a{text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:3px;transition:text-decoration-color var(--t-word)}
.c-src a:hover,.c-table td a:hover{text-decoration-color:currentColor}

@media (min-width:1000px){.c-cols>.c-col{position:sticky;top:calc(var(--header) + var(--s-6))}}
@media (max-width:1179px){
.c-head{grid-column:1/span 7}
.c-rec{grid-column:8/-1}
}
@media (max-width:999px){
.c-head,.c-rec{grid-column:1/-1}
.c-rec{max-width:36em;margin-top:var(--s-7);border-radius:var(--r-md)}
.c-split>h2,.c-body,.c-body.c-wide{grid-column:1/-1;max-width:40em}
.c-split>h2{max-width:none;margin-bottom:var(--s-5)}
.c-cols{grid-template-columns:minmax(0,1fr)}
.c-cols::before{display:none}
.c-col+.c-col{margin-top:var(--s-8)}
.c-rules{grid-template-columns:minmax(0,1fr)}
.c-row{grid-template-columns:minmax(0,1fr) auto}
.c-row h2{grid-column:1}.c-sum{grid-column:1/-1;grid-row:3;margin-top:var(--s-4);max-width:36em}
.c-arrow{grid-column:2}
}
@media (max-width:759px){
.cmp h2{font-size:clamp(30px,5vw + 12px,40px)}
.c-say{font-size:clamp(32px,6.6vw + 8px,48px)}
.c-rec{padding:var(--s-5)}
.c-table :is(table,thead,tbody){display:block}
.c-table thead{position:sticky;top:var(--header);z-index:1;background:var(--bg)}
.c-table thead th{position:static}
.c-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.c-table thead th:first-child{display:none}
.c-table :is(th,td){padding:var(--s-3);overflow-wrap:anywhere}
.c-table th[scope=row]{grid-column:1/-1;width:auto;padding:var(--s-5) var(--s-3) var(--s-2);border:0}
.c-table td{width:auto;padding-bottom:var(--s-5);font-size:15px}
.c-row h2{font-size:clamp(34px,7vw + 8px,48px)}
.c-price{flex-basis:100%;margin:var(--s-2) 0 0}
}
@media print{.eyeline,.lens,.site-header,.skip-link,.c-cta{display:none}.c-table thead th,.c-table thead{position:static}.cmp{padding-top:0}.c-hero{padding-top:0}}