/* chrome:start */
body{--chrome-head-h:calc(var(--control-h) + .65rem + var(--hd-row) + var(--space-sm) + var(--hd-sub) + 2px)}
.ct-head{border-bottom:1px solid var(--line);background:var(--surface)}
.ct-top,.ct-main{width:min(76rem,calc(100% - 2rem));margin-inline:auto}
.ct-top{display:flex;height:var(--control-h);align-items:center;justify-content:space-between;gap:var(--space-md);color:var(--muted);font-size:.8rem}
.ct-top a{display:inline-flex;min-height:var(--control-h);align-items:center;font-weight:800}
.ct-main{padding-top:.65rem}
.ct-brand{font-size:1.35rem;font-weight:var(--heading-weight);letter-spacing:var(--heading-spacing);text-decoration:none;white-space:nowrap}
.ct-actions a{display:inline-flex;min-height:var(--control-h);align-items:center;font-weight:750;text-decoration:none}
.ct-actions{display:flex;gap:.4rem}.ct-actions a{padding:0 .9rem;border-radius:var(--radius-sm)}.ct-actions a:first-child{border:1px solid var(--accent);background:var(--accent);color:var(--ink)}.ct-actions a:not(:first-child){border:1px solid var(--line);background:transparent;color:var(--paper)}
.fc-foot{margin-top:var(--footer-gap,var(--space-xl));border-top:1px solid var(--line);background:var(--surface);color:var(--paper)}
.fc-grid{display:grid;width:min(72rem,calc(100% - 2rem));grid-template-columns:2fr 1fr;margin-inline:auto;padding:2.5rem 0;gap:var(--space-xl)}
.fc-grid--with-support{grid-template-columns:2fr 1fr 1fr}
.fc-grid strong{font-size:1.35rem;font-weight:var(--heading-weight);letter-spacing:var(--heading-spacing)}.fc-grid p{max-width:42ch;margin-top:.6rem;color:var(--muted)}
.fc-grid nav{display:flex;flex-direction:column;gap:.2rem}.fc-grid nav a{display:flex;min-height:var(--control-h);align-items:center;font-weight:700;text-decoration:none}
.fc-legal{width:min(72rem,calc(100% - 2rem));margin:0 auto;padding:var(--space-md) 0;border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-sm)}
@media(max-width:48rem){.fc-grid{width:calc(100% - 2rem);grid-template-columns:1fr;padding:var(--space-lg) 0;gap:var(--space-md)}.fc-grid nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.fc-grid nav a{display:flex;min-height:var(--control-h);align-items:center;color:var(--muted);font-weight:600}.fc-legal{width:calc(100% - 2rem);margin:var(--space-sm) auto 0;padding-top:var(--space-sm);grid-column:1/-1;border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-sm)}}
/* navigation: shared pieces placed by the seeded chrome selection */
/* designed horizontal scroller: a persistent thin scrollbar, an end fade that clears at the end, inset focus rings */
@keyframes cn-strip-fade{0%,90%{mask-image:linear-gradient(90deg,var(--ink) calc(100% - 3rem),transparent)}100%{mask-image:none}}
.cn-strip-scroll{display:flex;align-items:center;gap:var(--space-xs);padding:.3rem 0;overflow-x:auto;animation:cn-strip-fade linear both;animation-timeline:scroll(self inline)}
.cn-strip-scroll::-webkit-scrollbar{height:.4rem}
.cn-strip-scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--muted)}
.cn-strip-scroll>*{flex:none}
.cn-strip-scroll :focus-visible{outline-offset:-3px}

/* side-rail top bar: one row of brand, extras and actions */
.cr-top{flex-wrap:wrap}
/* extras and actions share one group; it only becomes a box when the brand is centred */
.cn-hd-end{display:contents}
.cr-top>*,.cn-hd-end>*{order:2}
.cr-brand{order:0}
.cr-actions{order:3}
:is(.ci-nav,.cp-nav,.ct-nav,.cs-nav) a,:is(.ci-actions,.cr-actions,.cp-actions,.ct-actions,.cs-actions) a{white-space:nowrap}
/* a centred brand needs equal halves: the nav on one side, extras and actions grouped on the other */
.cn-hd-brand-center{justify-content:center}
.cn-hd-brand-center .cr-brand{order:2;margin-inline:auto}
.cn-hd-brand-center .cn-search{margin-left:0}
.cn-hd-brand-center>.cn-hd-end,.cn-hd-brand-center.cr-top::before{flex:1 1 0;min-width:0}
.cn-hd-brand-center.cr-top::before{content:'';order:1}
.cn-hd-brand-center>.cn-hd-end{display:flex;order:3;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-xs) var(--space-sm)}
.cn-hd-brand-center.cn-hd-actions-start>.cn-hd-end{order:1;justify-content:flex-start}
.cn-hd-brand-end .cr-brand{order:4;margin-left:auto}
.cn-hd-brand-end .cr-actions{order:0;margin-right:auto}
.cn-hd-brand-end .cn-search{margin-left:0}
.cn-hd-actions-start .cr-actions{order:1;margin-right:auto}
.cn-hd-actions-start.cn-hd-brand-start .cr-actions{margin-right:0}

/* top headers (inline, stacked-center, topbar, panel): a main row that never wraps (brand, search, actions) over one
   navigation row (pinned tabs, promo or burger, then page links and the product strip in one scroller); fixed row
   heights keep the sticky offset exact */
body{--hd-row:max(var(--control-h),2.75rem);--hd-item:max(var(--control-h),2.4rem);--hd-sub:calc(var(--hd-item) + 1rem)}
body:has(:is(.cn-hd-brand-center,.cs-head).cn-hd){--hd-row:max(var(--control-h),3rem)}
.cn-hd{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-md)}
.cn-hd::after{content:'';flex:0 0 100%;order:5;margin-top:var(--space-sm);border-top:1px solid var(--line)}
.cn-hd>*{order:6;flex:none}
.cn-hd>:is(.ci-brand,.ct-brand,.cp-brand,.cs-brand){order:1;min-height:var(--hd-row);margin-right:auto}
.cn-hd>.cn-search{order:2;flex:1 1 0;min-width:var(--control-h);max-width:24rem;margin:0}
.cn-hd>:is(.ci-actions,.ct-actions,.cp-actions,.cs-actions){order:3}
.cn-hd.cn-hd-actions-start>:is(.ci-actions,.ct-actions,.cp-actions){order:2;margin-right:auto}
.cn-hd.cn-hd-actions-start>:is(.ci-brand,.ct-brand,.cp-brand),.cn-hd.cn-hd-brand-end>:is(.ci-brand,.ct-brand,.cp-brand){margin-right:0}
.cn-hd.cn-hd-actions-start>.cn-search{order:3}
.cn-hd.cn-hd-brand-end>:is(.ci-actions,.ct-actions,.cp-actions){order:1;margin-right:auto}
.cn-hd.cn-hd-brand-end>:is(.ci-brand,.ct-brand,.cp-brand){order:4}
/* centred brand (and the stacked header): equal flexible halves, the search or an empty spacer opposite the actions */
/* a long brand wraps onto at most two lines inside the taller fixed row */
:is(.cn-hd-brand-center,.cs-head).cn-hd>:is(.ci-brand,.ct-brand,.cp-brand,.cs-brand){order:2;max-width:14rem;margin:0;justify-content:center;font-size:1.25rem;line-height:1.2;text-align:center;white-space:normal}
:is(.cn-hd-brand-center,.cs-head).cn-hd>:is(.ci-actions,.ct-actions,.cp-actions,.cs-actions){order:3;flex:1 1 0;justify-content:flex-end}
:is(.cn-hd-brand-center,.cs-head).cn-hd:not(:has(>.cn-search))::before{content:'';order:1;flex:1 1 0}
/* the search's inset lives on its children: a padded flex item would grow from a larger base than the actions */
:is(.cn-hd-brand-center,.cs-head).cn-hd>.cn-search{order:1;max-width:none;padding-inline:0}
:is(.cn-hd-brand-center,.cs-head).cn-hd>.cn-search svg{margin-left:var(--space-md)}
:is(.cn-hd-brand-center,.cs-head).cn-hd>.cn-search span{margin-right:var(--space-md)}
.cn-hd-brand-center.cn-hd-actions-start.cn-hd>:is(.ci-actions,.ct-actions,.cp-actions){order:1;margin:0;justify-content:flex-start}
.cn-hd-brand-center.cn-hd-actions-start.cn-hd>.cn-search,.cn-hd-brand-center.cn-hd-actions-start.cn-hd::before{order:3}
.cn-hd-sub{order:7;flex:1 1 0;min-width:0;height:var(--hd-sub);padding:.5rem 0 .1rem;overflow:scroll hidden}
:is(.cn-hd-brand-center,.cs-head)>.cn-hd-sub{justify-content:safe center}
.cn-hd-sub>:where(.ci-nav,.ct-nav,.cp-nav,.cs-nav){display:flex;align-items:center;gap:var(--space-md)}
.cn-hd-sub>:where(.ci-nav,.ct-nav,.cp-nav,.cs-nav) a{display:inline-flex;min-height:var(--hd-item);align-items:center;font-weight:750;text-decoration:none}
/* the strip's blocks join the row: offer and product tabs first, then the page links, then search and sections */
.cn-hd-sub>.cn-strip,.cn-hd-sub .cn-strip-items{display:contents}
.cn-strip-items>*{order:3;flex:none}
.cn-strip-items>:is(.cn-tabs,.cn-promo,.cn-bonus){order:1}
.cn-hd-sub>:where(.ci-nav,.ct-nav,.cp-nav,.cs-nav){order:2}
.cn-hd-sub:has(.cn-strip-items>:not(.cn-tabs,.cn-promo,.cn-bonus,.cn-pages--inline))>:where(.ci-nav,.ct-nav,.cp-nav,.cs-nav){margin-right:var(--space-xs);padding-right:var(--space-md);border-right:1px solid var(--line)}
/* the header already lists the site pages; the strip's copy would repeat them in the same row */
.cn-hd-sub .cn-strip .cn-pages--inline{display:none}
@media(max-width:80rem){
:is(.cn-hd-brand-center,.cs-head).cn-hd>:is(.ci-actions,.ct-actions,.cp-actions,.cs-actions) a{padding-inline:var(--space-sm);font-size:var(--text-sm)}
}

/* search */
.cn-search{display:flex;flex:1 1 0;max-width:30rem;min-height:var(--control-h);align-items:center;gap:var(--space-xs);margin-left:auto;padding:0 var(--space-md);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--muted);font-size:var(--text-sm);text-decoration:none;transition:border-color .15s,background .15s,color .15s}
.cn-search svg{flex:none;color:var(--muted)}
.cn-search span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cn-search:hover{border-color:var(--accent);background:var(--surface);color:var(--paper)}
.cn-search--full{max-width:none;margin:0;min-height:3rem}
.cn-search--rail{margin:0 0 var(--space-xs);max-width:none;min-height:2.5rem;font-size:var(--text-xs)}
.cr-top>.cn-search,.cn-hd-end>.cn-search{flex:1 1 0;max-width:20rem;margin-left:0}

/* header action and brand hover states */
:is(.cr-actions,.ct-actions,.ci-actions,.cs-actions,.cp-actions,.cn-menu-actions) a{transition:filter .15s,border-color .15s,color .15s,background .15s}
:is(.cr-actions,.ct-actions,.ci-actions,.cs-actions,.cp-actions,.cn-menu-actions) a:first-child:hover{filter:brightness(1.08);color:var(--ink)}
:is(.cr-actions,.ct-actions,.ci-actions,.cs-actions,.cp-actions,.cn-menu-actions) a:not(:first-child):hover{border-color:var(--accent);color:var(--accent);background:color-mix(in oklab, var(--accent) 8%, transparent)}
.cn-brand,.cr-brand,.ct-brand,.ci-brand,.cs-brand,.cp-brand{display:inline-flex;min-height:var(--control-h);align-items:center}
.cn-brand:hover,.cr-brand:hover,.ct-brand:hover,.ci-brand:hover,.cs-brand:hover,.cp-brand:hover{color:var(--accent)}
:is(.ct-nav,.ci-nav,.cs-nav,.cp-nav) a:hover,.cn-pages--inline a:hover{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.35em}
:is(.ct-nav,.ci-nav,.cs-nav,.cp-nav,.cn-pages--inline) a[aria-current="page"]{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.35em}
:is(.ct-nav,.ci-nav,.cs-nav,.cp-nav,.cn-pages--inline) a[aria-current="page"]:hover{text-decoration-color:var(--paper)}
.cn-item[aria-current="page"]{background:var(--surface-soft);color:var(--accent)}
.cn-item[aria-current="page"] svg{color:var(--accent)}
.cn-item[aria-current="page"]:hover{background:color-mix(in oklab, var(--accent) 14%, var(--surface-soft))}

/* panel and product tabs */
.cn-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs);padding:var(--space-xs);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);container-type:inline-size}
.cn-tabs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-xs);min-width:0}
.cn-tabs a{display:inline-flex;min-width:0;overflow:hidden;min-height:var(--control-h);align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--muted);font-size:var(--text-sm);font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:border-color .15s,color .15s,background .15s}
.cn-tabs a:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in oklab, var(--accent) 6%, var(--surface))}
.cn-tabs a:first-child{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 13%, var(--surface));color:var(--paper)}
.cn-tabs a:first-child:hover{color:var(--accent)}
.cn-tabs svg{width:1.1em;height:1.1em}
@container (max-width:14rem){.cn-tabs svg{display:none}.cn-tabs a{padding-inline:.25rem;font-size:var(--text-xs);letter-spacing:.02em}}
.cn-tabs--head{flex:none;grid-template-columns:auto auto}
.cn-tabs--head a{padding-inline:.8rem}

/* promo tile */
.cn-promo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:linear-gradient(120deg,var(--accent),color-mix(in oklab, var(--accent) 60%, var(--accent-2)));color:var(--ink);text-decoration:none;box-shadow:var(--shadow-card);transition:transform .15s,box-shadow .15s,filter .15s}
.cn-promo:hover{color:var(--ink);filter:brightness(1.12) saturate(1.15);transform:translateY(-2px);box-shadow:var(--shadow-deep)}
.cn-promo svg{grid-column:2;grid-row:1/3;width:1.8rem;height:1.8rem;color:var(--ink);transition:transform .15s}
.cn-promo:hover svg{transform:rotate(-8deg) scale(1.12)}
.cn-promo small{grid-column:1;font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.cn-promo b{grid-column:1;font-size:var(--text-sm);font-weight:850;line-height:1.2}
.cn-promo--inline{min-height:2.4rem;grid-template-columns:auto auto;gap:.5rem;padding:.35rem .8rem;box-shadow:none}
.cn-promo--inline small{display:none}
.cn-promo--inline b{grid-column:1;font-size:var(--text-xs)}
.cn-promo--inline svg{grid-column:2;grid-row:1;width:1.2rem;height:1.2rem}

/* section and page lists */
.cn-sections,.cn-pages{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;min-width:0}
.cn-item{position:relative;display:flex;min-width:0;min-height:2.6rem;align-items:center;gap:.65rem;padding:.4rem .7rem;border-radius:var(--radius-md);color:var(--paper);font-size:var(--text-sm);font-weight:650;line-height:1.25;text-decoration:none;transition:background .12s,color .12s}
/* labels wrap instead of hiding copy; single-row surfaces (the strip) size items to their content */
.cn-item>span{min-width:0;overflow-wrap:break-word}
.cn-item svg{flex:none;width:1.25rem;height:1.25rem;color:var(--muted);transition:color .12s,transform .12s}
.cn-item:hover{background:var(--surface-soft);color:var(--paper)}
.cn-item:hover svg{color:var(--accent);transform:translateX(1px)}
.cn-item:hover>span{color:var(--accent)}
.cn-badge{margin-left:auto;padding:.1rem .45rem;border-radius:var(--radius-sm);background:var(--accent);color:var(--ink);font-size:.6875rem;font-style:normal;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.cn-pages{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--line)}
.cn-pages small{display:block;padding:.25rem .7rem .4rem;color:var(--muted);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.cn-item--page{min-height:2.25rem;font-weight:600}
.cn-item--page:hover{color:var(--accent)}
.cn-pages--inline{display:flex;flex-wrap:wrap;gap:.2rem .9rem;margin:0;padding:0;border:0;font-size:var(--text-sm);font-weight:700}
.cn-pages--inline a{display:inline-flex;min-height:var(--control-h);align-items:center;text-decoration:none}

/* support */
.cn-support{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);margin-top:var(--space-md)}
.cn-support a{display:flex;min-height:2.25rem;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--muted);font-size:var(--text-xs);font-weight:700;text-decoration:none;text-transform:uppercase;transition:border-color .15s,color .15s}
.cn-support a:hover{border-color:var(--accent);color:var(--accent)}
.cn-support svg{width:1.1rem;height:1.1rem;color:var(--muted)}
.cn-support a:hover svg{color:var(--accent)}

/* closable bonus card */
.cn-bonus{position:relative;flex:none;margin:0 var(--space-sm);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised)}
.cn-bonus:not([open]){display:none}
.cn-bonus-close{position:absolute;top:.4rem;inset-inline-end:.4rem;z-index:1;display:inline-flex;width:1.75rem;height:1.75rem;align-items:center;justify-content:center;border:1px solid color-mix(in oklab, var(--paper) 30%, transparent);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--ink) 80%, transparent);color:var(--paper);list-style:none;cursor:pointer;transition:background .15s,border-color .15s}
.cn-bonus-close::-webkit-details-marker{display:none}
.cn-bonus-close svg{width:.85rem;height:.85rem;color:var(--paper)}
.cn-bonus-close:hover{border-color:var(--accent);background:var(--accent)}
.cn-bonus-card{display:grid;gap:.25rem;padding:.4rem var(--space-sm) var(--space-sm);color:var(--paper);text-align:center;text-decoration:none}
.cn-bonus-card:hover{color:var(--paper)}
/* the card fills its clipping frame, so its focus ring is drawn inside */
.cn-bonus-card:focus-visible{outline-offset:-3px}
.cn-bonus-card:hover .cn-cta-pill{filter:brightness(1.08)}
/* the eyebrow shares the close button's row and keeps clear of it on both sides, so it stays centred */
.cn-bonus small{display:flex;min-height:1.75rem;align-items:center;justify-content:center;padding-inline:1.9rem;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}
.cn-bonus b{color:var(--paper);font-size:1.15rem;font-weight:var(--heading-weight);letter-spacing:var(--heading-spacing);line-height:1.15}
.cn-cta-pill{display:inline-flex;min-height:var(--control-h);align-items:center;justify-content:center;margin-top:.35rem;padding:.55rem 1rem;border-radius:var(--radius-md);background:var(--accent);color:var(--ink);font-weight:850;line-height:1.2;transition:filter .15s}
.cn-bonus--inline{margin:0 0 var(--space-sm)}
.cn-bonus--pill{border:0;background:none;overflow:visible}
.cn-bonus--pill .cn-bonus-card{justify-items:center;gap:.1rem;padding:.55rem .3rem;border-radius:var(--radius-md);background:linear-gradient(150deg,var(--accent),color-mix(in oklab, var(--accent) 60%, var(--accent-2)));color:var(--ink);box-shadow:var(--shadow-card);transition:transform .15s,box-shadow .15s}
.cn-bonus--pill .cn-bonus-card:hover{color:var(--ink);transform:translateY(-2px);box-shadow:var(--shadow-deep)}
.cn-bonus--pill .cn-bonus-card svg{width:1.4rem;height:1.4rem;color:var(--ink)}
.cn-bonus--pill b{font-size:.9rem;color:var(--ink);line-height:1}
.cn-bonus--pill .cn-bonus-close{top:.25rem;inset-inline-end:.25rem;width:1.5rem;height:1.5rem}

/* icon grid shared by the mega panel, bottom sheet and overlay */
.cn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xs)}
.cn-grid a{display:grid;justify-items:center;gap:.35rem;padding:.7rem .25rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--paper);font-size:.66rem;font-weight:700;line-height:1.1;text-align:center;text-decoration:none;transition:border-color .15s,color .15s}
.cn-grid a svg{width:1.4rem;height:1.4rem;color:var(--muted)}
.cn-grid a:hover{border-color:var(--accent);color:var(--accent)}
.cn-grid a:hover svg{color:var(--accent)}
/* product strip: one scrollable row inside the header; the scroller itself is styled in base.css */
/* every strip child is one 2.4rem row, so the header height stays predictable */
body:has(.cn-strip){--cn-strip-h:3.9rem}
.cn-strip{order:10;flex:0 0 100%;width:100%;margin-top:.4rem;border-top:1px solid var(--line)}
.cn-strip .cn-sections{display:flex;gap:var(--space-xs)}
.cn-strip .cn-item{flex:none;min-height:2.4rem;padding:.3rem .8rem;border-radius:var(--radius-pill)}
.cn-strip .cn-badge{margin-left:.3rem}
.cn-strip .cn-tabs{flex:none;grid-template-columns:auto auto;margin-right:var(--space-xs)}
.cn-strip .cn-tabs a{min-height:2.4rem;padding-inline:.8rem}
.cn-strip .cn-promo{flex:none;min-height:2.4rem;grid-template-columns:auto auto;gap:.5rem;margin-right:var(--space-xs);padding:.35rem .8rem;box-shadow:none}
.cn-strip .cn-promo small{display:none}
.cn-strip .cn-promo b{grid-column:1;font-size:var(--text-xs)}
.cn-strip .cn-promo svg{grid-column:2;grid-row:1;width:1.2rem;height:1.2rem}
.cn-strip .cn-search{flex:0 0 auto;width:16rem;min-height:2.4rem;margin-left:0}
.cn-strip .cn-pages--inline{flex-wrap:nowrap;margin-left:var(--space-md)}
.cn-strip .cn-pages--inline a{min-height:2.4rem;white-space:nowrap}
.cn-strip .cn-bonus{flex:none;margin:0 0 0 var(--space-xs)}
.cn-strip .cn-bonus-card{display:flex;align-items:center;gap:.4rem;height:2.4rem;padding:0 1.9rem 0 .7rem}
.cn-strip .cn-bonus-close{top:.45rem;inset-inline-end:.25rem;width:1.5rem;height:1.5rem}
/* mega menu: one panel with every operator section plus the offer; its trigger leads the header's navigation row */
.cn-mega-btn{display:inline-flex;flex:none;min-height:2.4rem;align-items:center;gap:.45rem;padding:.3rem .9rem;border:1px solid var(--accent);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--accent) 12%, transparent);color:var(--paper);font:inherit;font-size:var(--text-sm);font-weight:750;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}
.cn-mega-btn:hover{background:color-mix(in oklab, var(--accent) 22%, transparent);color:var(--accent)}
.cn-mega-btn svg{flex:none;width:1.1rem;height:1.1rem}
.cn-mega-btn svg:last-child{width:.8rem;height:.8rem;color:var(--muted)}
.cn-hd-sub>.cn-mega-btn{order:-1;margin-right:var(--space-sm)}
.cn-strip--mega .cn-quick:nth-of-type(n+5){display:none}
.cn-mega{display:none;position:fixed;top:calc(var(--chrome-head-h) + var(--space-xs));left:50%;width:min(60rem,calc(100vw - 2rem));max-height:calc(100dvh - var(--chrome-head-h) - 2 * var(--space-xs));margin:0;padding:var(--space-md);overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--paper);box-shadow:var(--shadow-deep);transform:translateX(-50%)}
.cn-mega:popover-open{display:grid;grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);align-items:start;gap:var(--space-md)}
.cn-mega::backdrop{background:color-mix(in oklab, var(--ink) 40%, transparent)}
/* tiles are wide enough for the longest word, so a label wraps onto at most two lines inside its tile */
.cn-mega .cn-grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr))}
.cn-mega .cn-grid a{display:flex;align-items:center;gap:.6rem;padding:.7rem .8rem;font-size:var(--text-sm);line-height:1.25;text-align:left}
.cn-mega .cn-grid a svg{flex:none}
.cn-mega .cn-grid a span{min-width:0}
.cn-mega-side{display:grid;align-content:start;gap:var(--space-sm)}
.cn-mega-side .cn-bonus,.cn-mega-side .cn-support{margin:0}
/* mobile bar and the popover menu chrome shared by every mobile menu */
.cn-bar{display:none}
/* every menu is a fixed head, a scrolling body and a fixed foot holding the actions */
.cn-menu{display:none;position:fixed;inset:0 0 0 auto;width:min(22rem,calc(100vw - 2.5rem));height:100dvh;margin:0;padding:0;overflow:visible;border:0;border-left:1px solid var(--line);background:var(--surface);color:var(--paper)}
.cn-menu:popover-open{display:flex;flex-direction:column}
.cn-menu::backdrop{background:color-mix(in oklab, var(--ink) 72%, transparent)}
.cn-menu-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--line)}
.cn-menu-head .cn-brand{min-width:0;font-size:var(--text-lg);font-weight:var(--heading-weight);letter-spacing:var(--heading-spacing);line-height:1.2;text-decoration:none;overflow-wrap:anywhere}
.cn-menu-head button{display:inline-flex;flex:none;width:var(--control-h);height:var(--control-h);align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--paper);cursor:pointer;transition:border-color .15s,color .15s}
.cn-menu-head button:hover{border-color:var(--accent);color:var(--accent)}
.cn-menu-head button:hover svg{color:var(--accent)}
.cn-menu-head svg{width:1.2rem;height:1.2rem;color:var(--paper)}
/* the body pads its own scrollport so focus rings of edge items stay visible; max-content rows keep clipped cards such as the bonus from collapsing */
.cn-menu-body{display:grid;flex:1 1 auto;min-height:0;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;gap:var(--space-md);padding:var(--space-md);overflow-y:auto;overscroll-behavior:contain}
.cn-menu-foot{flex:none;padding:var(--space-sm) var(--space-md) calc(var(--space-sm) + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}
.cn-menu-actions{display:grid;gap:var(--space-xs)}
.cn-menu-actions a{display:flex;min-height:var(--control-h);align-items:center;justify-content:center;padding:.55rem var(--space-md);border-radius:var(--radius);font-weight:750;text-align:center;text-decoration:none}
.cn-menu-actions a:first-child{border:1px solid var(--accent);background:var(--accent);color:var(--ink)}
.cn-menu-actions a:not(:first-child){border:1px solid var(--line);background:transparent;color:var(--paper)}
.cn-menu .cn-pages,.cn-menu .cn-support,.cn-menu .cn-bonus{margin:0}
.cn-menu .cn-pages{padding-top:0;border-top:0}
.cn-menu .cn-item--page svg{width:1.1rem;height:1.1rem}
/* menu lists wrap long labels onto a second line instead of cutting them; icon and badge stay on the first line */
.cn-menu .cn-item{align-items:flex-start;gap:var(--space-xs);min-height:0;padding:.75rem .6rem;white-space:normal}
.cn-menu .cn-badge{padding-inline:.35rem;letter-spacing:.02em}
.cn-menu .cn-item--page{padding-block:.55rem}
.cn-menu .cn-item>span{min-width:0;overflow:visible;overflow-wrap:break-word;line-height:1.3}
.cn-menu .cn-item svg,.cn-menu .cn-badge{flex:none}
/* product tabs in a narrow menu stack the icon over a label that wraps between words */
.cn-menu .cn-tabs a{overflow:visible;padding:.4rem var(--space-xs);line-height:1.2;text-align:center;overflow-wrap:break-word}
.cn-menu .cn-tabs svg{flex:none}
.cn-menu--drawer .cn-tabs a{flex-direction:column;gap:.2rem;font-size:var(--text-xs);letter-spacing:.02em}
@media(max-width:30rem){.cn-menu .cn-tabs a{flex-direction:column;gap:.2rem;font-size:var(--text-xs);letter-spacing:.02em}}
.cn-menu .cn-promo b,.cn-menu .cn-promo small{min-width:0;overflow-wrap:break-word}
.cn-menu .cn-support{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cn-menu .cn-support a{padding:.35rem var(--space-xs);line-height:1.25;text-align:center;text-transform:none;overflow-wrap:break-word}
.cn-menu .cn-support svg{flex:none}
.cn-menu .cn-bonus-card{padding-inline:2.25rem}
/* the sheet and overlay icon grid: two columns of icon-and-label rows on phones, tiles once the menu is wide enough for them */
.cn-menu .cn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cn-menu .cn-grid a{display:flex;align-items:center;gap:.4rem;min-height:var(--control-h);padding:.35rem var(--space-xs);font-size:var(--text-xs);line-height:1.2;text-align:start;overflow-wrap:break-word}
.cn-menu .cn-grid svg{flex:none;width:1.2rem;height:1.2rem}
@media(min-width:30rem){
.cn-menu .cn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cn-menu .cn-grid svg{width:1.4rem;height:1.4rem}
.cn-menu .cn-grid a{display:grid;align-content:start;justify-items:center;gap:.35rem;padding:.7rem .25rem;text-align:center}
}
@media(min-width:36rem){.cn-menu .cn-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:44rem){.cn-menu .cn-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:64rem){
/* one fixed row: the brand may take two lines of a smaller type step, never a third */
.cn-bar{position:sticky;z-index:30;top:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:var(--cn-bar-row);align-items:center;gap:var(--space-xs);padding:.6rem var(--space-md);border-bottom:1px solid var(--line);background:var(--surface)}
.cn-bar .cn-brand{min-width:0;max-height:var(--cn-bar-row);font-size:var(--text-base);font-weight:var(--heading-weight);letter-spacing:var(--heading-spacing);line-height:1.1;text-decoration:none;overflow-wrap:anywhere}
.cn-icon{display:inline-flex;width:var(--control-h);height:var(--control-h);align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--paper);text-decoration:none;cursor:pointer;transition:border-color .15s,color .15s}
.cn-icon svg{width:1.25rem;height:1.25rem;color:var(--paper)}
.cn-icon:hover{border-color:var(--accent);color:var(--accent)}
.cn-icon:hover svg{color:var(--accent)}
.cn-cta{display:inline-flex;min-height:var(--control-h);align-items:center;padding:0 .9rem;border-radius:var(--radius-md);background:var(--accent);color:var(--ink);font-weight:800;text-decoration:none;white-space:nowrap}
}
/* with the tab bar the CTA shares the bar, so phones keep search in the sheet and the narrowest set the brand a step smaller */
@media(max-width:30rem){
.cn-bar--tabbar .cn-icon{display:none}
.cn-bar--tabbar .cn-cta{padding-inline:var(--space-sm);font-size:var(--text-sm)}
}
@media(max-width:24rem){.cn-bar--tabbar .cn-brand{font-size:var(--text-sm);line-height:1.15}}
@media(min-width:48rem) and (max-width:64rem){.cn-bar .cn-brand{font-size:var(--text-lg)}}
/* side drawer menu: tablets get a wider panel, never a stretched one */
.cn-menu--left{inset:0 auto 0 0;border-left:0;border-right:1px solid var(--line)}
@media(min-width:48rem){.cn-menu--drawer{width:22rem}}
.brand-logo { display:block; width:auto; height:auto; max-width:clamp(6.5rem,12vw,9rem); max-height:var(--control-h); }
a:has(> .brand-logo) { display:inline-flex; align-items:center; min-height:var(--control-h); }

@media(max-width:64rem) {
  /* The mobile bar is one fixed row: tall enough for a control or a two-line brand, plus its padding and border. */
  body { --cn-bar-row:max(var(--control-h),2.5rem); --chrome-head-h:calc(var(--cn-bar-row) + 1.2rem + 1px); --sticky-top:var(--chrome-head-h); }
  .ci-head,.cs-head,.ct-head,.cp-head,.cr-top,.cn-rail,.cn-burger { display:none; }
}
.cb { --cb-close-inset:calc((var(--control-h) - 2rem) / 2); position:relative; z-index:25; margin:0; border:1px solid var(--line); background:var(--surface-raised); color:var(--paper); }
.cb:not([open]) { display:none; }
/* The close control draws a 2rem ring inside a control-height target; --cb-close-inset aligns the ring, not the target, with the banner padding. */
.cb-close { position:absolute; top:calc(var(--space-sm) - var(--cb-close-inset)); inset-inline-end:calc(var(--space-sm) - var(--cb-close-inset)); display:inline-flex; width:var(--control-h); height:var(--control-h); align-items:center; justify-content:center; padding:0; border-radius:var(--radius-pill); color:var(--muted); list-style:none; cursor:pointer; }
.cb-close::before { position:absolute; inset:var(--cb-close-inset); border:1px solid var(--line); border-radius:var(--radius-pill); content:""; transition:border-color .15s; }
.cb-close svg { width:.9rem; height:.9rem; }
.cb-close:hover { color:var(--accent); }
.cb-close:hover::before { border-color:var(--accent); }
.cb-close::-webkit-details-marker { display:none; }
/* Phones stack headline, detail, code and a full-width CTA; only the headline row makes room for the close control. */
.cb-body { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--space-xs) var(--space-lg); align-items:center; padding:var(--space-sm) var(--space-md); }
.cb-headline { min-height:2rem; margin-inline-end:calc(2rem + var(--space-xs)); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.35; }
.cb-detail { color:var(--muted); font-size:var(--text-sm); line-height:1.45; }
.cb-code { display:inline-flex; flex-wrap:wrap; align-items:center; gap:.35rem; font-size:var(--text-sm); }
.cb-code b { padding:.15rem .5rem; border:1px dashed var(--accent); border-radius:var(--radius-sm); font-family:ui-monospace,monospace; letter-spacing:.08em; white-space:nowrap; }
.cb-action { display:inline-flex; min-height:var(--control-h); align-items:center; justify-content:center; padding:.55rem var(--space-md); border:1px solid var(--accent); border-radius:var(--radius); background:var(--accent); color:var(--ink); font-weight:750; text-align:center; text-decoration:none; white-space:nowrap; transition:filter .15s,color .15s; }
.cb-action:hover { filter:brightness(1.08); }
/* Below 64rem every banner docks first in the document like the top bar: the mobile tab bar owns the bottom edge, so nothing pins there. Column layout of in-flow banners switches at 48rem, so a 768px tablet already gets it. */
.cb-top-bar,.cb-top-strip,.cb-bottom-bar,.cb-corner-card { border-width:0 0 1px; }
.cb-top-strip .cb-body { justify-items:center; padding-block:var(--space-xs); text-align:center; }
.cb-top-strip .cb-headline { min-height:0; margin-inline:calc(2rem + var(--space-xs)); }
.cb-top-strip .cb-close { top:calc(var(--space-xs) - var(--cb-close-inset)); }
.cb-top-strip .cb-detail { display:none; }
.cb-top-strip .cb-action { padding:0; border:0; background:none; color:var(--accent); text-decoration:underline; text-underline-offset:.2em; }
.cb-top-strip .cb-action:hover { filter:none; color:var(--paper); }

/* Tablet and desktop: the headline shares its row with the CTA, the fine print and the code chip sit beneath, and the close control keeps a column of its own. */
@media(min-width:48rem) {
  :is(.cb-top-bar,.cb-bottom-bar,.cb-corner-card) .cb-body { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"headline action" "detail code"; padding-inline:1.25rem calc(2rem + 2 * var(--space-sm)); }
  :is(.cb-top-bar,.cb-bottom-bar,.cb-corner-card) .cb-headline { grid-area:headline; min-height:0; margin:0; }
  :is(.cb-top-bar,.cb-bottom-bar,.cb-corner-card) .cb-detail { grid-area:detail; }
  :is(.cb-top-bar,.cb-bottom-bar,.cb-corner-card) .cb-code { grid-area:code; justify-self:end; }
  :is(.cb-top-bar,.cb-bottom-bar,.cb-corner-card) .cb-action { grid-area:action; }
  :is(.cb-top-bar,.cb-bottom-bar,.cb-corner-card) .cb-close { top:var(--space-sm); }
  /* The strip stays one centred band: the headline wraps inside its own column beside the code and the link. */
  .cb-top-strip .cb-body { grid-template-columns:minmax(0,max-content) max-content; grid-template-areas:"headline code" "headline action"; justify-content:center; justify-items:start; column-gap:var(--space-lg); padding-inline:calc(2rem + 2 * var(--space-sm)); text-align:start; }
  .cb-top-strip .cb-body:not(:has(.cb-code)) { grid-template-areas:"headline action"; }
  .cb-top-strip .cb-headline { grid-area:headline; margin:0; }
  .cb-top-strip .cb-code { grid-area:code; }
  .cb-top-strip .cb-action { grid-area:action; }
  .cb-top-strip .cb-close { top:50%; translate:0 -50%; }
  /* Below the pinning switch the corner card is an inset card in the document flow, not a full-bleed bar. */
  .cb-corner-card { margin:var(--space-sm) var(--space-md) 0; border-width:1px; border-radius:var(--radius); }
}
@media(min-width:64.001rem) {
  .cb-top-strip .cb-action { min-height:0; padding-block:.2rem; }
  .cb-top-strip .cb-body { grid-template-columns:minmax(0,max-content) max-content max-content; grid-template-areas:"headline code action"; align-items:center; }
  .cb-top-strip .cb-body:not(:has(.cb-code)) { grid-template-areas:"headline action"; }
  .cb-bottom-bar,.cb-corner-card { position:fixed; inset:auto 0 0 0; margin:0; border-width:1px 0 0; box-shadow:var(--shadow-deep); }
  .cb-corner-card { inset:auto 1rem 1rem auto; width:min(22rem,calc(100vw - 2rem)); border-width:1px; border-radius:var(--radius); }
  .cb-corner-card .cb-body { grid-template-columns:minmax(0,1fr); grid-template-areas:none; justify-items:start; padding:var(--space-md); }
  .cb-corner-card .cb-headline { grid-area:auto; margin-inline-end:calc(2rem + var(--space-xs)); }
  .cb-corner-card .cb-detail,.cb-corner-card .cb-code,.cb-corner-card .cb-action { grid-area:auto; justify-self:start; }
  .cb-corner-card .cb-close { top:calc(var(--space-sm) - var(--cb-close-inset)); }
  /* A pinned banner covers the end of the page, so the footer keeps clear of it. */
  body:has(:is(.cb-bottom-bar,.cb-corner-card)[open])>footer { padding-bottom:9rem; }
  /* The pinned corner card waits for the reader to scroll before it appears. */
  @keyframes cb-corner-reveal { from,50% { opacity:0; visibility:hidden; translate:0 1rem; } to { opacity:1; visibility:visible; translate:0 0; } }
  .cb-corner-card[open] { animation:cb-corner-reveal linear both; animation-timeline:scroll(root block); animation-range:0 60vh; }
}
@media(min-width:64.001rem){body>header{position:sticky;top:0;z-index:20}body{--sticky-top:var(--chrome-head-h)}}

/* chrome:end */

:root {
  color-scheme:dark;
  --ink:#0F0F14;
  --surface:#1B1B25;
  --surface-raised:#2d2d36;
  --surface-soft:#24242e;
  --paper:#F8F7FB;
  --muted:#B5B4C4;
  --line:#343443;
  --accent:#FFC736;
  --accent-2:#FF7A45;
  --danger:#ff8a8a;
  --chip:#f4f4f6;
  --radius-sm:.45rem;
  --radius-md:.7rem;
  --radius:.9rem;
  --radius-pill:999px;
  --shadow-card:0 1rem 3rem rgb(0 0 0/.16);
  --shadow-deep:0 1.5rem 4rem rgb(0 0 0/.3);
  --block-pad:clamp(1.25rem,3vw,2rem);
  --section-header-offset:0px;
  --space-xs:.5rem;
  --space-sm:.75rem;
  --space-md:1rem;
  --space-lg:1.5rem;
  --space-xl:2rem;
  --control-h:2.75rem;
  --text-base:1.0625rem;
  --text-display:clamp(2.5rem,5.5vw,5rem);
  --text-h1:clamp(2.1rem,4.8vw,4rem);
  --text-h2:clamp(1.65rem,3.2vw,2.7rem);
  --text-h3:clamp(1.45rem,3vw,2.1rem);
  --text-lg:1.3rem;
  --text-sm:.9rem;
  --text-xs:.82rem;
  --font-heading:Oswald,"Arial Narrow",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-body:Figtree,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-editorial:Georgia,"Times New Roman",serif;
  --heading-weight:600;
  --heading-spacing:.01em;
  font-family:var(--font-body);
}

* { box-sizing:border-box; }
html { overflow-x:hidden; scroll-behavior:smooth; }
html:has([data-section-navigation]) { scroll-behavior:auto; }
body { margin:0; overflow-x:clip; background:var(--ink); color:var(--paper); font-size:var(--text-base); line-height:1.6; }
body::before { position:fixed; z-index:-1; inset:0; background:radial-gradient(circle at 88% 0,color-mix(in oklab, var(--accent-2) 16%, transparent),transparent 32rem),radial-gradient(circle at 4% 38rem,color-mix(in oklab, var(--accent) 8%, transparent),transparent 30rem); content:""; pointer-events:none; }
main { --main-pad-top:var(--space-xl); --main-gutter:var(--space-md); --main-gap:var(--space-xl); --card-pad:var(--block-pad); display:grid; grid-template-columns:[full-start] minmax(var(--main-gutter),1fr) [content-start] minmax(0,35rem) minmax(0,35rem) [content-end] minmax(var(--main-gutter),1fr) [full-end]; width:100%; padding-block:var(--main-pad-top) 4rem; gap:var(--main-gap); }
/* Block slots: rules whose subject is a block root query the slot it sits in (pc-slot); descendants query the block itself (unnamed). */
main,.pc-article,.pc-rail { container:pc-slot / inline-size; }
main > * { grid-column:content; min-width:0; }
:where(figure,h1,h2,h3,p,ul,ol) { margin:0; }
:where(ul,ol) { padding-inline-start:1.25rem; }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; text-underline-offset:.2em; }
a:hover { color:var(--accent); }
:where(a,button,summary):focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
[data-section-target] { scroll-margin-top:calc(var(--section-header-offset) + var(--space-md)); }
button { font:inherit; }
code { color:var(--accent); font:800 .76rem/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.pc { --pad-block:var(--block-pad); --pad-inline:var(--card-pad,var(--block-pad)); --bleed:max(0px,calc(var(--pad-inline) - var(--space-sm))); min-width:0; max-width:100%; padding:var(--pad-block) var(--pad-inline); border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg,color-mix(in oklab, var(--paper) 3%, transparent),transparent 45%),var(--surface); box-shadow:var(--shadow-card); color:var(--paper); overflow-wrap:anywhere; hyphens:auto; hyphenate-limit-chars:10 4 4; container-type:inline-size; }
.pc [data-ratio="portrait"] { --art-ratio:7/10; }
.pc [data-ratio="square"] { --art-ratio:1; }
.pc [data-ratio="landscape"] { --art-ratio:4/3; }
.pc [data-ratio="wide"] { --art-ratio:16/10; }
.pc > :where(header,footer),.pc-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--space-md); }
.pc > :where(header,footer) > :only-child { flex:1 1 auto; }
.pc :where(p,li) { color:var(--muted); }
/* Prose measure: ~65-75 characters whatever the card width; centred blocks re-centre the capped paragraph. */
.pc :where(p) { max-width:36em; }
:is(.pc-masthead,.pc-safer-intro,.pc-closing-backdrop,.pc.pc-hero-center) :where(p) { margin-inline:auto; }
.pc :where(p,ul,ol) + :where(p,ul,ol) { margin-top:var(--space-sm); }
.pc :where(small) { color:var(--accent); font-size:var(--text-xs); font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.pc > strong,.pc > header > strong,.pc > div > strong,.pc > div > div > strong { display:block; font-family:var(--font-heading); font-size:var(--text-h2); font-weight:var(--heading-weight); line-height:1.32; letter-spacing:var(--heading-spacing); text-wrap:balance; }
.pc > :where(div,header) > p { margin-block:var(--space-sm) 1.25rem; }
.pc-action,.pc .pc-action { display:inline-flex; min-height:var(--control-h); align-items:center; justify-content:center; padding:.65rem 1.1rem; border:1px solid transparent; border-radius:var(--radius-md); background:var(--accent); color:var(--ink); font-weight:850; line-height:1.35; text-decoration:none; text-wrap:balance; transition:background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out; }
.pc-action + .pc-action { margin-left:var(--space-xs); }
.pc-action:hover { border-color:color-mix(in oklab, var(--accent) 55%, var(--paper)); background-color:color-mix(in oklab, var(--accent) 78%, var(--paper)); box-shadow:var(--shadow-card); color:var(--ink); }
.pc-action:active { background-color:color-mix(in oklab, var(--accent) 88%, var(--ink)); box-shadow:none; }
@media (prefers-reduced-motion:reduce) { .pc-action,.pc .pc-action { transition:none; } }
.pc > :where(header,footer) a:not(.pc-action),.pc > a:not(.pc-action),.pc nav a:not(.pc-action) { font-weight:700; }
.pc :where(p,li) a:not(.pc-action) { display:inline; min-height:0; padding:0; border:0; font-size:inherit; line-height:inherit; vertical-align:baseline; }
.pc-cells { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-sm); margin:0; }
/* Five or six metrics balance as 3+3 instead of leaving a 4+2 orphan row; :where keeps the mobile 2-column rule in charge. */
.pc-cells:where(:has(> :nth-child(5))) { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pc-cells > div { display:flex; flex-direction:column-reverse; justify-content:center; gap:var(--space-xs); min-width:0; padding:var(--space-md) var(--space-sm); border:1px solid var(--line); border-radius:var(--radius-md); background:color-mix(in oklab, var(--paper) 7%, transparent); text-align:center; }
.pc-cells dd { margin:0; color:var(--paper); font-family:var(--font-heading); font-size:var(--text-h3); font-weight:850; line-height:1.2; font-variant-numeric:tabular-nums; text-wrap:balance; overflow-wrap:anywhere; }
.pc-cells dt { color:var(--muted); font-size:var(--text-sm); font-weight:600; line-height:1.35; letter-spacing:.01em; text-wrap:balance; overflow-wrap:anywhere; }
.pc-pills { display:flex; flex-wrap:wrap; gap:var(--space-sm); }
.pc-pills > span { display:grid; grid-template-columns:auto minmax(0,1fr); flex:1 1 12rem; max-width:100%; min-width:0; align-items:start; gap:var(--space-sm); padding:var(--space-sm); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); color:var(--muted); text-align:left; }
.pc-pills__text { display:grid; min-width:0; gap:0; }
.pc-pills small { color:var(--muted); font-size:var(--text-xs); font-weight:400; letter-spacing:normal; text-transform:none; }
.pc-pills b { color:var(--paper); font-size:var(--text-sm); }
.pc-pills > span > .pc-glyph { width:var(--control-h); height:var(--control-h); }
.pc-chip-row > .pc-pills { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-sm); }
.pc-chip-row > .pc-pills > span { align-items:center; border-color:transparent; }
.pc-chip-row > .pc-pills > span > .pc-glyph { width:calc(var(--control-h) * .75); height:calc(var(--control-h) * .75); }
.pc-chip-row > .pc-pills b { font-size:var(--text-lg); line-height:1.2; overflow-wrap:break-word; }
.pc-chip-row > .pc-pills small { font-size:var(--text-sm); }
@container (max-width:40rem) { .pc-chip-row > .pc-pills { grid-template-columns:repeat(2,minmax(0,1fr)); } .pc-chip-row > .pc-pills > span { grid-template-columns:minmax(0,1fr); align-items:start; } }
@container (max-width:15rem) { .pc-chip-row > .pc-pills { grid-template-columns:minmax(0,1fr); } }
.pc-glyph { display:inline-block; width:1em; height:1em; flex:none; vertical-align:-.125em; color:var(--accent); }
.pc-tabs > * { gap:var(--space-xs); }
:is(strong,b,small) > .pc-glyph { width:1.15em; height:1.15em; margin-right:.35em; }
.pc-cells dd > .pc-glyph { display:block; width:1.1em; height:1.1em; margin:0 auto var(--space-xs); }
/* Too narrow for two stat tiles: one full-width tile per row, icon and value on one line above the label, words kept whole. */
@container (max-width:22rem) { .pc-metrics > .pc-cells { grid-template-columns:minmax(0,1fr); } .pc-cells > div { padding:var(--space-sm) var(--space-md); text-align:left; } .pc-cells :is(dd,dt) { overflow-wrap:break-word; } .pc-cells dd > .pc-glyph { display:inline-block; margin:0 var(--space-xs) 0 0; vertical-align:-.15em; } }
/* Horizontal scrollers: persistent scrollbar for mouse-only users (webkit styling is what forces overlay
   scrollbars visible; `scrollbar-width`/`scrollbar-color` would disable it), plus a right-edge fade that
   exists only while there is more to scroll (scroll-driven timeline is inactive without overflow). */
@keyframes pc-scroll-fade { 0%,90% { mask-image:linear-gradient(to right,var(--ink) calc(100% - 3rem),transparent); } 100% { mask-image:none; } }
:is(.pc-tabs,.pc-operator-offers__scroll,.pc-testimonial-rail__items,.pc-player-rail__items,.pc-quick-topic-rail__list,.pc-comparison-table > div,.pc-game-comparison > div,.pc-promo-code-table > div,.pc-ranked-game-rail__list,.pc-live-table-rail__list,.pc-review-body > nav,.pc-sport-cards__list) { animation:pc-scroll-fade linear both; animation-timeline:scroll(self inline); }
:is(.pc-tabs,.pc-operator-offers__scroll,.pc-testimonial-rail__items,.pc-player-rail__items,.pc-quick-topic-rail__list,.pc-comparison-table > div,.pc-game-comparison > div,.pc-promo-code-table > div,.pc-ranked-game-rail__list,.pc-live-table-rail__list,.pc-review-body > nav,.pc-sport-cards__list)::-webkit-scrollbar { height:.4rem; }
:is(.pc-tabs,.pc-operator-offers__scroll,.pc-testimonial-rail__items,.pc-player-rail__items,.pc-quick-topic-rail__list,.pc-comparison-table > div,.pc-game-comparison > div,.pc-promo-code-table > div,.pc-ranked-game-rail__list,.pc-live-table-rail__list,.pc-review-body > nav,.pc-sport-cards__list)::-webkit-scrollbar-thumb { border-radius:var(--radius-pill); background:var(--muted); }
/* A scroller clips anything outside its padding box, so focus rings on its controls draw inside the control. */
:is(.pc-tabs,.pc-operator-offers__scroll,.pc-testimonial-rail__items,.pc-player-rail__items,.pc-quick-topic-rail__list,.pc-comparison-table > div,.pc-game-comparison > div,.pc-promo-code-table > div,.pc-ranked-game-rail__list,.pc-live-table-rail__list,.pc-review-body > nav,.pc-sport-cards__list) :focus-visible { outline-offset:-3px; }

.pc-sports-coverage { display:grid; gap:var(--space-lg); }
.pc-sports-coverage h2 { font-size:var(--text-h2); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.2; }
.pc-sports-coverage h3,.pc-sports-coverage caption { margin-bottom:var(--space-sm); font-size:var(--text-h3); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); text-align:start; }
.pc-sports-coverage ul { display:flex; flex-wrap:wrap; gap:var(--space-xs) var(--space-sm); margin:0; padding:0; list-style:none; }
.pc.pc-sports-coverage nav a { display:inline-flex; align-items:center; min-height:var(--control-h); padding:var(--space-xs) var(--space-sm); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); }
.pc-sports-coverage table { width:100%; table-layout:fixed; border-collapse:collapse; text-align:start; }
.pc-sports-coverage th,.pc-sports-coverage td { padding:var(--space-sm); border-bottom:1px solid var(--line); text-align:start; vertical-align:top; }
.pc-sports-coverage th:first-child { width:30%; }
.pc-sports-coverage td { color:var(--muted); }
.pc-sports-coverage__markets li { padding:var(--space-xs) var(--space-sm); border:1px solid var(--line); border-radius:var(--radius-md); }
@container (max-width:24rem) {
  .pc-sports-coverage th:first-child { width:45%; }
  .pc-sports-coverage th,.pc-sports-coverage td { padding-inline:var(--space-xs); }
}

:is(.pc-operator-offers,.pc-operator-scorecards) { display:grid; gap:var(--space-lg); }
:is(.pc-operator-offers,.pc-operator-scorecards) h2 { font-size:var(--text-h2); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.2; }
.pc-operator-offers > header { flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:var(--space-xs); }
.pc-operator-offers > header > small { letter-spacing:.02em; text-transform:none; }
.pc-operator-offers > header > h2 { text-wrap:balance; }
.pc-operator-offers__scroll { overflow-x:auto; }
.pc-operator-offers__scroll:focus-visible { outline:3px solid var(--accent); outline-offset:-3px; }
.pc-operator-offers table { width:100%; min-width:42rem; border-collapse:collapse; text-align:start; font-variant-numeric:tabular-nums; }
.pc-operator-offers th,.pc-operator-offers td { padding:var(--space-sm); border-bottom:1px solid var(--line); vertical-align:middle; text-align:start; overflow-wrap:break-word; }
.pc-operator-offers thead { background:var(--surface-raised); font-size:var(--text-sm); }
.pc-operator-offers tbody th { min-width:9rem; }
.pc-operator-offers tbody th a { display:inline-flex; align-items:center; min-height:var(--control-h); color:var(--paper); font-weight:800; text-decoration-color:color-mix(in oklab, var(--paper) 35%, transparent); text-decoration-thickness:1px; }
.pc-operator-offers tbody th a:hover { color:var(--accent); text-decoration-color:currentColor; text-decoration-thickness:2px; }
.pc-operator-offers td { color:var(--muted); }
.pc-operator-offers td:nth-child(2) { min-width:9rem; color:var(--paper); font-size:var(--text-lg); font-weight:800; line-height:1.35; text-wrap:balance; }
.pc-operator-offers td:nth-last-child(2) { min-width:5.5rem; font-size:var(--text-sm); }
.pc-operator-offers td:nth-last-child(2) > strong { color:var(--paper); font-size:var(--text-base); font-weight:800; }
.pc-operator-offers td:last-child { width:11rem; }
.pc-operator-offers td .pc-action { width:100%; text-align:center; text-wrap:balance; }
.pc-operator-offers td .pc-action:hover { box-shadow:var(--shadow-card); filter:none; }
.pc-operator-offers > p { max-width:60ch; font-size:var(--text-sm); }
@container (max-width:40rem) {
  .pc-operator-offers table { min-width:0; }
  .pc-operator-offers thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .pc-operator-offers :is(table,tbody) { display:block; }
  .pc-operator-offers tbody tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) fit-content(35%); grid-template-areas:"operator operator rating" "bonus bonus bonus" "spins benefit benefit" "action action action"; align-items:start; gap:var(--space-sm) var(--space-md); padding-block:var(--space-md); border-bottom:1px solid var(--line); }
  .pc-operator-offers tbody :is(th,td) { display:block; width:auto; min-width:0; padding:0; border:0; }
  .pc-operator-offers tbody th { grid-area:operator; align-self:center; }
  .pc-operator-offers tbody th a { display:flex; }
  .pc-operator-offers td[data-label]::before { content:attr(data-label); display:block; margin-block-end:calc(var(--space-xs) / 2); color:var(--muted); font-size:var(--text-xs); font-weight:600; letter-spacing:.02em; line-height:1.3; }
  .pc-operator-offers td:nth-child(2) { grid-area:bonus; }
  .pc-operator-offers td:nth-child(3) { grid-area:spins; }
  .pc-operator-offers td:nth-child(4) { grid-area:benefit; }
  .pc-operator-offers td:is(:nth-child(3),:nth-child(4)) { color:var(--paper); font-size:var(--text-sm); line-height:1.4; }
  .pc-operator-offers td:nth-last-child(2) { grid-area:rating; align-self:center; text-align:end; }
  .pc-operator-offers td:last-child { grid-area:action; width:auto; }
}
@container (max-width:24rem) {
  .pc-operator-offers tbody tr { grid-template-columns:minmax(0,1fr); grid-template-areas:"operator" "rating" "bonus" "spins" "benefit" "action"; }
  .pc-operator-offers td:nth-last-child(2) { display:flex; flex-wrap:wrap; align-items:baseline; gap:var(--space-xs); text-align:start; }
  .pc-operator-offers td:nth-last-child(2)::before { margin:0; }
}
@container (max-width:30rem) {
  .pc-operator-offers > header > h2 { font-size:var(--text-h3); }
}
.pc-operator-scorecards article { min-width:0; padding:var(--space-md); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); }
.pc-operator-scorecards article > header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-sm); }
.pc-operator-scorecards__identity { display:flex; flex:1 1 12rem; flex-wrap:wrap; align-items:center; min-width:0; gap:var(--space-sm); }
.pc-operator-scorecards__identity img { width:12rem; height:auto; aspect-ratio:3/1; object-fit:contain; }
.pc-operator-scorecards h3 { flex:1 1 8rem; min-width:0; font-size:var(--text-h3); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.3; }
.pc-operator-scorecards header p { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-end; gap:var(--space-xs); min-width:10rem; margin:0; color:var(--muted); font-size:var(--text-sm); }
.pc-operator-scorecards header b { min-width:6rem; color:var(--accent); font-size:var(--text-h3); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.1; text-align:end; font-variant-numeric:tabular-nums; }
.pc-operator-scorecards b[data-unrated] { color:var(--muted); font-weight:600; letter-spacing:normal; }
.pc-operator-scorecards header b[data-unrated] { font-size:var(--text-base); }
:is(.pc-operator-scorecards,.pc-operator-verdict) dl { display:grid; gap:var(--space-sm); margin:var(--space-md) 0; }
:is(.pc-operator-scorecards,.pc-operator-verdict) dl > div { display:grid; grid-template-columns:minmax(0,10rem) minmax(0,1fr); align-items:center; gap:var(--space-sm); }
:is(.pc-operator-scorecards,.pc-operator-verdict) dt { color:var(--muted); font-size:var(--text-sm); }
:is(.pc-operator-scorecards,.pc-operator-verdict) dd { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:var(--space-sm); margin:0; font-size:var(--text-sm); }
:is(.pc-operator-scorecards,.pc-operator-verdict) dd b { grid-column:2; }
:is(.pc-operator-scorecards,.pc-operator-verdict) i { height:.5rem; border-radius:var(--radius-pill); background:linear-gradient(90deg,var(--accent) var(--weight),var(--surface-soft) var(--weight)); }
.pc-operator-scorecards__detail { grid-column:1 / -1; color:var(--paper); }
.pc-operator-scorecards dl > div { align-items:start; }
.pc-operator-scorecards dd b { min-width:5rem; text-align:end; font-variant-numeric:tabular-nums; }
.pc-operator-scorecards i { align-self:center; background:linear-gradient(90deg,var(--accent) var(--weight),var(--line) var(--weight)); }
.pc-operator-scorecards article > .pc-action { width:auto; }
.pc-operator-scorecards article > .pc-action:hover { box-shadow:var(--shadow-card); transform:translateY(-1px); }
.pc-operator-scorecards article:has(header b[data-unrated]) > .pc-action { border-color:var(--accent); background:transparent; color:var(--paper); }
.pc-operator-scorecards article:has(header b[data-unrated]) > .pc-action:hover { background:color-mix(in oklab,var(--accent) 18%,transparent); color:var(--paper); filter:none; }
@container (max-width:26rem) {
  .pc-operator-scorecards dl { gap:var(--space-md); }
  .pc-operator-scorecards dl > div { grid-template-columns:minmax(0,1fr); gap:calc(var(--space-xs) / 2); }
  .pc-operator-scorecards dt { font-weight:600; }
  .pc-operator-scorecards article > header p { flex-basis:100%; justify-content:flex-start; min-width:0; }
  .pc-operator-scorecards article > header b { text-align:start; }
  .pc-operator-verdict dl > div { grid-template-columns:minmax(0,1fr); gap:var(--space-xs); }
}

.pc-operator-banner { padding:0; }
.pc-operator-banner > a { position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-lg); padding:var(--pad-block) var(--pad-inline); border-radius:inherit; color:var(--paper); text-decoration:none; transition:background-color .15s ease-out; }
.pc-operator-banner > a:is(:hover,:focus-visible) { background-color:color-mix(in oklab, var(--accent) 8%, transparent); color:var(--paper); }
.pc-operator-banner > a:is(:hover,:focus-visible) .pc-action { background-color:color-mix(in oklab, var(--accent) 82%, var(--paper)); box-shadow:var(--shadow-card); }
.pc-operator-banner > a > div { flex:1 1 18rem; min-width:0; }
.pc-operator-banner img,.pc-operator-offer-grid img { width:9.375rem; height:auto; aspect-ratio:3/1; object-fit:contain; }
.pc-operator-banner h2,.pc-operator-offer-grid h2 { font-size:var(--text-h2); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.2; }
.pc-operator-banner h2 { margin-block:var(--space-xs) 0; font-size:var(--text-h3); text-wrap:balance; }
.pc-operator-banner small { display:block; font-size:var(--text-sm); letter-spacing:.01em; text-transform:none; }
.pc-operator-banner__offer { display:block; margin-top:var(--space-xs); font-family:var(--font-heading); font-size:var(--text-h2); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.35; color:var(--paper); font-variant-numeric:tabular-nums; text-wrap:balance; }
.pc-operator-banner p.pc-operator-banner__rating { margin-top:var(--space-sm); font-size:var(--text-sm); }
.pc-operator-banner__rating b { color:var(--paper); font-variant-numeric:tabular-nums; }
.pc-operator-banner .pc-action { flex:0 1 auto; max-width:16rem; text-align:center; text-wrap:balance; }
.pc-operator-banner__hint { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.pc.pc-campaign-banner { padding:0; overflow:hidden; isolation:isolate; border-color:transparent; background:linear-gradient(188deg,transparent 64%,color-mix(in oklab, var(--ink) 90%, var(--accent)) 64.2%),linear-gradient(100deg,color-mix(in oklab, var(--ink) 86%, var(--accent-2)),color-mix(in oklab, var(--ink) 72%, var(--accent-2)) 52%,color-mix(in oklab, var(--ink) 56%, var(--accent-2))); }
.pc-campaign-banner > a { position:relative; z-index:1; display:grid; align-items:center; aspect-ratio:16/5; padding:var(--space-lg) var(--pad-inline); color:var(--paper); text-decoration:none; }
.pc-campaign-banner__copy { position:relative; z-index:2; max-width:min(52%,36rem); }
.pc-campaign-banner__copy > small { display:block; margin-bottom:var(--space-xs); color:color-mix(in oklab, var(--paper) 88%, var(--accent-2)); font-size:var(--text-sm); font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.pc-campaign-banner__copy > h2 { font-size:var(--text-h3); font-weight:900; letter-spacing:var(--heading-spacing); line-height:1.15; }
.pc-campaign-banner__copy > .pc-action { margin-top:var(--space-md); }
.pc-campaign-banner__copy > .pc-action + span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.pc-campaign-banner__art { position:absolute; inset:0 0 0 auto; width:58%; pointer-events:none; }
.pc-campaign-banner__art img { position:absolute; width:auto; max-width:none; object-fit:contain; }
.pc-campaign-banner__figure { z-index:1; top:-8%; right:4%; height:150%; filter:drop-shadow(var(--shadow-card)); object-position:right top; }
.pc-campaign-banner__object { z-index:2; right:31%; bottom:-4%; height:74%; max-width:40%; filter:drop-shadow(var(--shadow-deep)); object-position:center bottom; }
.pc-campaign-banner > a:is(:hover,:focus-visible) { background-color:color-mix(in oklab, var(--accent-2) 12%, transparent); color:var(--paper); }
.pc-campaign-banner > a:is(:hover,:focus-visible) .pc-action { background-color:color-mix(in oklab, var(--accent) 82%, var(--paper)); box-shadow:var(--shadow-card); }
.pc-campaign-banner > a:focus-visible { outline-offset:-3px; }
.pc-operator-offer-grid { display:grid; gap:var(--space-lg); }
.pc-operator-offer-grid__items { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-md); }
.pc-operator-offer-grid article { display:flex; flex-direction:column; min-width:0; gap:var(--space-sm); padding:var(--space-md); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); }
.pc-operator-offer-grid h3 { font-size:var(--text-base); font-weight:700; letter-spacing:normal; line-height:1.3; }
.pc-operator-offer-grid article > p { margin:0; }
.pc-operator-offer-grid > h2 + div { max-width:65ch; margin-top:calc(var(--space-sm) - var(--space-lg)); }
.pc-operator-offer-grid article > small { letter-spacing:.02em; text-transform:none; }
.pc-operator-offer-grid article > h3 + p { color:var(--paper); font-size:var(--text-h3); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.35; font-variant-numeric:lining-nums; text-wrap:balance; }
.pc-operator-offer-grid article:first-child { border-color:var(--accent); background:color-mix(in oklab, var(--accent) 8%, var(--surface-raised)); }
.pc-operator-offer-grid article > .pc-operator-offer-grid__rating { display:flex; justify-content:space-between; align-items:baseline; gap:var(--space-sm); margin-top:auto; padding-top:var(--space-sm); border-top:1px solid var(--line); color:var(--muted); font-size:var(--text-sm); }
.pc-operator-offer-grid__rating b { flex:none; min-width:3.5em; color:var(--paper); font-size:var(--text-base); text-align:end; white-space:nowrap; font-variant-numeric:tabular-nums; }
.pc-operator-offer-grid article > .pc-action { text-align:center; text-wrap:balance; transition:background-color .15s ease-out,box-shadow .15s ease-out; }
.pc-operator-offer-grid article > .pc-action:hover { box-shadow:var(--shadow-card); }
.pc-operator-action-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap:var(--space-sm); padding:0; border:0; border-radius:0; background:none; box-shadow:none; }
.pc-operator-action-row:has(> a:nth-child(4n):last-child) { grid-template-columns:repeat(auto-fit,minmax(min(100%,max(18rem,calc(50% - var(--space-sm)))),1fr)); }
.pc.pc-operator-action-row > a { display:grid; grid-template-columns:1.5rem minmax(0,1fr) auto; justify-content:stretch; align-items:center; gap:var(--space-xs) var(--space-sm); margin:0; border:1px solid var(--line); background:var(--surface); color:var(--paper); text-align:left; }
.pc.pc-operator-action-row > a:hover { border-color:var(--accent); background:color-mix(in oklab, var(--accent) 14%, var(--surface)); color:var(--paper); filter:none; }
.pc.pc-operator-action-row > a:first-child { border-color:var(--accent); background:var(--accent); color:var(--ink); }
.pc.pc-operator-action-row > a:first-child:hover { background:color-mix(in oklab, var(--accent) 82%, var(--paper)); color:var(--ink); }
.pc.pc-operator-action-row > a > span { line-height:1.35; }
.pc.pc-operator-action-row em { font-style:normal; font-weight:600; }
.pc.pc-operator-action-row i { white-space:nowrap; text-align:center; font-style:normal; font-size:var(--text-sm); font-variant-numeric:tabular-nums; color:var(--muted); }
.pc-operator-action-row b { justify-self:end; color:var(--accent); white-space:nowrap; font-variant-numeric:tabular-nums; }
.pc.pc-operator-action-row > a:first-child i,.pc.pc-operator-action-row > a:first-child b { color:var(--ink); }
.pc.pc-operator-action-row > a > small { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; text-transform:none; letter-spacing:normal; }
@container (max-width:24rem) {
  .pc.pc-operator-action-row > a { grid-template-columns:1.5rem minmax(0,1fr); padding-inline:var(--space-sm); }
  .pc-operator-action-row b { grid-column:2; justify-self:start; }
}
.pc-operator-verdict { display:grid; gap:var(--space-lg); }
.pc-operator-verdict > header { padding-bottom:var(--space-md); border-bottom:1px solid var(--line); }
.pc-operator-verdict__overall { display:grid; flex:1 1 100%; grid-template-columns:minmax(0,1fr) auto; align-items:end; min-width:0; gap:var(--space-xs) var(--space-md); }
.pc-operator-verdict__overall small { grid-column:1; letter-spacing:.02em; text-transform:none; }
.pc-operator-verdict__overall h2 { grid-column:1; font-size:var(--text-h2); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.2; overflow-wrap:anywhere; text-wrap:balance; }
.pc-operator-verdict__overall strong { grid-column:2; grid-row:1 / span 2; align-self:center; font-family:var(--font-heading); font-size:var(--text-h1); font-weight:var(--heading-weight); line-height:1; letter-spacing:var(--heading-spacing); color:var(--accent); white-space:nowrap; font-variant-numeric:tabular-nums; }
.pc-operator-verdict__copy { display:flex; flex-wrap:wrap; align-items:flex-start; min-width:0; gap:var(--space-lg) var(--space-xl); }
.pc-operator-verdict__copy > div { flex:1 1 18rem; min-width:0; max-width:36rem; }
.pc-operator-verdict__copy > div > p { max-width:65ch; }
.pc-operator-verdict__copy > div > .pc-action { margin-top:var(--space-md); }
.pc-operator-verdict__copy > dl { flex:1.2 1 22rem; min-width:0; margin:0; }
.pc-operator-verdict dd { grid-template-columns:minmax(0,1fr) 3.25em; }
.pc-operator-verdict dd b { color:var(--paper); text-align:end; font-variant-numeric:tabular-nums; }
.pc-operator-verdict i { background:linear-gradient(90deg,var(--accent) var(--weight),var(--line) var(--weight)); }
@container (max-width:66rem) {
  .pc-operator-offer-grid__items { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container (max-width:32rem) {
  .pc-operator-banner > a { flex-direction:column; align-items:stretch; }
  .pc-operator-banner > a > div { flex:auto; }
  .pc-operator-banner h2 { font-size:var(--text-lg); }
  .pc-operator-banner__offer { font-size:var(--text-h3); }
  .pc-operator-banner .pc-action { max-width:none; }
  .pc-campaign-banner > a { aspect-ratio:auto; row-gap:var(--space-md); padding:var(--space-md) var(--space-md) var(--space-lg); }
  .pc-campaign-banner__copy { max-width:none; }
  .pc-campaign-banner__art { position:relative; inset:auto; order:-1; width:auto; height:9rem; margin:calc(var(--space-md) * -1) calc(var(--space-md) * -1) 0; overflow:hidden; }
  .pc-campaign-banner__figure { right:10%; height:135%; top:4%; }
  .pc-campaign-banner__object { right:48%; bottom:0; height:78%; max-width:45%; }
  .pc-operator-offer-grid__items { grid-template-columns:minmax(0,1fr); }
  .pc-operator-verdict__overall h2 { grid-column:1 / -1; font-size:var(--text-lg); }
  .pc-operator-verdict__overall strong { grid-row:1; align-self:end; font-size:var(--text-h2); }
  .pc-operator-verdict__copy > div > .pc-action { display:flex; width:100%; }
}

:is(.pc-credential-history,.pc-testimonial-rail,.pc-resource-list,.pc-expert-directory,.pc-player-reviews,.pc-player-rail,.pc-player-list) { display:grid; gap:var(--space-lg); }
:is(.pc-credential-history,.pc-testimonial-rail,.pc-resource-list,.pc-expert-directory,.pc-player-reviews,.pc-player-rail,.pc-player-list) h2 { font-size:var(--text-h2); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.2; }
:is(.pc-credential-history,.pc-resource-list,.pc-expert-directory) h3 { font-size:var(--text-h3); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.3; }
.pc-credential-history { align-items:start; }
.pc-credential-history__highlights { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr)); align-content:start; gap:var(--space-md) var(--space-lg); margin:0; }
/* Highlights lead as a full-width band so the one-to-four groups share one row instead of orphaning a fourth. */
.pc-credential-history .pc-credential-history__highlights { flex:1 1 100%; padding-bottom:var(--space-sm); }
.pc-credential-history dt { display:flex; align-items:center; gap:var(--space-sm); font-size:var(--text-lg); font-weight:800; line-height:1.4; }
.pc-credential-history dd { margin:var(--space-xs) 0 0; color:var(--muted); }
.pc-credential-history__group { padding-top:var(--space-lg); border-top:1px solid var(--line); }
.pc-credential-history__group h3 { font-family:var(--font-body); font-size:var(--text-sm); font-weight:800; letter-spacing:.04em; line-height:1.4; color:var(--muted); text-wrap:balance; }
.pc-credential-history__group ul { display:grid; gap:var(--space-md); margin-top:var(--space-md); padding:0; list-style:none; }
/* Records read organisation, role, then period as muted tabular data (CV order), so a date never reads as the tail of the previous entry. */
.pc-credential-history__group li { display:grid; gap:var(--space-xs); }
.pc-credential-history__group li > p:last-child { color:var(--muted); font-size:var(--text-sm); font-variant-numeric:tabular-nums; }
.pc-credential-history > p { color:var(--muted); font-size:var(--text-sm); }
.pc-credential-history > h2 { text-wrap:balance; }
@container (max-width:30rem) { .pc-credential-history > h2 { font-size:var(--text-h3); } }
.pc-collection-cards { display:grid; gap:var(--space-lg); }
.pc-collection-cards h2 { font-size:var(--text-h2); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.2; }
.pc-collection-cards__counts { display:flex; flex-wrap:wrap; gap:var(--space-xs) var(--space-md); margin:0; padding:0; list-style:none; }
/* Counts are a statistic line, not chips: no border, so they do not read as inert jump links. */
.pc-collection-cards__counts li { color:var(--muted); font-size:var(--text-sm); }
.pc-collection-cards__counts b { color:var(--paper); margin-right:var(--space-xs); font-variant-numeric:lining-nums tabular-nums; }
.pc-collection-cards__group { display:grid; gap:var(--space-sm); }
.pc-collection-cards__group h3 { font-size:var(--text-h3); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.3; }
.pc-collection-cards__group h3 small { color:var(--muted); margin-left:var(--space-xs); font-variant-numeric:lining-nums tabular-nums; }
/* Fixed column track: single cards keep one width and large groups keep aligned rows instead of grow-to-fill banners and orphans. */
.pc-collection-cards__group > ul { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(17rem,100%),1fr)); margin-top:0; }
.pc-collection-cards article { display:grid; align-content:start; gap:var(--space-xs); height:100%; }
.pc-collection-cards article h4 { margin:0; color:var(--paper); font-size:1.05rem; line-height:1.3; }
.pc.pc-collection-cards article h4 a { display:inline-flex; align-items:center; min-height:var(--control-h); text-decoration-color:color-mix(in oklab, var(--paper) 35%, transparent); text-decoration-thickness:1px; line-height:1.3; }
.pc.pc-collection-cards article h4 a:hover { color:var(--accent); text-decoration-color:var(--accent); }
.pc-collection-cards__thumb { width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:var(--radius-md); }
.pc-collection-cards__avatar { width:4.5rem; aspect-ratio:1; object-fit:cover; border-radius:var(--radius-pill); }
.pc-collection-cards__rating { justify-self:start; padding:var(--space-xs) var(--space-sm); border-radius:var(--radius-pill); background:var(--surface); color:var(--paper); }
.pc-collection-cards__dek { color:var(--muted); }
.pc-collection-cards time { color:var(--muted); font-size:var(--text-sm); font-variant-numeric:lining-nums tabular-nums; }
.pc-collection-cards__actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-sm); margin-top:auto; }
.pc.pc-collection-cards .pc-collection-cards__actions a:not(.pc-action),.pc.pc-collection-cards .pc-collection-cards__peers a { display:inline-flex; align-items:center; min-height:var(--control-h); color:var(--paper); font-weight:700; text-decoration-color:var(--accent); text-decoration-thickness:1px; }
.pc.pc-collection-cards .pc-collection-cards__actions a:not(.pc-action):hover,.pc.pc-collection-cards .pc-collection-cards__peers a:hover { color:var(--accent); }
.pc-collection-cards__peers { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-xs) var(--space-md); }
.pc-testimonial-rail__items { display:flex; gap:var(--space-md); min-width:0; overflow-x:auto; padding:var(--space-xs); scroll-snap-type:x proximity; }
.pc-testimonial-rail__items:focus-visible { outline:3px solid var(--accent); outline-offset:-3px; }
.pc-testimonial-rail figure { display:flex; flex:1 0 min(18rem,85%); flex-direction:column; gap:var(--space-md); min-width:0; margin:0; padding:var(--space-lg); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); scroll-snap-align:start; }
.pc-testimonial-rail figcaption { display:flex; align-items:flex-start; gap:var(--space-sm); margin-top:auto; padding-top:var(--space-md); border-top:1px solid var(--line); }
.pc-testimonial-rail figcaption img { flex:none; width:3.5rem; height:auto; aspect-ratio:1; object-fit:cover; border-radius:var(--radius-pill); }
.pc-testimonial-rail figcaption > div { display:grid; flex:1 1 0; gap:var(--space-xs); min-width:0; overflow-wrap:break-word; }
.pc-testimonial-rail figcaption strong { font-size:var(--text-base); line-height:1.3; }
.pc-testimonial-rail figcaption p { margin:0; color:var(--muted); font-size:var(--text-sm); line-height:1.4; }
.pc-testimonial-rail .pc-testimonial-rail__focus { color:var(--paper); font-weight:700; }
.pc-testimonial-rail figcaption small { justify-self:start; max-width:100%; padding:0 var(--space-sm); border:1px solid var(--line); border-radius:var(--radius-pill); color:var(--paper); font-size:var(--text-xs); font-weight:700; line-height:1.8; }
.pc-testimonial-rail blockquote { margin:0; max-width:60ch; color:var(--paper); font-family:var(--font-editorial); font-size:var(--text-lg); line-height:1.5; }
.pc-testimonial-rail blockquote > :first-child { margin-top:0; }
.pc-testimonial-rail blockquote > :last-child { margin-bottom:0; }
@container (max-width:24rem) { .pc-testimonial-rail figcaption { flex-direction:column; gap:var(--space-sm); } .pc-testimonial-rail figcaption img { width:3rem; } .pc-testimonial-rail figcaption > div { flex:none; width:100%; } }
.pc-player-rating { margin:0; color:var(--muted); font-size:var(--text-sm); }
.pc-player-rating b { color:var(--paper); font-weight:800; font-variant-numeric:tabular-nums; white-space:nowrap; }
:is(.pc-player-reviews,.pc-player-spotlight,.pc-player-rail,.pc-player-list,.pc-player-scores) blockquote { margin:0; line-height:1.5; }
:is(.pc-player-reviews,.pc-player-spotlight,.pc-player-rail,.pc-player-scores) blockquote { font-family:var(--font-editorial); }
:is(.pc-player-reviews,.pc-player-spotlight,.pc-player-rail,.pc-player-list,.pc-player-scores) blockquote :where(p) { color:var(--paper); }
:is(.pc-player-reviews,.pc-player-rail) blockquote { font-size:var(--text-lg); }
:is(.pc-player-reviews,.pc-player-rail) figcaption img,.pc-player-scores img { width:3.5rem; height:auto; aspect-ratio:1; object-fit:cover; border-radius:var(--radius-pill); }
.pc-player-reviews__items { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr)); gap:var(--space-md); }
.pc-player-reviews figure,.pc-player-rail figure { display:grid; gap:var(--space-md); margin:0; padding:var(--space-lg); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); }
.pc-player-reviews figcaption,.pc-player-rail figcaption { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-sm); }
.pc-player-reviews figcaption > div,.pc-player-rail figcaption > div { flex:1 1 9rem; min-width:0; }
/* A fixed-width score slot keeps "4/5" and "4.5/5" ending on the same edge across sibling cards. */
:is(.pc-player-list,.pc-player-reviews,.pc-player-rail) .pc-player-rating b { display:inline-block; min-width:3.25em; }
.pc-player-reviews figure { align-content:start; }
.pc-player-spotlight figure { display:grid; grid-template-columns:5.5rem minmax(0,1fr); grid-template-areas:"portrait quote" "portrait caption"; align-items:start; gap:var(--space-sm) var(--space-lg); margin:0; }
.pc-player-spotlight img { grid-area:portrait; width:100%; aspect-ratio:1; object-fit:cover; border-radius:var(--radius-pill); }
.pc-player-spotlight blockquote { grid-area:quote; max-width:60ch; font-size:var(--text-h3); line-height:1.4; }
.pc-player-spotlight figcaption { grid-area:caption; display:flex; flex-wrap:wrap; align-items:baseline; gap:var(--space-xs) var(--space-sm); }
.pc-player-rail__items { display:flex; gap:var(--space-md); min-width:0; overflow-x:auto; padding:var(--space-xs); scroll-snap-type:x proximity; }
.pc-player-rail__items:focus-visible { outline:3px solid var(--accent); outline-offset:-3px; }
.pc-player-rail figure { flex:0 0 48%; align-content:start; scroll-snap-align:start; }
.pc-player-rail > div:not(.pc-player-rail__items) { max-width:65ch; }
.pc-player-list__items { display:grid; gap:var(--space-md); margin:0; padding:0; list-style:none; }
.pc-player-list li { display:grid; grid-template-columns:4.5rem minmax(0,1fr); align-items:start; gap:var(--space-md); padding:var(--space-lg); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); }
.pc-player-list li > div { display:grid; gap:var(--space-xs); min-width:0; }
.pc-player-list img { width:100%; aspect-ratio:1; object-fit:cover; border-radius:var(--radius-pill); }
.pc-player-list h3 { margin:0; color:var(--paper); font-size:var(--text-lg); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.3; }
.pc-player-list blockquote { margin-top:var(--space-xs); }
.pc-player-list .pc-player-rating,.pc-player-list blockquote { max-width:65ch; }
.pc-player-scores > header { align-items:flex-end; margin-bottom:var(--space-md); }
.pc-player-scores > header > .pc-player-rating { display:flex; align-items:baseline; gap:var(--space-xs); margin:0; }
.pc-player-scores > header > .pc-player-rating b { font-family:var(--font-heading); font-size:var(--text-h2); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1; }
.pc-player-scores__row { display:grid; grid-template-columns:minmax(7rem,.7fr) minmax(8rem,1.3fr) 4rem; gap:var(--space-md); align-items:center; padding:.85rem 0; border-top:1px solid var(--line); }
.pc-player-scores__row b { justify-self:end; font-variant-numeric:tabular-nums; white-space:nowrap; }
.pc-player-scores__row i { display:block; height:.5rem; border-radius:var(--radius-pill); background:linear-gradient(90deg,var(--accent) var(--weight),color-mix(in oklab,var(--paper) 14%,transparent) var(--weight)); }
.pc-player-scores__quotes { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr)); gap:var(--space-md); margin-top:var(--space-lg); }
.pc-player-scores figure { display:grid; grid-template-columns:3.5rem minmax(0,1fr); gap:var(--space-sm); margin:0; }
.pc-player-scores figcaption { margin-top:var(--space-xs); font-weight:800; }
.pc-player-scores footer { display:flex; margin-top:var(--space-md); color:var(--muted); }
/* Three sources sit 3-up when the column allows a readable card each, otherwise stack; never a 2+1 orphan row. */
.pc-resource-list > ul { display:grid; gap:var(--space-md); margin:0; padding:0; list-style:none; }
.pc-resource-list li { position:relative; display:grid; grid-template-columns:7rem minmax(0,1fr); align-items:start; gap:var(--space-lg); padding:var(--space-lg); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); transition:border-color .2s ease-out, background-color .2s ease-out; }
.pc-resource-list li:hover { border-color:var(--accent); background:color-mix(in oklab, var(--accent) 6%, var(--surface-raised)); }
.pc-resource-list img { width:100%; aspect-ratio:1; object-fit:contain; border-radius:var(--radius-sm); }
.pc-resource-list li > div { display:grid; gap:var(--space-xs); min-width:0; }
.pc-resource-list li > div > * { margin:0; }
.pc-resource-list h3 { font-size:var(--text-lg); line-height:1.35; }
/* The title is the card's link: underlined at rest, a 44px row, and its ::after stretches the hit area over the whole card. */
.pc.pc-resource-list h3 a { display:flex; min-height:var(--control-h); align-items:center; color:var(--paper); text-decoration:underline; text-decoration-color:var(--accent); text-decoration-thickness:1px; text-underline-offset:.25em; }
.pc-resource-list h3 a::after { content:""; position:absolute; inset:0; border-radius:var(--radius-md); }
.pc-resource-list li:hover h3 a { color:var(--accent); text-decoration-thickness:2px; }
.pc-resource-list h3 a:active { color:var(--accent-2); }
.pc-resource-list__source { color:var(--muted); font-size:var(--text-sm); font-weight:700; }
.pc-expert-directory > div:first-of-type > p { max-width:65ch; margin-block:0; }
.pc-expert-directory__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,max(11rem,calc((100% - 3 * var(--space-md)) / 4))),1fr)); align-items:stretch; gap:var(--space-md); }
/* Each expert is a bounded card; the profile link pins to the card foot so rows align under uneven copy. */
.pc-expert-directory article { display:grid; grid-template-rows:auto minmax(0,1fr); gap:var(--space-md); min-width:0; padding:var(--space-md); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); }
.pc-expert-directory__portrait { width:100%; aspect-ratio:1; object-fit:cover; border-radius:var(--radius-sm); }
.pc-expert-directory__body { display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-xs); min-width:0; }
.pc-expert-directory__body > * { max-width:100%; margin:0; overflow-wrap:anywhere; }
.pc-expert-directory h3 { font-size:var(--text-lg); line-height:1.25; text-wrap:balance; }
.pc-expert-directory__body > h3 + p { color:var(--paper); font-weight:700; }
.pc-expert-directory__fact { padding-left:var(--space-sm); border-left:2px solid var(--accent); font-size:var(--text-sm); font-weight:700; }
.pc-expert-directory__bio { margin-top:var(--space-xs); font-size:var(--text-base); }
.pc-expert-directory__bio > :first-child { margin-top:0; }
.pc-expert-directory__profile { display:inline-flex; min-height:var(--control-h); align-items:center; margin-top:auto; color:var(--paper); font-weight:800; text-decoration:underline; text-decoration-color:var(--accent); text-decoration-thickness:1px; text-underline-offset:.25em; }
.pc-expert-directory__profile:hover { color:var(--accent); text-decoration-thickness:2px; }
.pc-expert-directory__profile:active { color:var(--accent-2); }
@container (max-width:34rem) {
  .pc-testimonial-rail figure { flex-basis:min(88%,max(15rem,calc(50cqi + var(--space-xl) + var(--space-md)))); padding:var(--space-md); }
  .pc-testimonial-rail blockquote { font-size:var(--text-base); }
  .pc-resource-list li { grid-template-columns:minmax(0,1fr); padding:var(--space-md); gap:var(--space-sm); }
  .pc-resource-list img { width:6rem; }
  .pc-expert-directory__grid { grid-template-columns:minmax(0,1fr); }
  .pc-expert-directory article { grid-template-columns:6rem minmax(0,1fr); grid-template-rows:none; align-items:start; gap:var(--space-md); }
  .pc-expert-directory h3 { font-size:var(--text-base); }
  .pc-player-spotlight figure { grid-template-columns:3rem minmax(0,1fr); grid-template-areas:"quote quote" "portrait caption"; align-items:center; gap:var(--space-md) var(--space-sm); }
  .pc-player-spotlight blockquote { font-size:var(--text-lg); }
  .pc-player-list li { grid-template-columns:2.75rem minmax(0,1fr); grid-template-areas:"title title" "portrait meta" "quote quote"; align-items:center; gap:var(--space-xs) var(--space-sm); padding:var(--space-md); }
  .pc-player-list li > div { display:contents; }
  .pc-player-list img { grid-area:portrait; }
  .pc-player-list h3 { grid-area:title; font-size:var(--text-base); }
  .pc-player-list .pc-player-rating { grid-area:meta; display:flex; flex-wrap:wrap; align-items:baseline; column-gap:var(--space-xs); }
  .pc-player-list .pc-player-rating strong { flex-basis:100%; }
  .pc-player-list .pc-player-rating > span { display:none; }
  .pc-player-list .pc-player-rating b { min-width:2.75em; margin-inline-start:auto; text-align:end; }
  .pc-player-list blockquote { grid-area:quote; }
  .pc-player-rail figure { flex-basis:min(88%,max(11.25rem,calc(50cqi + var(--space-xl) + var(--space-md)))); padding:var(--space-md); }
  .pc-player-rail blockquote { font-size:var(--text-base); }
  .pc-player-scores__row { grid-template-columns:minmax(0,1fr) 4rem; gap:var(--space-xs) var(--space-sm); }
  .pc-player-scores__row i { grid-column:1 / -1; grid-row:2; }
}
@container (min-width:48rem) {
  .pc-player-rail figure { flex-basis:calc((100% - 2 * var(--space-md)) / 3); }
}
/* Narrow cards stack the portrait above full-width copy instead of leaving an empty portrait column beside a tall text column. */
@container (max-width:22rem) {
  .pc-expert-directory article { grid-template-columns:minmax(0,1fr); }
  .pc-expert-directory__portrait { width:3.5rem; }
}

.pc-drawer-header { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:var(--space-md); }
.pc-drawer-header__home,.pc-drawer-header__desktop-nav,.pc-drawer-header__desktop-actions { display:flex; min-width:0; align-items:center; gap:var(--space-md); }
.pc-drawer-header__home { font-weight:850; text-decoration:none; }
.pc-drawer-header__brand-mark { width:3.5rem; aspect-ratio:2/1; object-fit:contain; }
.pc-drawer-header__desktop-nav { justify-content:center; flex-wrap:wrap; }
.pc-drawer-header__desktop-actions { justify-content:flex-end; }
.pc-drawer-header__menu-button { display:none; }
.pc-drawer-header__menu-button,.pc-drawer-header__close { min-height:var(--control-h); padding:.6rem .85rem; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); color:var(--paper); cursor:pointer; }
.pc-drawer-header__drawer { position:fixed; inset:0 0 0 auto; width:min(24rem,calc(100vw - var(--space-xl))); max-width:none; height:100dvh; max-height:none; margin:0; padding:1.25rem; border:0; border-left:1px solid var(--line); background:var(--surface); color:var(--paper); overflow-y:auto; }
.pc-drawer-header__drawer::backdrop { background:color-mix(in oklab, var(--ink) 72%, transparent); }
.pc-drawer-header__close { display:block; margin-left:auto; }
.pc-drawer-header__drawer-nav,.pc-drawer-header__drawer-actions { display:grid; gap:var(--space-xs); margin-top:var(--space-lg); }
.pc-drawer-header__drawer-nav a,.pc-drawer-header__drawer-actions a { padding:.7rem; }
.pc-drawer-header__disclosure { margin-top:var(--space-lg); padding-top:var(--space-md); border-top:1px solid var(--line); }
.pc-quick-topic-rail { display:grid; gap:var(--space-sm); overflow:hidden; padding-block:var(--space-md); background:var(--surface); }
.pc.pc-quick-topic-rail > .pc-quick-topic-rail__label { font-size:var(--text-h3); line-height:1.1; letter-spacing:var(--heading-spacing); }
.pc-quick-topic-rail__list { display:flex; max-width:100%; gap:.65rem; margin:0; padding:.15rem .15rem .65rem; overflow-x:auto; list-style:none; overscroll-behavior-inline:contain; scroll-padding-inline:.15rem; scroll-snap-type:x proximity; }
.pc-quick-topic-rail__list li { flex:0 0 auto; scroll-snap-align:start; }
.pc.pc-quick-topic-rail .pc-quick-topic-rail__list a:not(.pc-action) { display:grid; min-width:10.5rem; min-height:3.5rem; grid-template-columns:2rem minmax(0,1fr); align-items:center; gap:.65rem; padding:.55rem .9rem .55rem .55rem; border:1px solid var(--line); border-radius:var(--radius-pill); background:color-mix(in oklab, var(--paper) 5%, var(--surface-soft)); color:var(--muted); line-height:1.2; text-decoration:none; white-space:nowrap; }
.pc-quick-topic-rail__list a span:first-child { display:grid; width:2rem; height:2rem; place-content:center; border-radius:50%; background:color-mix(in oklab, var(--accent) 12%, transparent); color:var(--accent); font-size:.72rem; font-weight:850; }
.pc.pc-quick-topic-rail .pc-quick-topic-rail__list a:not(.pc-action):hover { border-color:var(--accent); background-color:color-mix(in oklab, var(--accent) 10%, var(--surface-soft)); color:var(--paper); }
.pc.pc-quick-topic-rail .pc-quick-topic-rail__list a[aria-current="location"]:not(.pc-action) { border-color:var(--accent); background:color-mix(in oklab, var(--accent) 13%, var(--surface-raised)); box-shadow:0 0 0 1px var(--accent),var(--shadow-card); color:var(--paper); }
.pc-quick-topic-rail__list a[aria-current="location"] span:first-child { background:var(--accent); color:var(--ink); }

.pc.pc-news-ticker { --pc-news-fade:var(--space-xl); display:flex; flex-wrap:wrap; align-items:stretch; padding:0; overflow:hidden; }
.pc-news-ticker__label { display:flex; flex:none; align-items:center; gap:var(--space-xs); max-width:40%; padding:var(--space-xs) calc(var(--space-md) + var(--space-sm)) var(--space-xs) var(--space-md); background:var(--accent); color:var(--ink); font:var(--heading-weight) var(--text-xs)/1.2 var(--font-heading); letter-spacing:.08em; text-transform:uppercase; white-space:normal; overflow-wrap:normal; clip-path:polygon(0 0,100% 0,calc(100% - var(--space-sm)) 100%,0 100%); }
.pc-news-ticker__label span { min-width:0; text-wrap:balance; }
.pc-news-ticker__label i { flex:none; width:.5rem; height:.5rem; border-radius:var(--radius-pill); background:currentColor; }
@container (max-width:30rem) {
  .pc-news-ticker__label { flex:1 0 100%; max-width:none; padding:var(--space-xs) var(--space-md); letter-spacing:.04em; clip-path:none; }
}
.pc-news-ticker__viewport { flex:1 1 0; min-width:0; overflow:hidden; padding-inline-start:var(--pc-news-fade); mask-image:linear-gradient(to right,transparent,var(--ink) var(--pc-news-fade),var(--ink) calc(100% - var(--pc-news-fade)),transparent); }
.pc-news-ticker__track { display:flex; width:max-content; min-width:200%; animation:pc-news-ticker-scroll var(--pc-news-duration,60s) linear infinite; }
.pc-news-ticker .pc-news-ticker__list { display:flex; flex:1 0 auto; margin:0; padding:0; list-style:none; }
.pc-news-ticker__list li { display:flex; flex:1 0 auto; align-items:center; gap:var(--space-md); padding-inline:var(--space-md); color:var(--paper); font-size:var(--text-sm); white-space:nowrap; }
.pc-news-ticker__list li::after { flex:none; width:.35rem; height:.35rem; margin-inline:auto; border-radius:var(--radius-pill); background:color-mix(in oklab, var(--accent) 70%, transparent); content:""; }
.pc-news-ticker .pc-news-ticker__list a { display:inline-flex; align-items:center; gap:var(--space-xs); min-height:var(--control-h); color:var(--paper); font-weight:650; text-decoration:none; }
.pc-news-ticker .pc-news-ticker__list a:hover,.pc-news-ticker .pc-news-ticker__list a:focus-visible { color:var(--accent); }
.pc-news-ticker .pc-news-ticker__list a:focus-visible { outline-offset:-3px; }
.pc-news-ticker__list .pc-glyph { transition:transform .2s ease; }
.pc-news-ticker__list a:hover .pc-glyph,.pc-news-ticker__list a:focus-visible .pc-glyph { transform:translateX(.2em); }
.pc-news-ticker:hover .pc-news-ticker__track { animation-play-state:paused; }
.pc-news-ticker:focus-within .pc-news-ticker__viewport { overflow-x:auto; mask-image:none; scrollbar-width:none; }
.pc-news-ticker:focus-within .pc-news-ticker__track { animation:none; min-width:0; }
.pc-news-ticker:focus-within .pc-news-ticker__list,.pc-news-ticker:focus-within .pc-news-ticker__list li { flex:none; }
.pc-news-ticker:focus-within .pc-news-ticker__list[aria-hidden="true"] { display:none; }
@keyframes pc-news-ticker-scroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce),(hover:none) {
  .pc-news-ticker__viewport { overflow-x:auto; mask-image:none; animation:pc-scroll-fade linear both; animation-timeline:scroll(self inline); }
  .pc-news-ticker__viewport::-webkit-scrollbar { height:.4rem; }
  .pc-news-ticker__viewport::-webkit-scrollbar-thumb { border-radius:var(--radius-pill); background:var(--muted); }
  .pc-news-ticker__track { animation:none; min-width:0; }
  .pc-news-ticker .pc-news-ticker__list,.pc-news-ticker__list li { flex:none; }
  .pc-news-ticker__list li:last-child::after,.pc-news-ticker__list[aria-hidden="true"] { display:none; }
}

.pc-mobile-offer-bar { display:none; grid-template-columns:minmax(0,1fr) auto; gap:var(--space-sm); align-items:center; }
.pc-mobile-offer-bar > div > strong { font-size:var(--text-lg); line-height:1.35; }
.pc-mobile-offer-bar small { display:block; margin-top:.2rem; color:var(--muted); letter-spacing:0; text-transform:none; }
.block-preview__canvas .pc-mobile-offer-bar { position:static; display:grid; width:100%; max-width:none; }
.pc-partner-footer { display:grid; gap:var(--space-lg); }
.pc-partner-footer__intro { display:flex; flex-direction:column; gap:var(--space-sm); }
.pc-partner-footer .pc-partner-footer__intro > strong { font-size:var(--text-h3); }
.pc-partner-footer__intro > p { margin-block:0; }
.pc-partner-footer__marks { display:grid; gap:var(--space-sm); }
.pc-partner-footer__marks > small { color:var(--paper); font-size:var(--text-sm); font-weight:700; letter-spacing:0; text-transform:none; }
.pc-partner-footer__providers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-sm); }
.pc-partner-footer__providers img { width:100%; height:auto; aspect-ratio:5/2; border-radius:var(--radius-sm); object-fit:contain; }

.pc-legal { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-sm) var(--space-md); padding-block:var(--space-md); background:var(--surface); box-shadow:none; }
.pc-legal b { flex:0 1 auto; max-width:16rem; padding:.35rem .65rem; border-radius:var(--radius-sm); background:var(--danger); color:var(--ink); line-height:1.25; }
.pc-legal span { flex:0 1 auto; max-width:65ch; color:var(--muted); }
.pc-legal > a { display:inline-flex; align-items:center; min-height:var(--control-h); }
.pc-primary-cta { display:grid; min-height:13rem; place-content:center; justify-items:center; background:linear-gradient(135deg,color-mix(in oklab, var(--accent) 14%, var(--surface)),color-mix(in oklab, var(--accent-2) 10%, var(--surface))); text-align:center; }
.pc-primary-cta > p { max-width:none; margin:0 0 var(--space-xs); color:var(--accent); font-family:var(--font-heading); font-size:var(--text-lg); font-weight:850; font-variant-numeric:tabular-nums; }
.pc-primary-cta > strong { margin:0 0 var(--space-lg); }
.pc-primary-cta > .pc-action { max-width:100%; min-width:min(100%,14rem); min-height:calc(var(--control-h) * 1.3); padding:.9rem 1.8rem; font-size:var(--text-lg); text-wrap:balance; }
.pc-primary-cta > .pc-action:hover { background-color:color-mix(in oklab, var(--accent) 82%, var(--paper)); box-shadow:var(--shadow-card); }
.pc-primary-cta > .pc-action:active { background-color:color-mix(in oklab, var(--accent) 88%, var(--ink)); box-shadow:none; }
.pc-faq { padding-block:var(--space-xs); }
.pc-faq details { border-bottom:1px solid var(--line); }
.pc-faq details:last-child { border-bottom:0; }
.pc-faq > h2 { margin-block:var(--space-xs) var(--space-sm); font-size:var(--text-h3); line-height:1.2; }
/* Leading toggle glyph stays beside the question at any width; alt text "" keeps it out of the accessible name. */
.pc-faq summary { display:flex; min-height:3.5rem; align-items:baseline; gap:var(--space-sm); padding:1rem .5rem; border-radius:var(--radius-md); cursor:pointer; font-weight:800; list-style:none; }
.pc-faq summary:hover { background-color:color-mix(in oklab, var(--accent) 9%, transparent); }
.pc-faq summary::-webkit-details-marker { display:none; }
.pc-faq summary::before { flex:none; inline-size:1.25rem; color:var(--accent); content:"+" / ""; font-size:1.35rem; line-height:1; text-align:center; }
.pc-faq details[open] > summary::before { content:"−" / ""; }
.pc-faq details > div { padding:0 .5rem 1.1rem calc(1.75rem + var(--space-sm)); }
.pc-faq details a { color:var(--accent); }

.pc-offer-hero,.pc-review-hero,.pc-game-hero,.pc-method-hero { --pad-block:clamp(2rem,5cqi,4.5rem); display:grid; grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr); gap:clamp(1.5rem,5cqi,4rem); align-items:center; min-height:25rem; padding:var(--pad-block) var(--pad-inline); background:linear-gradient(130deg,color-mix(in oklab, var(--accent-2) 32%, var(--surface)),color-mix(in oklab, var(--accent-2) 10%, var(--surface))); }
.pc-offer-hero > div > small,.pc-game-hero > div > small,.pc-method-hero > div > small { display:block; margin-bottom:var(--space-xs); }
.pc-offer-hero h1 + .pc-action,.pc-backdrop-hero__copy h1 + .pc-action { margin-top:var(--space-md); }
.pc-offer-hero > div > :where(h1,strong),.pc-review-hero > div > :where(h1,strong),.pc-game-hero > div > :where(h1,strong),.pc-method-hero > div > :where(h1,strong),.pc-countdown-hero > div > :where(h1,strong),.pc-bonus-listing > div > :where(h1,strong),.pc-comparison-hero > :where(h1,strong),.pc-payment-finder > div > :where(h1,strong),.pc-author-hero > div > :where(h1,strong) { font-size:var(--text-display); }
.pc-review-hero > div > a:not(.pc-action) { display:inline-block; margin:var(--space-sm) 0 0 var(--space-md); color:var(--muted); }
.pc-method-hero aside { display:grid; gap:var(--space-xs); min-height:15rem; place-content:center; padding:var(--space-lg); border:1px solid var(--line); border-radius:var(--radius); background:var(--surface-raised); color:var(--paper); font-size:clamp(1.3rem,3cqi,2rem); font-weight:850; text-align:center; }
.pc-review-hero { background:linear-gradient(120deg,color-mix(in oklab, var(--accent) 10%, var(--surface)),color-mix(in oklab, var(--accent) 30%, var(--surface))); }
.pc-game-hero { background:linear-gradient(130deg,color-mix(in oklab, var(--accent-2) 20%, var(--surface)),color-mix(in oklab, var(--accent-2) 6%, var(--surface))); }
.pc-offer-hero figure { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); box-shadow:var(--shadow-deep); }
.pc-offer-hero figure img { width:100%; aspect-ratio:var(--art-ratio,3/2); object-fit:cover; }
.pc-review-hero figure,.pc-game-hero figure { margin:0; }
.pc-review-hero figure img,.pc-game-hero figure img { width:100%; aspect-ratio:var(--art-ratio,3/2); border-radius:var(--radius-md); object-fit:cover; }
.pc-review-hero figcaption,.pc-game-hero figcaption { max-width:65ch; padding:var(--space-sm) 0 0; color:var(--paper); font-size:var(--text-sm); }
.pc-game-hero > div > small { letter-spacing:normal; text-transform:none; }
.pc-review-hero > div > h1,.pc-game-hero > div > h1 { font-size:max(var(--text-h2),min(var(--text-display),calc(var(--text-display) * 24 / max(24,var(--title-len,0))))); text-wrap:balance; }
:is(.pc-review-hero,.pc-game-hero) > div > .pc-verdict-lede { max-width:36rem; margin-top:var(--space-sm); color:var(--paper); font-size:var(--text-lg); line-height:1.45; }
.pc.pc-hero-contrast > div > .pc-verdict-score > :is(small,b) { color:var(--ink); }
.pc-review-hero .pc-pills,.pc-game-hero .pc-pills { margin-block:var(--space-sm) var(--space-md); }
.pc-game-hero-release { display:flex; flex-wrap:wrap; gap:var(--space-xs) var(--space-sm); font-size:var(--text-sm); }
.pc-game-hero-release > b { color:var(--accent); }
.pc-method-hero { background:linear-gradient(125deg,color-mix(in oklab, var(--accent) 20%, var(--surface)),color-mix(in oklab, var(--accent-2) 25%, var(--surface))); }
.pc-method-hero { grid-template-columns:minmax(0,1.35fr) minmax(15rem,.65fr); }
.pc-method-hero aside b { color:color-mix(in oklab, var(--accent) 45%, var(--paper)); font-size:clamp(3rem,6cqi,4.75rem); line-height:1; font-variant-numeric:tabular-nums; }
.pc-method-hero aside b small { margin-left:.1em; color:var(--muted); font-size:.4em; font-weight:700; letter-spacing:0; text-transform:none; }
.pc-method-hero aside span { display:block; color:color-mix(in oklab, var(--muted) 60%, var(--paper)); font-size:var(--text-sm); font-weight:600; }
.pc-method-hero > div > small { color:color-mix(in oklab, var(--accent) 55%, var(--paper)); letter-spacing:.02em; text-transform:none; }
.pc-method-hero > div > h1 { font-size:max(var(--text-h2),min(var(--text-display),calc(var(--text-display) * 22 / max(22,var(--title-len,0))))); text-wrap:balance; }
.pc-method-hero > div > p { max-width:65ch; color:color-mix(in oklab, var(--muted) 55%, var(--paper)); }
.pc-backdrop-hero { --pad-block:clamp(2.5rem,6cqi,5.5rem); position:relative; display:grid; align-items:end; min-height:clamp(24rem,55vh,34rem); padding:var(--pad-block) var(--pad-inline); overflow:hidden; isolation:isolate; background:var(--surface); }
.pc-backdrop-hero > .pc-backdrop-hero__image { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; object-position:70% 50%; }
.pc-backdrop-hero::before { position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,color-mix(in oklab, var(--ink) 92%, transparent),color-mix(in oklab, var(--ink) 80%, transparent) 42%,color-mix(in oklab, var(--ink) 18%, transparent) 78%,transparent),linear-gradient(180deg,transparent 35%,color-mix(in oklab, var(--ink) 55%, transparent)); content:""; pointer-events:none; }
.pc-backdrop-hero.pc-hero-center::before { background:color-mix(in oklab, var(--ink) 78%, transparent); }
.pc-backdrop-hero__copy { position:relative; z-index:2; max-width:40rem; }
.pc-backdrop-hero__copy > small { display:block; margin-bottom:var(--space-xs); color:var(--paper); letter-spacing:normal; text-transform:none; }
.pc-backdrop-hero__copy > :where(h1,strong) { font-size:var(--text-display); }
.pc-backdrop-hero__copy > h1 { max-width:none; font-size:max(var(--text-h2),min(var(--text-display),calc(var(--text-display) * 24 / max(24,var(--title-len,0))))); text-wrap:balance; }
.pc-backdrop-hero__copy > .pc-verdict-lede { max-width:36rem; margin-top:var(--space-sm); color:var(--paper); font-size:var(--text-lg); line-height:1.45; }
.pc-backdrop-hero--offer .pc-backdrop-hero__copy > small { margin-bottom:var(--space-sm); color:var(--paper); font-family:var(--font-heading); font-size:var(--text-h3); font-weight:var(--heading-weight); line-height:1.35; font-variant-numeric:tabular-nums; }
.pc-backdrop-hero .pc-pills { margin-block:var(--space-sm) var(--space-md); }
:is(.pc-backdrop-hero__copy,.pc-game-hero > div,.pc-review-hero > div) > .pc-pills > span { flex:0 1 auto; align-items:center; }
:is(.pc-backdrop-hero__copy,.pc-game-hero > div,.pc-review-hero > div) > .pc-pills > span > .pc-glyph { width:calc(var(--control-h) * .75); height:calc(var(--control-h) * .75); }
:is(.pc-backdrop-hero__copy,.pc-game-hero > div,.pc-review-hero > div) > .pc-verdict-score { display:flex; flex-wrap:wrap; align-items:baseline; gap:var(--space-xs) var(--space-sm); margin:var(--space-sm) 0 0; }
:is(.pc-backdrop-hero__copy,.pc-game-hero > div,.pc-review-hero > div) > .pc-verdict-score > small { color:var(--paper); font-size:var(--text-sm); font-weight:700; letter-spacing:normal; text-transform:none; }
:is(.pc-backdrop-hero__copy,.pc-game-hero > div,.pc-review-hero > div) > .pc-verdict-score > b { color:var(--paper); font-family:var(--font-heading); font-size:var(--text-h3); font-weight:var(--heading-weight); line-height:1; font-variant-numeric:tabular-nums; }
/* Split-hero fact tiles share each row instead of stranding one long tile per line. */
:is(.pc-game-hero,.pc-review-hero) > div > .pc-pills > span { flex:1 1 12rem; }
/* Stacked split heroes lead with their art so the call to action closes the block. */
@container (max-width:48rem) {
  :is(.pc-game-hero,.pc-review-hero) > figure { order:-1; }
  .pc-review-hero figcaption { display:none; }
  :is(.pc-game-hero,.pc-review-hero) > div > h1 { font-size:max(var(--text-lg),min(var(--text-display),calc(var(--text-display) * 24 / max(24,var(--title-len,0))),calc(440cqi / max(1,var(--title-len,1))))); }
  .pc-review-hero figure img { aspect-ratio:3/1; }
}
/* A narrow column would crop the wide backdrop to a sliver behind tall copy, so the art becomes a banner above the copy, painted over the tint; the copy's actions move above its fact pills so the call to action stays in the first phone screen. */
@container (max-width:40rem) {
  .pc-backdrop-hero > .pc-backdrop-hero__image { position:relative; inset:auto; z-index:2; height:auto; aspect-ratio:3/1; margin-bottom:var(--space-md); border-radius:var(--radius-md); }
  .pc-backdrop-hero--offer .pc-backdrop-hero__copy > small { font-size:var(--text-lg); }
  :is(.pc-backdrop-hero__copy,.pc-review-hero > div,.pc-game-hero > div) { display:flex; flex-direction:column; }
  :is(.pc-backdrop-hero__copy,.pc-review-hero > div,.pc-game-hero > div) > .pc-pills { order:1; }
}
.pc-offer-carousel { --pad-block:0; --carousel-inset:max(calc(var(--pad-inline) + var(--space-md)),calc(var(--control-h) + var(--space-md) * 2)); position:relative; isolation:isolate; overflow:hidden; padding:0; min-height:21.25rem; background:var(--surface); }
.pc-offer-carousel::before { position:absolute; z-index:0; inset:0; background:linear-gradient(100deg,var(--surface) 30%,color-mix(in oklab, var(--accent-2) 16%, var(--surface)) 62%,color-mix(in oklab, var(--accent-2) 30%, var(--surface-raised))); content:""; pointer-events:none; }
.pc-offer-carousel::after { position:absolute; z-index:0; inset:0; background:linear-gradient(90deg,color-mix(in oklab, var(--ink) 55%, transparent),color-mix(in oklab, var(--ink) 15%, transparent) 40%,transparent 60%),linear-gradient(0deg,color-mix(in oklab, var(--ink) 45%, transparent),transparent 35%); content:""; pointer-events:none; }
.pc-offer-carousel-panels { position:relative; z-index:1; display:grid; min-height:inherit; }
.pc-offer-carousel-panel { position:relative; display:grid; grid-area:1/1; align-content:center; opacity:0; visibility:hidden; transition:opacity .7s ease,visibility 0s .7s; }
.pc-offer-carousel-panel[data-active] { opacity:1; visibility:visible; transition-delay:0s; }
.pc-offer-carousel-copy { position:relative; z-index:2; max-width:min(46%,32rem); padding:var(--space-xl) 0 calc(var(--control-h) + var(--space-md) + var(--space-xs)) var(--carousel-inset); opacity:0; transform:translateY(.75rem); transition:transform .7s ease .15s,opacity .7s ease .15s; }
.pc-offer-carousel-panel[data-active] .pc-offer-carousel-copy { opacity:1; transform:none; }
.pc-offer-carousel-copy > small { display:block; margin-bottom:var(--space-xs); color:var(--accent); font-size:var(--text-sm); font-weight:850; letter-spacing:.02em; }
.pc-offer-carousel-copy > h2 { margin-bottom:var(--space-lg); font-family:var(--font-heading); font-size:clamp(1.6rem,2.8cqi,2.6rem); font-weight:900; letter-spacing:var(--heading-spacing); line-height:1.06; text-wrap:balance; }
.pc-offer-carousel-art { position:absolute; inset:0 0 0 auto; width:62%; pointer-events:none; }
.pc-offer-carousel-art img { position:absolute; width:auto; object-fit:contain; transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .6s ease; }
.pc-offer-carousel-figure { z-index:1; top:-3%; right:11%; height:136%; max-width:none; filter:drop-shadow(-1rem 1rem 2rem color-mix(in oklab, var(--ink) 55%, transparent)) contrast(1.04) saturate(1.05); object-position:right top; transform:translateX(6%) scale(.97); }
.pc-offer-carousel-object { right:44%; bottom:5%; height:74%; max-width:46%; filter:drop-shadow(0 1.25rem 1.75rem color-mix(in oklab, var(--ink) 60%, transparent)); object-position:center bottom; transform:translate(-6%,4%) scale(.92); transition-delay:.1s; }
.pc-offer-carousel-panel[data-active] .pc-offer-carousel-art img { opacity:1; transform:none; }
.pc-offer-carousel-nav { position:absolute; z-index:3; top:50%; display:grid; width:var(--control-h); height:var(--control-h); place-content:center; border:1px solid color-mix(in oklab, var(--paper) 35%, transparent); border-radius:var(--radius-md); background:color-mix(in oklab, var(--ink) 35%, transparent); color:var(--paper); cursor:pointer; transform:translateY(-50%); backdrop-filter:blur(6px); }
.pc-offer-carousel-nav:hover,.pc-offer-carousel-nav:focus-visible { border-color:var(--accent); color:var(--accent); }
.pc-offer-carousel-prev { left:var(--space-md); }
.pc-offer-carousel-next { right:var(--space-md); }
.pc-offer-carousel-dots { position:absolute; z-index:3; bottom:var(--space-xs); left:calc(var(--carousel-inset) - var(--space-sm)); display:flex; gap:.15rem; padding:0; list-style:none; }
.pc-offer-carousel-dots button { display:grid; width:var(--control-h); height:var(--control-h); padding:0; border:0; border-radius:var(--radius-md); background:transparent; cursor:pointer; place-content:center; transition:background-color .2s ease; }
.pc-offer-carousel-dots button:hover { background:color-mix(in oklab, var(--paper) 12%, transparent); }
.pc-offer-carousel-dots button::before { width:1.25rem; height:.3rem; border-radius:1px; background:color-mix(in oklab, var(--paper) 55%, transparent); content:""; transition:background .3s ease; }
.pc-offer-carousel-dots button[aria-current="true"]::before { background:var(--accent); }
.pc-offer-carousel-dots button:hover::before { background:var(--paper); }
.pc-offer-carousel-play { position:absolute; z-index:3; right:var(--space-md); bottom:var(--space-sm); display:inline-flex; min-height:var(--control-h); align-items:center; padding-inline:var(--space-md); border:1px solid color-mix(in oklab, var(--paper) 25%, transparent); border-radius:var(--radius-md); background:color-mix(in oklab, var(--ink) 35%, transparent); color:color-mix(in oklab, var(--paper) 80%, transparent); font-size:var(--text-sm); font-weight:700; cursor:pointer; backdrop-filter:blur(6px); }
.pc-offer-carousel-play:hover,.pc-offer-carousel-play:focus-visible { border-color:var(--accent); color:var(--accent); }
.pc-offer-carousel :focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.pc-login-hero { --pad-block:clamp(3rem,7cqi,6rem); position:relative; z-index:0; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(19rem,.8fr); gap:clamp(2rem,6cqi,5rem); align-items:center; min-height:clamp(30rem,70vh,42rem); padding:var(--pad-block) var(--pad-inline); overflow:hidden; isolation:isolate; border:0; background:var(--ink); box-shadow:none; }
.pc-login-hero > .pc-login-hero__backdrop { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; object-position:60% 40%; filter:saturate(1.15); }
.pc-login-hero::before { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,color-mix(in oklab, var(--ink) 92%, transparent) 0%,color-mix(in oklab, var(--ink) 72%, transparent) 45%,color-mix(in oklab, var(--ink) 40%, transparent) 100%),linear-gradient(0deg,color-mix(in oklab, var(--ink) 80%, transparent),transparent 40%); content:""; pointer-events:none; }
.pc-login-hero::after { position:absolute; inset:auto 0 0; z-index:-1; height:1px; background:linear-gradient(90deg,transparent,color-mix(in oklab, var(--accent) 60%, transparent),transparent); content:""; }
.pc-login-hero__copy { position:relative; max-width:38rem; }
.pc-login-hero__eyebrow { display:inline-flex; align-items:center; gap:.55em; margin-bottom:var(--space-md); padding:.4rem .9rem .4rem .65rem; border:1px solid color-mix(in oklab, var(--accent) 35%, transparent); border-radius:var(--radius-pill); background:color-mix(in oklab, var(--accent) 12%, transparent); color:var(--accent); backdrop-filter:blur(8px); }
.pc-login-hero__eyebrow i { width:.55em; height:.55em; border-radius:var(--radius-pill); background:var(--accent); box-shadow:0 0 0 .3em color-mix(in oklab, var(--accent) 30%, transparent); animation:pc-login-hero-pulse 2.2s ease-in-out infinite; }
@keyframes pc-login-hero-pulse { 50% { box-shadow:0 0 0 .55em color-mix(in oklab, var(--accent) 0%, transparent); } }
.pc-login-hero__copy > h1 { max-width:none; font-size:max(var(--text-h2),min(var(--text-display),calc(var(--text-display) * 20 / max(20,var(--title-len,0))))); line-height:1.02; text-shadow:0 .25rem 2rem color-mix(in oklab, var(--ink) 70%, transparent); text-wrap:balance; }
.pc-login-hero__copy > h1 em { color:var(--accent); font-style:normal; }
.pc-login-hero__copy > p { max-width:32rem; margin-top:var(--space-md); color:color-mix(in oklab, var(--paper) 80%, var(--muted)); font-size:var(--text-lg); line-height:1.55; }
.pc-login-hero__offer { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; max-width:30rem; margin:var(--space-lg) 0 0; padding:0; border:1px solid color-mix(in oklab, var(--paper) 16%, transparent); border-radius:var(--radius-md); background:color-mix(in oklab, var(--ink) 78%, transparent); list-style:none; }
.pc-login-hero__offer li { display:grid; align-content:start; gap:.15rem; min-width:0; padding:.85rem var(--space-md); color:color-mix(in oklab, var(--paper) 78%, var(--muted)); font-size:var(--text-sm); }
.pc-login-hero__offer li + li { border-left:1px solid color-mix(in oklab, var(--paper) 14%, transparent); }
.pc-login-hero__offer b { overflow-wrap:anywhere; color:var(--paper); font-family:var(--font-heading); font-variant-numeric:tabular-nums; font-size:var(--text-h3); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.1; }
.pc-login-hero__facts { display:flex; flex-wrap:wrap; gap:var(--space-xs) var(--space-lg); margin:var(--space-lg) 0 0; padding:0; list-style:none; }
.pc-login-hero__facts li { display:inline-flex; align-items:center; gap:.45em; color:color-mix(in oklab, var(--paper) 85%, var(--muted)); font-size:var(--text-sm); font-weight:600; }
.pc-login-hero__facts li > .pc-glyph { box-sizing:content-box; width:1.15em; height:1.15em; padding:.15em; border-radius:var(--radius-pill); background:color-mix(in oklab, var(--accent) 22%, transparent); color:var(--accent); }
.pc-login-hero__panel { position:relative; display:grid; gap:var(--space-sm); padding:clamp(1.5rem,3cqi,2.25rem); border:0; border-radius:var(--radius); background:var(--surface); box-shadow:var(--shadow-deep); }
.pc-login-hero__cutout { position:absolute; top:-4.75rem; right:-4.5rem; z-index:1; width:clamp(9rem,13cqi,12rem); height:auto; transform:rotate(10deg); filter:drop-shadow(0 1.5rem 2rem color-mix(in oklab, var(--ink) 75%, transparent)); pointer-events:none; }
.pc-login-hero__mark { display:grid; width:3.25rem; height:3.25rem; place-content:center; border-radius:var(--radius-md); background:var(--accent); color:var(--ink); font-family:var(--font-heading); font-size:var(--text-lg); font-weight:var(--heading-weight); }
.pc-login-hero__panel > strong { margin-top:var(--space-xs); font-size:var(--text-h3); }
.pc-login-hero__panel > .pc-login-hero__lead { margin:-.35rem 0 var(--space-xs); font-size:var(--text-sm); }
.pc-login-hero__panel label { display:grid; gap:.4rem; color:color-mix(in oklab, var(--paper) 78%, var(--muted)); font-size:var(--text-sm); font-weight:600; }
.pc-login-hero__row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0 var(--space-md); font-size:var(--text-sm); }
.pc-login-hero__panel label.pc-login-hero__check { display:inline-flex; min-height:var(--control-h); align-items:center; gap:.5em; font-weight:500; cursor:pointer; }
.pc-login-hero__check input { flex:none; width:var(--control-h); height:var(--control-h); margin:calc((1.25rem - var(--control-h)) / 2); border-radius:var(--radius-sm); outline:2px solid var(--muted); outline-offset:calc((1.25rem - var(--control-h)) / 2); background:transparent; cursor:pointer; appearance:none; }
.pc-login-hero__check input:checked { outline-color:var(--accent); background:var(--accent); box-shadow:inset 0 0 0 calc((var(--control-h) - .75rem) / 2) var(--surface); }
.pc-login-hero__check input:focus-visible { outline-width:3px; outline-color:var(--accent); }
.pc-login-hero__row > a { display:inline-flex; min-height:var(--control-h); align-items:center; color:var(--accent); font-weight:700; text-decoration:none; }
.pc-login-hero__row > a:hover { text-decoration:underline; }
.pc-login-hero__panel > .pc-action { flex-wrap:wrap; width:100%; gap:.5em; font-size:var(--text-lg); transition:transform .15s ease,background-color .15s ease,filter .15s ease; }
.pc-login-hero__panel > .pc-action b { padding:.15rem .55rem; border-radius:var(--radius-pill); background:color-mix(in oklab, var(--ink) 18%, transparent); color:var(--ink); font-size:var(--text-sm); }
.pc-login-hero__panel > .pc-action::after { content:"→"; transition:transform .15s ease; }
.pc-login-hero__panel > .pc-action:hover { transform:translateY(-1px); }
.pc-login-hero__panel > .pc-action:hover::after { transform:translateX(.25em); }
.pc-login-hero__or { display:flex; align-items:center; gap:var(--space-sm); color:var(--muted); font-size:var(--text-xs); letter-spacing:.08em; text-transform:uppercase; }
.pc-login-hero__or::before,.pc-login-hero__or::after { flex:1; height:1px; background:var(--line); content:""; }
.pc-login-hero__secondary { display:inline-flex; min-height:var(--control-h); align-items:center; justify-content:center; gap:.5em; padding:.65rem 1.1rem; border:1px solid color-mix(in oklab, var(--paper) 22%, transparent); border-radius:var(--radius-md); background:color-mix(in oklab, var(--paper) 6%, transparent); color:var(--paper); font-weight:700; text-decoration:none; transition:border-color .15s ease,background .15s ease; }
.pc-login-hero__secondary:hover { border-color:var(--accent); background:color-mix(in oklab, var(--accent) 12%, transparent); color:var(--paper); }
.pc-login-hero__panel > .pc-login-hero__note { margin:var(--space-xs) 0 0; font-size:var(--text-xs); text-align:center; }
.pc-login-hero__note > .pc-glyph { margin-right:.4em; vertical-align:-.15em; }
/* Stacked, the wide backdrop becomes a fading top banner instead of a sliver cropped to the block's full height. */
@container (max-width:48rem) {
  .pc-login-hero > .pc-login-hero__backdrop { bottom:auto; height:auto; aspect-ratio:16/9; mask-image:linear-gradient(180deg,var(--ink) 50%,transparent); }
}
/* Phone width: offer stats become full-width rows and trust facts a single checklist column. */
@container (max-width:26rem) {
  .pc-login-hero__copy > h1 { font-size:max(var(--text-lg),min(var(--text-display),calc(var(--text-display) * 20 / max(20,var(--title-len,0))),calc(400cqi / max(1,var(--title-len,1))))); }
  .pc-login-hero__copy > .pc-login-hero__offer { grid-template-columns:minmax(0,1fr); }
  .pc-login-hero__copy > .pc-login-hero__offer > li { padding:.6rem var(--space-sm); }
  .pc-login-hero__copy > .pc-login-hero__offer > li + li { border-top:1px solid color-mix(in oklab, var(--paper) 14%, transparent); border-left:0; }
  .pc-login-hero__copy > .pc-login-hero__facts { display:grid; gap:var(--space-xs); }
  .pc-login-hero > .pc-login-hero__panel { padding:var(--space-lg) var(--space-md); }
  .pc-login-hero__panel > .pc-action { font-size:var(--text-base); }
}
.pc-offer-payment-hero { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(16rem,.75fr); gap:clamp(1.5rem,4cqi,3rem); align-items:center; min-height:22rem; background:linear-gradient(130deg,color-mix(in oklab, var(--accent-2) 16%, var(--surface)),color-mix(in oklab, var(--accent-2) 7%, var(--surface))); }
.pc-offer-payment-hero > div > small { display:block; letter-spacing:.04em; text-transform:none; }
.pc-offer-payment-hero > div > strong { display:block; margin-top:var(--space-xs); color:var(--paper); font-size:var(--text-h3); line-height:1.35; font-variant-numeric:tabular-nums; }
.pc-offer-payment-hero h1 { margin:.35rem 0 var(--space-sm); font-size:var(--text-h1); line-height:1.05; text-wrap:balance; }
.pc-offer-payment-hero > div > p { margin:0; max-width:60ch; color:var(--paper); }
.pc-offer-payment-hero .pc-action { margin-top:var(--space-md); text-align:center; text-wrap:balance; transition:transform .18s ease-out,box-shadow .18s ease-out,background-color .18s ease-out; }
.pc-offer-payment-hero .pc-action:hover { box-shadow:var(--shadow-card); transform:translateY(-2px); }
.pc-offer-payment-hero .pc-action:active { background-color:color-mix(in oklab, var(--accent) 88%, var(--ink)); box-shadow:none; transform:translateY(0); }
.pc-offer-payment-marks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-xs); margin:0; padding:0; list-style:none; }
@container (min-width:34rem) and (max-width:44rem) { .pc-offer-payment-marks { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.pc-offer-payment-marks li { display:grid; justify-items:center; gap:.4rem; min-width:0; padding:var(--space-sm) var(--space-xs); border:1px solid var(--line); border-radius:var(--radius-md); background:color-mix(in oklab, var(--surface) 70%, transparent); text-align:center; }
.pc-offer-payment-marks img { width:min(100%,4.5rem); aspect-ratio:1; object-fit:contain; border-radius:var(--radius-md); }
.pc-offer-payment-marks span { justify-self:stretch; max-width:100%; color:var(--paper); font-size:var(--text-sm); font-weight:700; line-height:1.35; overflow-wrap:break-word; }
@media (prefers-reduced-motion:reduce) { .pc-offer-payment-hero .pc-action { transition:none; } .pc-offer-payment-hero .pc-action:hover,.pc-offer-payment-hero .pc-action:active { transform:none; } }
.pc-daily-race { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,max-content); gap:var(--space-lg) var(--space-md); align-items:end; background:linear-gradient(115deg,color-mix(in oklab, var(--accent-2) 10%, var(--surface)),color-mix(in oklab, var(--accent-2) 3%, var(--surface))); }
.pc-daily-race small { font-size:var(--text-sm); font-weight:700; letter-spacing:0; text-transform:none; }
.pc-daily-race strong { color:var(--accent); font-variant-numeric:lining-nums tabular-nums; text-wrap:balance; }
.pc-daily-race p { text-wrap:pretty; }
.pc-daily-race > .pc-action { max-width:16rem; text-align:center; }
@container (max-width:24rem) { .pc-daily-race > a.pc-action { grid-column:1 / -1; justify-self:stretch; max-width:none; } }
.pc-digits { display:flex; gap:.4rem; }
.pc-digits b { display:grid; min-width:2.75rem; min-height:3rem; place-content:center; border:1px solid var(--line); border-radius:var(--radius-sm); background:color-mix(in oklab, var(--ink) 60%, var(--surface)); color:var(--paper); }
.pc-countdown { display:flex; flex-direction:column; gap:.25rem; }
.pc-countdown span { color:var(--muted); font-size:var(--text-xs); font-weight:700; }
.pc-countdown b { display:grid; min-width:2.75rem; min-height:var(--control-h); place-content:center; padding-inline:var(--space-md); border:1px solid var(--line); border-radius:var(--radius-sm); background:color-mix(in oklab, var(--ink) 60%, var(--surface)); color:var(--paper); font-variant-numeric:tabular-nums; }
.pc-crash { display:grid; grid-template-columns:minmax(0,1fr) minmax(14rem,26rem); gap:var(--space-xl); align-items:center; }
.pc-crash > div > h2 { margin-bottom:var(--space-md); }
.pc-crash > div > small { display:block; color:var(--muted); font-size:var(--text-sm); font-weight:700; letter-spacing:0; text-transform:none; }
.pc-crash > div > strong { color:var(--accent); font-size:clamp(3rem,8cqi,6rem); line-height:1.05; font-variant-numeric:tabular-nums; }
.pc-crash .pc-action { text-align:center; }
.pc-crash figure { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
.pc-crash figure img { width:100%; aspect-ratio:var(--art-ratio,1/1); object-fit:cover; }
.pc-tabs { display:flex; max-width:100%; gap:var(--space-xs); overflow-x:auto; }
.pc-tabs > * { display:inline-flex; min-height:var(--control-h); align-items:center; flex:0 0 auto; padding:.65rem .9rem; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-soft); color:var(--muted); text-decoration:none; white-space:nowrap; }
.pc-tabs [aria-current="page"] { border-color:var(--accent); background:color-mix(in oklab, var(--accent) 13%, transparent); color:var(--paper); }
.pc-category-rail { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-sm); padding-block:var(--space-sm); border-bottom:1px solid var(--line); }
.pc-category-rail .pc-tabs { flex:1 1 20rem; min-width:0; align-items:center; gap:var(--space-xs); margin-inline-end:0; padding-bottom:var(--space-xs); }
.pc-category-rail .pc-tabs > a { gap:var(--space-xs); padding:.7rem 1rem; color:var(--paper); font-size:var(--text-sm); font-weight:600; line-height:1.25; transition:border-color .15s,background-color .15s,color .15s; }
.pc-category-rail .pc-tabs > a .pc-glyph { width:1.25em; height:1.25em; color:currentColor; }
.pc-category-rail .pc-tabs > a:hover { border-color:color-mix(in oklab, var(--accent) 45%, var(--line)); background:var(--surface-raised); }
.pc-category-rail .pc-tabs > a[aria-current="page"] { border-color:var(--accent); background:var(--accent); color:var(--ink); font-weight:700; }
.pc-category-rail .pc-tabs > a[aria-current="page"]:hover { background:color-mix(in oklab, var(--accent) 86%, var(--paper)); }
.pc-category-rail > a { display:inline-flex; max-width:min(16rem,100%); min-height:var(--control-h); flex:none; align-items:center; gap:var(--space-xs); margin-bottom:var(--space-xs); padding:.7rem 1rem; border:1px solid var(--accent); border-radius:var(--radius-md); color:var(--accent); font-size:var(--text-sm); font-weight:700; line-height:1.25; text-decoration:none; transition:background-color .15s; }
.pc-category-rail > a .pc-glyph { width:1.25em; height:1.25em; color:currentColor; }
.pc-category-rail > a:hover { background:color-mix(in oklab, var(--accent) 14%, transparent); }
@media (prefers-reduced-motion:reduce) { .pc-category-rail .pc-tabs > a,.pc-category-rail > a { transition:none; } }
.pc-game-carousel > header,.pc-top-games > header,.pc-game-spotlight > header,.pc-promotion-rail > header,.pc-live-bets > header,.pc-game-offers > header,.pc-game-rules > header { margin-bottom:var(--space-md); }
.pc-related-games > header { margin-bottom:var(--space-lg); }
.pc-related-games > header > strong { font-size:var(--text-h3); }
.pc-game-tiles,.pc-related-games > div { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,max(8rem,calc((100% - 5 * var(--space-md)) / 6))),1fr)); gap:var(--space-md); }
.pc-game-tiles > a,.pc-related-games > div > a { position:relative; display:flex; overflow:hidden; flex-direction:column; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); color:var(--paper); text-decoration:none; transition:border-color .2s ease; }
.pc-game-tiles > a:is(:hover,:focus-visible),.pc-related-games > div > a:is(:hover,:focus-visible) { border-color:var(--accent); }
.pc-game-tile-art { aspect-ratio:var(--art-ratio,4/3); overflow:hidden; }
.pc-game-tile-art img { width:100%; height:100%; object-fit:cover; }
.pc-game-tile-meta { display:flex; flex:1 1 auto; flex-direction:column; gap:.2rem; padding:var(--space-sm); font-size:1.05rem; font-weight:850; line-height:1.32; }
.pc-game-tile-meta small { color:var(--muted); font-family:var(--font-body); font-size:var(--text-sm); font-weight:600; letter-spacing:0; text-transform:none; }
.pc-related-games__cue { margin-top:auto; padding-top:var(--space-xs); color:var(--accent); font-size:var(--text-sm); font-weight:800; }
.pc-top-games article { display:grid; grid-template-columns:2.25rem 5.5rem minmax(0,1fr) fit-content(11rem); gap:var(--space-md); align-items:center; padding:var(--space-md) 0; border-top:1px solid var(--line); }
.pc-top-games article > b { display:grid; width:2rem; height:2rem; place-content:center; border-radius:50%; background:var(--paper); color:var(--ink); }
.pc-top-games-thumb { overflow:hidden; width:5.5rem; aspect-ratio:var(--art-ratio,1); border-radius:var(--radius-md); }
.pc-top-games-thumb img { width:100%; height:100%; object-fit:cover; }
.pc-top-games article small { display:block; color:var(--muted); font-weight:600; letter-spacing:0; text-transform:none; }
/* Ranked list: #1 is featured full-width with larger art and the filled CTA; #2-#5 pair up in two columns with outline CTAs so the games, not five equal buttons, lead. */
.pc-top-games > header > a { display:inline-flex; align-items:center; min-height:var(--control-h); }
.pc-top-games > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:var(--space-xl); }
.pc-top-games article:first-child { grid-column:1 / -1; grid-template-columns:2.25rem 7.5rem minmax(0,1fr) fit-content(16rem); }
.pc-top-games article > a.pc-action { text-align:center; overflow-wrap:anywhere; }
.pc-top-games article:first-child .pc-top-games-thumb { width:7.5rem; }
.pc-top-games article:first-child > b { background:var(--accent); color:var(--ink); }
.pc-top-games article > span { font-weight:700; overflow-wrap:anywhere; }
.pc-top-games article:first-child > span { font-family:var(--font-heading); font-size:var(--text-h3); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.32; }
.pc-top-games article:first-child small { font-family:var(--font-body); font-size:var(--text-sm); letter-spacing:0; }
.pc-top-games article:not(:first-child) > a.pc-action { border-color:var(--accent); background:transparent; color:var(--paper); }
.pc-top-games article:not(:first-child) > a.pc-action:hover { background:color-mix(in oklab, var(--accent) 20%, transparent); filter:none; color:var(--paper); }
/* Too narrow for two ranked columns: one full-width row per game keeps art, name and CTA on one line. */
@container (max-width:60rem) {
  .pc-top-games > div { grid-template-columns:minmax(0,1fr); }
}
/* Too narrow for rows: games become art-led tiles with the rank badge on the art; #1 stays featured with its art beside the copy. */
@container (max-width:44rem) {
  .pc-top-games > div { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-sm); }
  .pc-top-games article,.pc-top-games article:first-child { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto 1fr; align-items:start; gap:var(--space-sm); padding:var(--space-xs); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); }
  .pc-top-games article > b { grid-area:1 / 1; z-index:1; margin:var(--space-xs); }
  .pc-top-games-thumb,.pc-top-games article:first-child .pc-top-games-thumb { grid-area:1 / 1; width:100%; border-radius:var(--radius-sm); }
  .pc-top-games article > span { grid-area:2 / 1; }
  .pc-top-games article > a.pc-action { grid-area:3 / 1; align-self:end; justify-self:stretch; padding-inline:var(--space-sm); }
  .pc-top-games article:first-child { grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); grid-template-rows:auto 1fr; column-gap:var(--space-md); border-color:var(--accent); }
  .pc-top-games article:first-child .pc-top-games-thumb { grid-area:1 / 1 / 3 / 2; }
  .pc-top-games article:first-child > span { grid-area:1 / 2; align-self:center; }
  .pc-top-games article:first-child > a.pc-action { grid-area:2 / 2; align-self:end; }
}
@container (max-width:24rem) {
  .pc-top-games > div { grid-template-columns:minmax(0,1fr); }
  .pc-top-games article:first-child { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto 1fr; }
  .pc-top-games article:first-child .pc-top-games-thumb { grid-area:1 / 1; }
  .pc-top-games article:first-child > span { grid-area:2 / 1; }
  .pc-top-games article:first-child > a.pc-action { grid-area:3 / 1; }
}
.pc-game-spotlight-layout { display:grid; grid-template-columns:minmax(0,25rem) minmax(0,1fr); gap:var(--space-md); }
.pc-game-spotlight-feature { display:flex; overflow:hidden; flex-direction:column; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); }
.pc-game-spotlight-feature .pc-game-tile-art { height:auto; }
.pc-game-spotlight-feature .pc-game-tile-meta { flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-sm) var(--space-md); padding:var(--space-md); }
.pc-game-spotlight-feature .pc-game-tile-meta > span { display:flex; flex:1 1 12rem; min-width:0; flex-direction:column; gap:.2rem; font-family:var(--font-heading); font-size:var(--text-h3); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); }
.pc-game-tiles.pc-game-spotlight-list { grid-template-columns:minmax(0,1fr); }
.pc-game-spotlight-list > a { display:grid; grid-template-columns:minmax(6rem,40%) minmax(0,1fr); }
.pc-game-spotlight-list .pc-game-tile-art { position:relative; aspect-ratio:auto; min-height:7.5rem; align-self:stretch; }
.pc-game-spotlight-list .pc-game-tile-art img { position:absolute; inset:0; height:100%; }
.pc-game-spotlight-list .pc-game-tile-meta { justify-content:center; }
.pc-game-demo-grid > header { margin-bottom:var(--space-md); }
.pc-game-demo-card { position:relative; display:flex; min-width:0; overflow:hidden; flex-direction:column; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface-raised); }
.pc-game-demo-card footer { display:flex; flex:1 1 auto; flex-direction:column; gap:.4rem; padding:var(--space-sm); color:var(--paper); }
.pc-game-demo-card footer small { color:var(--muted); font-size:var(--text-sm); font-weight:600; letter-spacing:0; text-transform:none; }
.pc-game-demo-card footer a { display:grid; min-width:0; min-height:var(--control-h); margin-top:auto; place-content:center; padding:var(--space-xs) .35rem; border:1px solid var(--line); border-radius:var(--radius-md); font-size:var(--text-sm); line-height:1.2; text-align:center; text-decoration:none; }
.pc.pc-promotion-rail > header > strong { font-size:var(--text-h3); line-height:1.35; }
.pc-promotion-rail > header > a { display:inline-flex; align-items:center; min-height:var(--control-h); padding:.5rem var(--space-md); border:1px solid var(--line); border-radius:var(--radius-md); font-weight:800; line-height:1.3; text-decoration:none; overflow-wrap:anywhere; }
.pc-promotion-rail > header > a:hover { border-color:var(--accent); }
.pc-campaigns { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,max(13rem,calc((100% - 2 * var(--space-md)) / 3))),1fr)); gap:var(--space-md); }
.pc-campaigns article { display:flex; min-width:0; flex-direction:column; padding:1.25rem; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); overflow-wrap:anywhere; }
.pc-campaigns article > small { color:var(--paper); font-size:var(--text-sm); letter-spacing:.01em; text-transform:none; }
.pc-campaigns b { display:block; margin:var(--space-xs) 0 var(--space-md); font-family:var(--font-heading); font-size:var(--text-h3); font-weight:var(--heading-weight); font-variant-numeric:tabular-nums; line-height:1.35; letter-spacing:var(--heading-spacing); }
.pc-campaigns article .pc-action { align-self:flex-start; margin-top:auto; }
.pc-bet-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(15rem,1fr)); gap:var(--space-md); }
.pc-bet-cards article { padding:1.25rem; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); }
.pc-bet-cards article > b { display:block; margin:.4rem 0 var(--space-sm); }
.pc-odds { display:flex; flex-wrap:wrap; gap:var(--space-xs); }
.pc-odds > span { padding:.45rem .65rem; border-radius:var(--radius-sm); background:var(--surface-soft); color:var(--paper); font-weight:700; }

.pc-sports-offer { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-md); background:linear-gradient(110deg,color-mix(in oklab, var(--accent-2) 30%, var(--surface)),color-mix(in oklab, var(--accent-2) 10%, var(--surface))); }
.pc-sports-offer small { color:var(--accent-2); }
.pc-sports-offer .pc-action { margin-left:auto; }
.pc-sport-rail { width:min(100%,26rem); padding:0; overflow:hidden; }
.pc-sport-rail header { padding:1.25rem var(--pad-inline); background:var(--surface-soft); }
.pc-sport-rail > div { padding:.8rem var(--pad-inline); border-top:1px solid var(--line); }
.pc-sport-rail > div a { display:block; text-decoration:none; }
.pc-sport-rail [aria-current="page"] { color:var(--accent); }
.pc-market-list > header { margin-bottom:var(--space-lg); }
.pc-market-list article { padding:var(--space-md) 0; border-top:1px solid var(--line); }
.pc-market-list article > b { display:block; margin:.25rem 0 var(--space-sm); }
.pc-betslip > header { padding-bottom:var(--space-lg); }
.pc-betslip > div { display:flex; justify-content:space-between; gap:var(--space-md); padding:.85rem 0; border-top:1px solid var(--line); }
.pc-betslip .pc-action { width:100%; margin-top:var(--space-md); }
.pc-referral { background:linear-gradient(145deg,color-mix(in oklab, var(--accent-2) 45%, var(--surface)),color-mix(in oklab, var(--accent-2) 15%, var(--surface))); }
.pc-referral > strong { margin:.35rem 0; }
.pc-referral .pc-action { margin-top:var(--space-lg); }

.pc-bonus-listing { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(17rem,.9fr); gap:var(--space-xl); align-items:center; background:linear-gradient(130deg,color-mix(in oklab, var(--accent-2) 15%, var(--surface)),color-mix(in oklab, var(--accent) 15%, var(--surface))); }
.pc-bonus-listing-art img { border-radius:var(--radius); }
.pc-bonus-listing > div > p { margin-block:var(--space-md) 0; max-width:40em; font-size:var(--text-lg); }
.pc-bonus-listing[data-title="long"] { grid-template-columns:minmax(0,1.5fr) minmax(14rem,.7fr); align-items:start; }
.pc-bonus-listing[data-title="long"] > div > h1 { font-size:clamp(var(--text-h2),3.2cqi,var(--text-h1)); }
.pc-promo-card { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:var(--space-lg) var(--space-xl); background:var(--surface); }
.pc-promo-card > div { flex:1 1 20rem; min-width:0; }
.pc-promo-card > div > small { display:block; letter-spacing:.02em; text-transform:none; }
.pc-promo-card > div > strong { margin:var(--space-xs) 0 0; line-height:1.32;font-variant-numeric:lining-nums tabular-nums; }
.pc-promo-card > div > p { margin-block:var(--space-sm) 0; }
.pc-promo-card > footer { flex:0 1 auto; margin-top:auto; }
.pc-promo-card .pc-action { min-width:11rem; transition:background-color .15s ease-out,box-shadow .15s ease-out,transform .15s ease-out; }
.pc-promo-card .pc-action:hover { box-shadow:var(--shadow-card); transform:translateY(-2px); }
.pc-promo-card .pc-action:active { box-shadow:none; transform:translateY(0); }
.pc-promo-code-card { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(19rem,.9fr); gap:var(--space-xl); align-items:center; background:linear-gradient(130deg,color-mix(in oklab, var(--accent) 16%, var(--surface)),var(--surface) 65%); }
.pc-promo-code-card > div > strong { margin-block:var(--space-xs) var(--space-sm); font-size:var(--text-h1); }
.pc-promo-code-card > div > p { margin-bottom:0; color:var(--paper); }
.pc-promo-code-card aside { display:grid; min-width:0; gap:var(--space-sm); padding-left:var(--space-xl); border-left:1px dashed var(--line); }
.pc-promo-code-card aside > small { color:var(--muted); font-size:var(--text-sm); font-weight:700; letter-spacing:normal; text-transform:none; }
.pc-promo-code-card aside .pc-promo-code { display:flex; }
.pc-promo-code-card aside .pc-action { margin-top:var(--space-xs); }
:is(.pc-promo-code-card,.pc-promo-code-steps,.pc-promo-code-table) .pc-action { min-height:3.25rem; padding:.75rem 1.75rem; font-size:var(--text-lg); text-align:center; }
/* Ticket: the code never shrinks below its own width; a long copy label wraps under it instead. The code's
   dashed right/bottom edges are the tear line; the -2px margins push whichever edge meets the ticket border
   into the clipped border area, so only the edge between code and label shows. */
.pc-promo-code { display:inline-flex; flex-wrap:wrap; max-width:100%; align-items:stretch; justify-content:center; padding:0; border:2px solid var(--paper); border-radius:var(--radius-md); background:color-mix(in oklab, var(--paper) 14%, transparent); color:var(--paper); font-size:var(--text-sm); font-weight:800; text-align:left; cursor:pointer; overflow:hidden; }
.pc-promo-code > code { display:flex; flex:1 0 auto; font-family:var(--font-heading); min-width:0; max-width:calc(100% + 2px); min-height:3rem; align-items:center; justify-content:center; margin:0 -2px -2px 0; padding:0 var(--space-md); border-right:2px dashed var(--paper); border-bottom:2px dashed var(--paper); background:var(--surface); color:var(--paper); font-size:var(--text-lg); letter-spacing:.1em; overflow-wrap:anywhere; }
.pc-promo-code > span { display:inline-flex; min-height:var(--control-h); align-items:center; gap:.35em; padding:0 var(--space-md); white-space:normal; }
.pc-promo-code > span > .pc-glyph { width:1.15em; height:1.15em; color:currentColor; }
.pc-promo-code > span[hidden] { display:none; }
.pc-promo-code:hover { background:var(--paper); color:var(--ink); }
.pc-promo-code:hover > code { color:var(--accent); }
.pc-promo-code:has(> span:first-of-type[hidden]) { border-color:var(--accent); background:var(--accent); color:var(--ink); }
.pc-promo-none { display:inline-flex; align-items:center; gap:.35em; color:var(--muted); font-size:var(--text-sm); font-weight:700; }
.pc-promo-code-steps > header { margin-bottom:var(--space-lg); }
.pc-promo-code-steps > ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-md); padding:0; list-style:none; }
.pc-promo-code-steps li { display:grid; align-content:start; gap:var(--space-xs); padding:var(--space-md); border:1px solid var(--line); border-radius:var(--radius-md); color:var(--paper); }
.pc-promo-code-steps li > b { display:grid; width:2rem; height:2rem; margin-bottom:var(--space-xs); place-content:center; border-radius:50%; background:color-mix(in oklab, var(--accent) 18%, transparent); color:var(--paper); font-size:var(--text-sm); }
.pc-promo-code-steps li > strong { font-size:var(--text-lg); line-height:1.35; }
.pc-promo-code-steps li > span { color:var(--muted); }
.pc-promo-code-steps > footer { justify-content:flex-start; margin-top:var(--space-lg); padding-top:var(--space-lg); border-top:1px solid var(--line); }
.pc-promo-code-steps > footer > .pc-action { padding-inline:2rem; }
.pc-promo-code-table > header { margin-bottom:var(--space-md); }
.pc-promo-code-table thead th { color:var(--muted); font-size:var(--text-xs); letter-spacing:.08em; text-transform:uppercase; }
.pc-promo-code-table thead th:first-child { width:28%; }
.pc-promo-code-table thead th:last-child { width:36%; }
.pc-promo-code-table th[scope="row"] { color:var(--paper); font-weight:600; }
.pc-promo-code-table td { color:var(--muted); }
.pc-promo-code-table td:not(:last-child) { color:var(--paper); font-size:var(--text-lg); font-weight:750; }
.pc-promo-code-table td:last-child { padding-block:var(--space-sm); white-space:nowrap; }
.pc-promo-code-table .pc-promo-code > code { font-size:var(--text-base); }
.pc-promo-code-table > footer { margin-top:var(--space-md); }
.pc-promo-code-table > footer > .pc-action { margin-left:auto; }
.pc-countdown-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(17rem,.9fr); gap:var(--space-xl); align-items:center; background:linear-gradient(120deg,color-mix(in oklab, var(--accent) 30%, var(--surface)),color-mix(in oklab, var(--accent-2) 15%, var(--surface))); }
.pc-countdown-hero-art { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); align-self:center; aspect-ratio:3/2; }
.pc-countdown-hero-art img { width:100%; height:100%; object-fit:cover; }
.pc-countdown-hero > div > p { display:grid; gap:.15rem; color:var(--paper); }
.pc-countdown-hero > div > p > span,.pc-countdown-hero > div > span { color:var(--paper); font-size:var(--text-sm); font-weight:700; }
.pc-countdown-hero > div > p > b { font-family:var(--font-heading); font-size:var(--text-h2); font-weight:var(--heading-weight); line-height:1.2; letter-spacing:var(--heading-spacing); font-variant-numeric:tabular-nums; }
.pc-countdown-hero > div > span { display:block; margin-bottom:.35rem; }
.pc-digits b { min-width:8rem; min-height:6rem; padding-inline:var(--space-sm); color:var(--accent); font-size:clamp(1.75rem,9cqi,3rem); font-variant-numeric:tabular-nums; }
.pc-countdown-hero .pc-digits { margin-bottom:1.25rem; }
.pc-countdown-hero { grid-template-areas:"copy art"; }
.pc-countdown-hero > div { grid-area:copy; }
.pc-countdown-hero-art { grid-area:art; }
@container pc-slot (max-width:48rem) {
  .pc-countdown-hero { grid-template-areas:"art" "copy"; }
}
@container (max-width:44rem) {
  .pc-countdown-hero-art { aspect-ratio:2/1; }
}
@container (max-width:24rem) {
  .pc-countdown-hero > div > h1 { font-size:var(--text-h1); }
}
.pc-pipeline > header { display:grid; gap:var(--space-sm); margin-bottom:var(--space-lg); }
.pc-pipeline > header > h2 { font-family:var(--font-heading); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.2; text-wrap:balance; }
.pc-pipeline > header > p { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-xs) var(--space-sm); color:var(--muted); font-size:var(--text-sm); line-height:1.4; }
.pc-pipeline > header > p > span { display:inline-flex; align-items:center; min-height:1.75rem; padding:.35rem var(--space-sm); border:1px solid color-mix(in oklab, var(--accent) 45%, transparent); border-radius:var(--radius-pill); background:color-mix(in oklab, var(--accent) 14%, transparent); color:var(--paper); font-weight:700; }
.pc-pipeline > ol { display:grid; margin:0; padding:0; list-style:none; }
.pc-pipeline > ol > li { display:grid; grid-template-columns:2.5rem minmax(0,1fr); gap:var(--space-md); align-items:start; padding:var(--space-md) 0; border-top:1px solid var(--line); }
.pc-pipeline > ol > li:first-child { border-top:0; padding-top:0; }
.pc-pipeline > ol > li > b { display:grid; width:2rem; height:2rem; place-content:center; border:1px solid color-mix(in oklab, var(--accent) 55%, transparent); border-radius:50%; background:color-mix(in oklab, var(--accent) 18%, transparent); color:var(--paper); font-variant-numeric:tabular-nums; }
.pc-pipeline > ol > li > div { display:grid; gap:var(--space-xs); min-width:0; }
.pc-pipeline > ol > li strong { font-size:var(--text-lg); line-height:1.35; }
.pc-pipeline > ol > li p { color:var(--muted); font-size:var(--text-sm); line-height:1.55; }
.pc-pipeline > header > p > small { color:var(--muted); font-size:var(--text-sm); font-weight:400; letter-spacing:normal; text-transform:none; }
.pc-pipeline > footer { display:grid; gap:var(--space-sm); margin-top:var(--space-lg); padding-top:var(--space-md); border-top:1px solid var(--line); }
.pc-pipeline > footer > h3 { color:var(--paper); font-size:var(--text-base); font-weight:700; line-height:1.3; }
.pc-pipeline > footer > dl { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr)); gap:0 var(--space-lg); margin:0; }
.pc-pipeline > footer > dl > div { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--space-xs) var(--space-sm); padding:var(--space-xs) 0; border-bottom:1px solid var(--line); }
.pc-pipeline > footer dt { color:var(--muted); font-size:var(--text-sm); }
.pc-pipeline > footer dd { margin:0; padding:.35rem var(--space-sm); border-radius:var(--radius-pill); background:color-mix(in oklab, var(--accent) 14%, transparent); color:var(--paper); font-size:var(--text-sm); font-weight:700; }
@container (min-width:48rem) {
  .pc-pipeline > ol { grid-template-columns:repeat(auto-fit,minmax(11rem,1fr)); gap:var(--space-lg); }
  .pc-pipeline > ol > li,.pc-pipeline > ol > li:first-child { grid-template-columns:minmax(0,1fr); align-content:start; gap:var(--space-sm); padding:var(--space-md) 0 0; border-top:2px solid var(--line); }
}
.pc-game-rules > header > h2 { line-height:1.32; }
.pc-game-rules > header > p { margin-block:var(--space-xs) 0; font-size:var(--text-sm); }
.pc-game-rules > ol { margin:0; padding:0; list-style:none; }
.pc-game-rules > ol > li { display:grid; grid-template-columns:2.5rem minmax(0,1fr); gap:var(--space-md); align-items:start; padding:var(--space-md) 0; border-top:1px solid var(--line); }
.pc-game-rules > ol > li > b { display:grid; width:2rem; height:2rem; place-content:center; border:1px solid color-mix(in oklab, var(--accent) 55%, transparent); border-radius:50%; background:color-mix(in oklab, var(--accent) 16%, transparent); color:var(--paper); font-weight:800; font-variant-numeric:tabular-nums; }
.pc-game-rules > ol > li > span > strong { display:block; margin-bottom:.2rem; font-size:var(--text-lg); line-height:1.35; }
.pc-game-rules > ol > li > span > span { color:var(--muted); }
.pc-game-rules > .pc-action { margin-top:var(--space-md); line-height:1.35; }
.pc-steps > header { display:block; margin-bottom:var(--space-lg); }
.pc-steps > header > h2 { line-height:1.32; }
.pc-steps > header > p { margin-block:var(--space-xs) 0; font-size:var(--text-sm); }
.pc-steps > ol { margin:0; padding:0; list-style:none; }
.pc-steps > ol > li { display:grid; grid-template-columns:2.5rem minmax(0,1fr); gap:var(--space-md); align-items:start; padding:var(--space-md) 0; border-top:1px solid var(--line); }
.pc-steps > ol > li > b { display:grid; width:2rem; height:2rem; place-content:center; border-radius:50%; background:var(--paper); color:var(--ink); font-variant-numeric:tabular-nums; }
.pc-steps > ol > li strong { display:block; margin-bottom:.2rem; color:var(--paper); }
.pc-comparison-table { display:grid; gap:var(--space-md); }
.pc-prize-table table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.pc-prize-table caption { margin-bottom:var(--space-md); font-size:var(--text-h3); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); text-align:start; }
.pc-prize-table th,.pc-prize-table td { padding:.85rem 0; border-top:1px solid var(--line); vertical-align:baseline; text-align:start; }
.pc-prize-table thead th { padding-top:0; border-top:0; color:var(--muted); font-size:var(--text-sm); font-weight:700; }
.pc-prize-table thead th:last-child,.pc-prize-table td { padding-inline-start:var(--space-md); text-align:end; }
.pc-prize-table tbody th { width:40%; color:var(--muted); font-size:var(--text-sm); font-weight:700; }
.pc-prize-table tbody tr:nth-child(-n+3) th { color:var(--paper); }
.pc-prize-table td { color:var(--paper); font-size:var(--text-lg); font-weight:800; line-height:1.25; }
.pc-prize-table tbody tr:first-child td { color:var(--accent); font-size:var(--text-h2); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.1; }

.pc-payment-finder { display:grid; grid-template-columns:minmax(0,1fr) minmax(15rem,.75fr); gap:var(--space-lg); align-items:center; }
.pc-payment-finder .pc-tabs { grid-column:1 / -1; }
.pc-search { padding:.8rem var(--space-md); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); color:var(--muted); }
.pc-payment-cards article { display:flex; min-width:0; flex-direction:column; gap:.35rem; padding:1.25rem; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); }
.pc-payment-cards article b { color:var(--paper); font-size:var(--text-lg); font-weight:800; line-height:1.25; overflow-wrap:anywhere; }
.pc-payment-cards article dl { display:grid; gap:var(--space-xs); margin:auto 0 0; padding-top:var(--space-sm); border-top:1px solid var(--line); }
.pc-payment-cards article dl > div { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:.15rem var(--space-sm); min-width:0; }
.pc-payment-cards article dt { flex:1 1 auto; color:var(--muted); font-size:var(--text-xs); font-weight:600; }
.pc-payment-cards article dd { flex:1 1 auto; min-width:0; margin:0; color:var(--paper); font-size:var(--text-base); font-weight:700; font-variant-numeric:tabular-nums; text-align:end; overflow-wrap:anywhere; }
.pc-payment-cards article dl > div:last-child dd { color:var(--muted); font-size:var(--text-sm); font-weight:600; }
.pc-payment-cards aside { display:flex; flex-wrap:wrap; align-items:baseline; gap:var(--space-xs) var(--space-md); padding-top:var(--space-md); color:var(--muted); }
.pc-payment-cards aside strong { color:var(--paper); font-weight:700; }
.pc-payment-detail > header { padding-bottom:var(--space-md); border-bottom:1px solid var(--line); }
.pc-payment-detail > header span { color:var(--muted); font-size:var(--text-sm); font-weight:600; }
.pc-payment-detail > dl { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr)); gap:var(--space-md) var(--space-lg); max-width:48rem; margin:0; padding-top:var(--space-md); }
.pc-payment-detail > dl > div { display:flex; min-width:0; flex-direction:column; gap:var(--space-xs); }
.pc-payment-detail dt { color:var(--muted); font-size:var(--text-sm); font-weight:600; line-height:1.35; }
.pc-payment-detail dd { margin:0; color:var(--paper); font-size:var(--text-lg); font-weight:800; line-height:1.35; font-variant-numeric:tabular-nums; overflow-wrap:break-word; }
/* Neutral trust surface: the accent stays with CTAs; two zones (headline + help | rules) from 48rem so the band never leaves an empty field. */
.pc-payment-safety { display:grid; grid-template-columns:minmax(0,2fr); grid-template-rows:auto 1fr; grid-auto-columns:minmax(0,3fr); align-content:start; gap:var(--space-md) var(--space-xl); background:var(--surface); }
.pc-payment-safety > strong { color:var(--paper); font-size:var(--text-h3); line-height:1.35; }
.pc-payment-safety > ul { display:grid; align-content:start; gap:var(--space-sm); max-width:65ch; margin:0; padding-left:1.25em; }
.pc-payment-safety li { line-height:1.55; }
.pc-payment-safety li::marker { color:var(--accent); }
.pc-payment-safety > a { display:inline-flex; align-items:center; justify-self:start; align-self:start; min-height:var(--control-h); padding:.5rem var(--space-md); border:1px solid var(--line); border-radius:var(--radius-md); color:var(--paper); line-height:1.4; text-decoration:none; transition:border-color .2s ease-out,background-color .2s ease-out; }
.pc-payment-safety > a:hover { border-color:var(--accent); background-color:color-mix(in oklab, var(--accent) 12%, transparent); }
@container (min-width:48rem) { .pc-payment-safety > strong { grid-column:1; grid-row:1; } .pc-payment-safety > ul { grid-column:2; grid-row:1 / span 2; } .pc-payment-safety > a { grid-column:1; grid-row:2; } }
@media (prefers-reduced-motion:reduce) { .pc-payment-safety > a { transition:none; } }

.pc-review-bonuses { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr)); gap:var(--space-md); }
.pc-review-bonuses article { display:grid; align-content:start; gap:var(--space-xs); min-width:0; padding:1.5rem; border-radius:var(--radius-md); background:var(--surface-raised); }
.pc-review-bonuses article small { color:var(--muted); font-size:var(--text-sm); font-weight:700; letter-spacing:normal; text-transform:none; }
.pc-review-bonuses article b { display:block; color:var(--paper); font-family:var(--font-heading); font-size:var(--text-h3); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.15; font-variant-numeric:tabular-nums; }
.pc-review-bonuses article span { display:block; color:var(--muted); font-size:var(--text-sm); }
.pc-pros-cons { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:var(--space-md); }
.pc-pros-cons > section { display:grid; gap:var(--space-sm); padding:1.25rem; border:1px solid color-mix(in oklab, var(--accent-2) 30%, transparent); border-radius:var(--radius-md); background:color-mix(in oklab, var(--accent-2) 7%, var(--surface)); }
.pc-pros-cons > section + section { border-color:color-mix(in oklab, var(--danger) 30%, transparent); background:color-mix(in oklab, var(--danger) 7%, var(--surface)); }
.pc-pros-cons > section > strong { color:var(--paper); font-size:var(--text-lg); line-height:1.25; }
.pc-pros-cons ul { display:grid; gap:.65rem; padding:0; list-style:none; }
.pc-pros-cons li { display:grid; grid-template-columns:1.25em minmax(0,1fr); column-gap:var(--space-xs); }
.pc-pros-cons li::before { color:var(--accent-2); content:"✓" / ""; font-weight:900; }
.pc-pros-cons > section + section li::before { color:var(--danger); content:"✕" / ""; }
.pc-pros-cons > p { grid-column:1 / -1; color:var(--muted); font-size:var(--text-sm); }
.pc-review-body { display:grid; grid-template-columns:minmax(11rem,.45fr) minmax(0,1.55fr); gap:var(--space-xl); }
.pc-review-body > nav { position:sticky; top:calc(var(--sticky-top,0px) + var(--space-lg)); display:flex; align-self:start; flex-direction:column; gap:.25rem; padding-right:var(--space-lg); border-right:1px solid var(--line); }
.pc-review-body > nav a { display:flex; min-height:var(--control-h); align-items:center; padding:.55rem var(--space-sm); border-radius:var(--radius-sm); color:var(--muted); line-height:1.3; text-decoration:none; transition:background-color .15s ease-out,color .15s ease-out; }
.pc-review-body > nav a:hover { background:var(--surface-raised); color:var(--paper); }
.pc-review-body > div { min-width:0; }
.pc-review-body section + section { margin-top:var(--space-xl); }
.pc-review-body h2 { max-width:24em; margin-bottom:var(--space-sm); font-size:var(--text-h3); line-height:1.2; text-wrap:balance; }
.pc-review-body section > div > :where(p,ul,ol,blockquote) { max-width:68ch; }
.pc-review-body > div > footer { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-xs); margin-top:var(--space-lg); }
.pc-review-body > div > footer > .pc-action { margin:0; max-width:100%; }
.pc-review-body > div > footer > .pc-action + .pc-action { border-color:var(--accent); background:transparent; color:var(--paper); }
.pc-review-body > div > footer > .pc-action + .pc-action:hover { background:color-mix(in oklab, var(--accent) 18%, transparent); color:var(--paper); filter:none; }

/* Round state sits beside the title as a status chip; the stage is capped so the settings and CTA stay near the title, and a badge on the art labels the round as a free demo. */
.pc-game-demo > header { align-items:center; justify-content:flex-start; gap:var(--space-sm) var(--space-md); margin-bottom:var(--space-md); }
.pc-game-demo > header > span { display:inline-flex; align-items:center; gap:.5em; padding:.3rem .75rem; border:1px solid var(--line); border-radius:var(--radius-pill); background:color-mix(in oklab, var(--accent) 12%, transparent); color:var(--paper); font-size:var(--text-sm); font-weight:700; line-height:1.35; overflow-wrap:anywhere; }
.pc-game-demo > header > span::before { content:""; flex:none; width:.5rem; height:.5rem; border-radius:var(--radius-pill); background:var(--accent); }
.pc-demo-stage { position:relative; overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface-soft); }
.pc-demo-stage img { width:100%; max-height:30rem; aspect-ratio:var(--art-ratio,3/2); object-fit:cover; }
.pc-demo-stage figcaption { position:absolute; top:var(--space-sm); left:var(--space-sm); max-width:calc(100% - 2 * var(--space-sm)); padding:.3rem .75rem; border-radius:var(--radius-pill); background:var(--accent); color:var(--ink); font-size:var(--text-sm); font-weight:800; line-height:1.35; overflow-wrap:anywhere; }
.pc-game-demo footer { align-items:flex-end; flex-wrap:wrap; justify-content:space-between; gap:var(--space-md); margin-top:var(--space-md); }
.pc-game-demo footer > div:first-child { display:grid; flex:1 1 18rem; min-width:0; gap:var(--space-xs); }
.pc-game-demo footer small { color:var(--muted); font-size:var(--text-sm); font-weight:700; letter-spacing:0; text-transform:none; }
.pc-game-demo footer ul { display:flex; flex-wrap:wrap; gap:var(--space-xs); margin:0; padding:0; list-style:none; }
.pc-game-demo footer li { max-width:100%; padding:.35rem .75rem; border:1px solid var(--line); border-radius:var(--radius-pill); background:var(--surface-soft); color:var(--paper); font-size:var(--text-sm); font-weight:700; line-height:1.35; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.pc-game-demo footer > div:last-child { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-sm) var(--space-md); min-width:0; }
.pc-game-demo footer .pc-action { line-height:1.35; }
.pc-game-demo footer > div:last-child > a:not(.pc-action) { display:inline-flex; min-height:var(--control-h); align-items:center; color:var(--paper); text-decoration:underline; text-underline-offset:.2em; }
.pc-game-demo footer > div:last-child > a:not(.pc-action):hover { color:var(--accent); }
.pc-game-offers > header > h2 { font-family:var(--font-heading); font-size:var(--text-h2); font-weight:var(--heading-weight); line-height:1.3; letter-spacing:var(--heading-spacing); text-wrap:balance; }
.pc-game-offers article { display:grid; grid-template-columns:2rem minmax(0,1fr) minmax(0,1fr) minmax(8.5rem,max-content); gap:var(--space-md); align-items:center; padding:var(--space-md) 0; border-top:1px solid var(--line); }
.pc-game-offers article > b { display:grid; width:2rem; height:2rem; place-content:center; border:1px solid var(--line); border-radius:50%; color:var(--muted); font-size:var(--text-sm); font-variant-numeric:tabular-nums; }
.pc-game-offers__name { display:grid; min-width:0; gap:var(--space-xs); }
.pc-game-offers__name > strong { font-size:var(--text-base); line-height:1.4; }
.pc-game-offers article small { display:block; color:var(--muted); font-size:var(--text-sm); font-weight:700; letter-spacing:0; text-transform:none; font-variant-numeric:tabular-nums; }
.pc-game-offers__offer { min-width:0; color:var(--paper); font-family:var(--font-heading); font-size:var(--text-lg); font-weight:800; line-height:1.35; font-variant-numeric:tabular-nums; text-wrap:balance; }
.pc-game-offers article > .pc-action { max-width:16rem; text-align:center; }
.pc-game-offers article > .pc-action:hover { background-color:color-mix(in oklab, var(--accent) 70%, var(--paper)); }
.pc-game-offers article > .pc-action:active { background-color:color-mix(in oklab, var(--accent) 80%, var(--ink)); }
.pc-game-offers > footer { padding-top:var(--space-md); border-top:1px solid var(--line); }
.pc-game-offers > footer p { color:var(--muted); font-size:var(--text-sm); }
.pc-game-offers > footer a:not(:hover) { color:var(--paper); }

.pc-comparison-hero { display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:"art" "title" "scope" "facts" "actions"; align-items:start; }
.pc-comparison-hero > h1 { grid-area:title; font-size:max(var(--text-h2),min(var(--text-display),calc(var(--text-display) * 40 / max(40,var(--title-len,0))))); text-wrap:balance; }
.pc-comparison-hero > p { grid-area:scope; max-width:62ch; margin:var(--space-sm) 0 var(--space-md); }
.pc-comparison-hero > p + p { grid-area:facts; margin:calc(-1 * var(--space-xs)) 0 var(--space-md); color:var(--paper); font-size:var(--text-sm); font-weight:700; font-variant-numeric:tabular-nums; }
.pc-comparison-hero > div { grid-area:actions; display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-sm) var(--space-md); }
.pc.pc-filter-bar { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:var(--space-sm) var(--space-lg); padding-block:var(--space-md); }
.pc-filter-bar > p { display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-xs) var(--space-sm); min-width:0; margin:0; }
.pc-filter-bar > p:first-child { flex:1 1 28rem; }
.pc-filter-bar > p:last-child { flex:0 1 auto; }
.pc-filter-bar > p > span { color:var(--muted); font-size:var(--text-xs); font-weight:600; letter-spacing:normal; text-transform:none; }
.pc-filter-bar > p > :is(b,strong) { display:inline-flex; align-items:center; gap:.5em; min-width:0; padding:var(--space-xs) var(--space-sm); border:1px solid color-mix(in oklab, var(--muted) 45%, transparent); border-radius:var(--radius-sm); background:var(--surface-raised); color:var(--paper); font-size:var(--text-sm); font-weight:600; }
.pc-filter-bar > p > b[aria-current] { border-color:var(--accent); border-width:2px; padding-inline:calc(var(--space-sm) - 1px); background:var(--surface-soft); font-weight:750; }
.pc-filter-bar > p > strong { font-weight:700; font-variant-numeric:tabular-nums; }
.pc-filter-bar > p > strong::after { flex:none; width:.4em; height:.4em; margin-top:-.2em; border-right:2px solid var(--accent); border-bottom:2px solid var(--accent); content:""; transform:rotate(45deg); }
@container (max-width:26rem) {
  .pc.pc-filter-bar > p { flex:1 1 100%; }
  .pc-filter-bar > p > span { flex:1 1 100%; }
  .pc-filter-bar > p > b { flex:1 1 auto; justify-content:center; text-align:center; }
  .pc-filter-bar > p > strong { flex:1 1 auto; justify-content:space-between; }
}
.pc-comparison-hero > div > a { display:inline-flex; min-height:var(--control-h); align-items:center; gap:.6em; padding:.55rem var(--space-md); border:1px solid var(--accent); border-radius:var(--radius-md); background-color:color-mix(in oklab, var(--accent) 10%, transparent); color:var(--paper); font-weight:750; line-height:1.4; text-decoration:underline; text-decoration-color:color-mix(in oklab, var(--accent) 70%, transparent); text-decoration-thickness:1px; transition:background-color .15s ease,border-color .15s ease; }
.pc-comparison-hero > div > a::after { flex:none; width:.45em; height:.45em; border-top:2px solid var(--accent); border-right:2px solid var(--accent); content:""; transform:rotate(45deg); transition:transform .15s ease; }
.pc-comparison-hero > div > a:hover { border-color:var(--accent); background-color:color-mix(in oklab, var(--accent) 20%, transparent); color:var(--paper); text-decoration-color:var(--accent); }
.pc-comparison-hero > div > a:hover::after { transform:translateX(.2em) rotate(45deg); }
.pc-comparison-hero > div > small { flex:1 1 16rem; max-width:62ch; color:var(--muted); font-size:var(--text-sm); font-weight:500; line-height:1.5; letter-spacing:normal; text-transform:none; }
.pc-comparison-hero-art { grid-area:art; overflow:hidden; margin-bottom:var(--space-lg); border-radius:var(--radius-md); }
.pc-comparison-hero-art img { width:100%; aspect-ratio:16/9; object-fit:cover; }
/* The art column follows the hero's own grid switch, so its descendants query the same slot as the root. */
@container pc-slot (min-width:56rem) {
  .pc-comparison-hero { grid-template-columns:minmax(0,1fr) minmax(15rem,22rem); grid-template-rows:auto auto auto auto 1fr; grid-template-areas:"title title" "scope art" "facts art" "actions art" ". art"; column-gap:var(--space-xl); }
  .pc-comparison-hero-art { margin-top:var(--space-sm); margin-bottom:0; }
  .pc-comparison-hero-art img { aspect-ratio:3/2; }
}
@container (max-width:30rem) { .pc-comparison-hero > h1 { font-size:max(var(--text-lg),min(clamp(var(--text-h2),8.5cqi,var(--text-display)),calc(440cqi / max(1,var(--title-len,1))))); } }
@media (prefers-reduced-motion:reduce) { .pc-comparison-hero > div > a,.pc-comparison-hero > div > a::after { transition:none; } }
.pc-comparison-table > h2 { font-size:var(--text-h3); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.2; }
.pc-comparison-table > div { overflow-x:auto; }
.pc-comparison-table > div:focus-visible { outline:3px solid var(--accent); outline-offset:-3px; }
.pc-comparison-table table { width:100%; min-width:36rem; border-collapse:collapse; text-align:left; font-variant-numeric:tabular-nums; }
.pc-comparison-table :where(th,td) { padding:var(--space-sm) var(--space-md); border-bottom:1px solid var(--line); vertical-align:middle; }
.pc-comparison-table :where(th,td) { overflow-wrap:normal; }
.pc-comparison-table td:nth-child(2) { white-space:nowrap; }
.pc-comparison-table td:nth-child(3) { min-width:6rem; }
.pc-comparison-table td.pc-comparison-table__offer { min-width:8rem; }
.pc-comparison-table td:last-child { min-width:9rem; padding-inline-start:var(--space-xs); }
.pc-comparison-table thead :where(th,td) { border-bottom:2px solid var(--accent); background:color-mix(in oklab, var(--accent) 12%, var(--surface)); color:var(--paper); font-size:var(--text-sm); font-weight:800; }
.pc-comparison-table th:first-child { position:sticky; left:0; z-index:1; width:28%; min-width:9rem; background:var(--surface); overflow-wrap:break-word; }
.pc-comparison-table thead th:first-child { background:color-mix(in oklab, var(--accent) 12%, var(--surface)); }
.pc-comparison-table tbody th { color:var(--paper); font-size:var(--text-lg); font-weight:750; line-height:1.35; }
.pc-comparison-table tbody tr:hover > * { background:color-mix(in oklab, var(--accent) 6%, var(--surface)); }
.pc-comparison-table .pc-comparison-table__rating { color:var(--paper); font-weight:700; }
.pc-comparison-table td.pc-comparison-table__offer { color:var(--accent); font-size:var(--text-lg); font-weight:800; }
.pc-comparison-table td:last-child { text-align:end; }
@container (max-width:36rem) {
  .pc-comparison-table table { min-width:0; }
  .pc-comparison-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .pc-comparison-table :where(table,tbody) { display:block; }
  .pc-comparison-table tbody tr { display:grid; gap:var(--space-xs); padding-block:var(--space-md); border-bottom:1px solid var(--line); }
  .pc-comparison-table tbody :is(th,td):nth-child(n) { position:static; display:block; width:auto; min-width:0; max-width:none; padding:0; border:0; background:none; white-space:normal; overflow-wrap:anywhere; }
  .pc-comparison-table tbody td:not(:last-child) { display:flex; align-items:baseline; justify-content:space-between; gap:var(--space-md); text-align:end; }
  .pc-comparison-table tbody td:not(:last-child)::before { content:attr(data-label); flex:0 1 45%; color:var(--muted); font-size:var(--text-sm); font-weight:400; text-align:start; overflow-wrap:break-word; }
  .pc-comparison-table tbody td:last-child { margin-top:var(--space-xs); text-align:start; }
  .pc-comparison-table tbody td:last-child > .pc-action { width:100%; }
}
.pc-promo-code-table > div { overflow-x:auto; }
.pc-promo-code-table > div:focus-visible { outline:3px solid var(--accent); outline-offset:-3px; }
.pc-promo-code-table table { width:100%; min-width:30rem; border-collapse:collapse; text-align:left; }
.pc-promo-code-table :where(th,td) { padding:var(--space-md); border-bottom:1px solid var(--line); }
.pc-promo-code-table thead { background:var(--surface-raised); }
.pc-game-comparison { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--space-md); }
.pc-game-comparison > div { overflow-x:auto; }
.pc-game-comparison > div:focus-visible { outline:3px solid var(--accent); outline-offset:-3px; }
.pc-game-comparison table { width:100%; min-width:38rem; border-collapse:collapse; text-align:left; font-variant-numeric:tabular-nums; }
.pc-game-comparison :where(th,td) { padding:var(--space-md); border-bottom:1px solid var(--line); vertical-align:baseline; }
.pc-game-comparison thead th { border-bottom:2px solid var(--accent); background:color-mix(in oklab, var(--accent) 12%, transparent); color:var(--paper); font-size:var(--text-sm); font-weight:800; vertical-align:bottom; }
.pc-game-comparison tbody th { color:var(--paper); font-size:var(--text-lg); font-weight:700; }
.pc-game-comparison tbody tr:hover { background:color-mix(in oklab, var(--accent) 6%, transparent); }
.pc-game-comparison th > a { display:flex; min-height:var(--control-h); align-items:center; margin-block:calc(var(--space-xs) - var(--space-md)); color:var(--accent); text-underline-offset:.2em; }
.pc-game-comparison th > a:hover { color:var(--paper); text-decoration-thickness:2px; }
.pc-game-comparison__key { color:var(--paper); font-weight:700; }
.pc-game-comparison__top { background:color-mix(in oklab, var(--accent) 16%, transparent); font-weight:850; }
.pc-game-comparison td:empty::after { content:"—" / ""; color:var(--muted); }
.pc-game-comparison > .pc-action { justify-self:start; line-height:1.35; }
.pc-podium { display:grid; gap:var(--space-md); }
.pc-podium > p { max-width:none; margin:0; color:var(--muted); font-size:var(--text-sm); line-height:1.45; text-align:center; text-wrap:balance; }
.pc-podium > ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:var(--space-sm); margin:0; padding:0; border-bottom:2px solid var(--line); list-style:none; }
.pc-podium li { display:grid; align-content:start; justify-items:center; gap:var(--space-xs); min-width:0; margin:0; padding:var(--space-md) var(--space-sm); border-radius:var(--radius-md) var(--radius-md) 0 0; background:var(--surface-soft); color:var(--paper); text-align:center; overflow-wrap:break-word; hyphens:auto; }
.pc-podium li:first-child { grid-row:1; grid-column:2; min-height:11rem; background:var(--accent); color:var(--ink); }
.pc-podium li:nth-child(2) { grid-row:1; grid-column:1; margin-top:var(--space-xl); background:color-mix(in oklab, var(--accent) 16%, var(--surface-soft)); }
.pc-podium li:nth-child(3) { grid-row:1; grid-column:3; margin-top:calc(var(--space-xl) + var(--space-lg)); }
.pc-podium li small { color:inherit; font-family:var(--font-heading); font-size:var(--text-h3); font-weight:var(--heading-weight); line-height:1; font-variant-numeric:tabular-nums; }
.pc-podium li:first-child small { font-size:var(--text-h1); }
.pc-podium li b { font-size:var(--text-sm); font-weight:700; line-height:1.4; }
.pc-podium li span { font-size:var(--text-lg); font-weight:850; line-height:1.2; font-variant-numeric:tabular-nums; }
.pc-podium > .pc-action { justify-self:center; max-width:100%; line-height:1.4; text-align:center; text-wrap:balance; }
.pc-rank-card { display:grid; grid-template-columns:auto minmax(0,1.2fr) minmax(0,1fr) auto; gap:var(--space-sm) var(--space-md); align-items:center; }
.pc-rank { display:grid; width:2.5rem; height:2.5rem; place-content:center; border:1px solid var(--accent); border-radius:50%; background:var(--surface-soft); color:var(--paper); font-weight:850; font-variant-numeric:tabular-nums; }
.pc-rank-card > div strong,.pc-rank-card > div span { display:block; }
.pc-rank-card > div > strong { font-size:var(--text-lg); line-height:1.32; }
.pc-rank-card > div > span { margin-top:.2rem; color:var(--muted); font-size:var(--text-sm); line-height:1.4; font-variant-numeric:tabular-nums; }
.pc-rank-card > div > span > b { color:var(--paper); font-weight:800; }
.pc-rank-card > div:nth-of-type(2) { min-width:0; }
.pc-rank-card > div:nth-of-type(2) b { display:block; color:var(--accent); font-family:var(--font-heading); font-size:var(--text-h3); font-weight:var(--heading-weight); line-height:1.32; font-variant-numeric:lining-nums tabular-nums; text-wrap:balance; }
.pc-rank-card > .pc-action { max-width:14rem; text-align:center; text-wrap:balance; transition:transform .18s ease-out, box-shadow .18s ease-out; }
.pc-rank-card > .pc-action:hover { box-shadow:var(--shadow-card); filter:none; transform:translateY(-1px); }
@media (prefers-reduced-motion:reduce) { .pc-rank-card > .pc-action { transition:none; } .pc-rank-card > .pc-action:hover { transform:none; } }
.pc-operator-list > ol { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr)); counter-reset:pc-operator-rank; }
.pc-operator-list > ol > li { display:flex; flex-direction:column; gap:0; padding:0; counter-increment:pc-operator-rank; }
.pc-operator-list > ol > li:first-child { border-color:var(--accent); }
.pc-operator-list__logo { display:grid; place-items:center; padding:var(--space-md); border-radius:var(--radius) var(--radius) 0 0; background:var(--chip); }
.pc-operator-list__logo img { width:12rem; height:5rem; object-fit:contain; }
.pc-operator-list__content { display:flex; flex:1; flex-direction:column; align-items:stretch; gap:var(--space-xs); padding:var(--space-md); text-align:center; }
.pc-operator-list__content::before { content:counter(pc-operator-rank); display:grid; align-self:center; min-width:2.5rem; height:2.5rem; place-content:center; padding-inline:var(--space-xs); border:1px solid color-mix(in oklab, var(--accent) 55%, transparent); border-radius:var(--radius-pill); background:color-mix(in oklab, var(--accent) 16%, var(--surface)); color:var(--paper); font-weight:850; font-variant-numeric:tabular-nums; }
.pc-operator-list > ol > li:first-child .pc-operator-list__content::before { border-color:var(--accent); background:var(--accent); color:var(--ink); }
.pc-operator-list__content > small { max-width:100%; padding:0; color:var(--muted); font-size:var(--text-sm); font-weight:700; letter-spacing:.01em; text-transform:none; overflow-wrap:anywhere; }
.pc-operator-list__content > p { margin:0; }
.pc-operator-list__offer { color:var(--paper); font-size:var(--text-lg); font-weight:800; line-height:1.4; text-wrap:balance; }
.pc-operator-list__rating { display:flex; justify-content:center; align-items:center; gap:var(--space-xs); color:var(--accent); }
.pc-operator-list__content > .pc-action { width:100%; margin-top:auto; text-align:center; text-wrap:balance; transition:box-shadow .18s ease-out, background-color .18s ease-out; }
.pc-operator-list__content > .pc-action:hover { box-shadow:var(--shadow-card); filter:none; }
.pc-operator-list__content > p:last-of-type { margin-bottom:var(--space-sm); }
.pc-operator-list > p { max-width:60ch; margin-top:var(--space-sm); color:var(--muted); font-size:var(--text-sm); }
@container (max-width:22rem) { .pc-operator-list__content { padding:var(--space-sm); } }
.pc-author-scoring > header { margin-bottom:var(--space-md); }
.pc-edge-rail > header { display:grid; justify-content:stretch; gap:var(--space-xs); margin-bottom:var(--space-md); }
.pc-edge-rail > header > h2 { font-family:var(--font-heading); font-size:var(--text-h2); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.2; text-wrap:balance; }
.pc-edge-rail > header > span { max-width:36em; color:var(--muted); font-size:var(--text-sm); }
.pc-edge-rail > p { margin-inline-start:auto; padding-bottom:var(--space-xs); color:var(--muted); font-size:var(--text-xs); font-weight:700; text-align:end; }
.pc-edge-rail > p:last-child { margin-inline-start:0; padding:var(--space-sm) 0 0; font-weight:400; text-align:start; }
.pc-edge-rail > div { display:grid; grid-template-columns:minmax(7rem,.7fr) minmax(8rem,1.3fr) minmax(4.5rem,auto); gap:var(--space-md); align-items:center; padding:.85rem 0; border-top:1px solid var(--line); }
.pc-edge-rail > div > b { font-variant-numeric:tabular-nums; text-align:end; }
.pc-edge-rail i { display:block; height:.625rem; border-radius:var(--radius-pill); background:linear-gradient(90deg,var(--muted) var(--edge,65%),var(--surface-soft) var(--edge,65%)); box-shadow:inset 0 0 0 1px var(--line); }
.pc-author-scoring i { display:block; height:.5rem; border-radius:var(--radius-pill); background:linear-gradient(90deg,var(--accent) var(--edge,65%),var(--surface-soft) var(--edge,65%)); }

.pc-masthead { display:grid; min-height:min(20rem,50cqi); place-content:center; text-align:center; }
.pc-masthead > small { text-transform:none; letter-spacing:.02em; }
.pc-masthead > :is(h1,strong) { max-width:min(100%,52rem); margin:var(--space-sm) auto var(--space-md); font-family:var(--font-editorial); font-size:max(calc(var(--text-h3) * .85),min(var(--text-h1),calc(var(--text-h1) * 36 / max(36,var(--title-len,0))))); text-wrap:balance; }
.pc-masthead > p { display:flex; flex-wrap:wrap; justify-content:center; column-gap:.35rem; }
@container (max-width:24rem) { .pc-masthead > :is(h1,strong) { font-size:max(var(--text-sm),min(var(--text-h1),calc(var(--text-h1) * 36 / max(36,var(--title-len,0))),calc(100cqi * 4.2 / max(1,var(--title-len,1))))); letter-spacing:min(0em,var(--heading-spacing)); } }
.pc-toc { position:sticky; top:calc(var(--sticky-top,0px) + 1.5rem); display:flex; width:min(100%,22rem); max-height:22rem; overflow-y:auto; align-items:flex-start; flex-direction:column; gap:.35rem; }
.pc-article > .pc-toc { position:static; }
.pc-toc > strong { margin-bottom:var(--space-xs); font-size:1rem; line-height:1.4; letter-spacing:0; }
.pc-toc > a { width:100%; padding:.6rem var(--space-sm); border-left:.2rem solid transparent; color:var(--muted); text-decoration:none; }
.pc-toc > a[aria-current="location"] { border-color:var(--accent); background:color-mix(in oklab, var(--accent) 9%, transparent); color:var(--paper); }
main > .pc-toc { position:static; flex-direction:row; flex-wrap:wrap; align-items:center; width:100%; max-height:none; overflow:visible; gap:var(--space-xs) var(--space-sm); }
main > .pc-toc > strong { width:100%; margin-bottom:0; color:var(--accent); font-size:var(--text-xs); font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
main > .pc-toc > a { width:auto; min-height:var(--control-h); display:inline-flex; align-items:center; padding:.45rem var(--space-md); border:1px solid var(--line); border-radius:var(--radius-pill); }
main > .pc-toc > a[aria-current="location"] { border-color:var(--accent); }
/* Editorial callout: label column beside a large editorial claim; the claim is the focal point, the evidence link a 44px route. */
.pc-callout { display:grid; grid-template-columns:minmax(0,13rem) minmax(0,1fr); align-content:start; gap:var(--space-xs) var(--space-lg); background:var(--surface-raised); box-shadow:none; }
.pc-callout > small { grid-row:1 / span 2; align-self:stretch; padding:.35rem var(--space-lg) 0 0; border-right:1px solid var(--line); font-size:var(--text-sm); line-height:1.35; letter-spacing:.02em; text-transform:none; }
.pc-callout > div { grid-column:2; color:var(--paper); font-family:var(--font-editorial); font-size:var(--text-h3); font-weight:500; line-height:1.36; }
.pc-callout > div > p { color:inherit; max-width:32em; }
.pc-callout > a { grid-column:2; justify-self:start; display:inline-flex; align-items:center; min-height:var(--control-h); color:var(--accent); font-weight:800; text-decoration-color:color-mix(in oklab, var(--accent) 45%, transparent); text-decoration-thickness:1px; }
.pc-callout > a:hover { color:var(--paper); text-decoration-color:currentColor; }
@container (max-width:40rem) { .pc-callout > :is(small,div,a) { grid-column:1 / -1; } .pc-callout > small { grid-row:auto; padding:0; border-right:0; } }
/* Related reading: real h2/h3 outline; the whole card is the link, padded on the link so the focus ring hugs the card; title leads, muted eyebrow follows. */
.pc-reading > header > h2 { font-family:var(--font-heading); font-size:var(--text-h3); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.25; text-wrap:balance; }
.pc-reading article { padding:0; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); transition:border-color .18s ease-out,background-color .18s ease-out; }
.pc-reading article:has(.pc-reading__link:is(:hover,:focus-visible)) { border-color:var(--accent); background:color-mix(in oklab, var(--surface-raised) 90%, var(--accent)); }
.pc-reading__link { position:relative; display:grid; grid-template-rows:auto auto 1fr auto; gap:var(--space-xs); height:100%; padding:1.25rem; border-radius:inherit; color:inherit; text-decoration:none; }
.pc-reading__link > small { color:var(--muted); letter-spacing:.02em; text-transform:none; overflow-wrap:anywhere; }
.pc-reading__link > b { display:block; color:var(--paper); font-family:var(--font-heading); font-size:var(--text-lg); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.4; overflow-wrap:anywhere; }
.pc-reading__link:hover > b { color:var(--accent); }
.pc-reading__link > span:first-of-type { justify-self:start; margin-top:var(--space-xs); color:var(--accent); font-size:var(--text-sm); font-weight:800; }
.pc-reading__link > span:first-of-type::after { content:""; display:inline-block; width:.45em; height:.45em; margin-left:.45em; border:solid currentColor; border-width:2px 2px 0 0; transform:rotate(45deg); vertical-align:.08em; transition:transform .18s ease-out; }
.pc-reading__link:is(:hover,:focus-visible) > span:first-of-type::after { transform:translateX(3px) rotate(45deg); }
.pc-reading__link > span:last-of-type { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media (prefers-reduced-motion:reduce) { .pc-reading article,.pc-reading__link > span:first-of-type::after { transition:none; } }
.pc-author-hero { display:grid; grid-template-columns:auto minmax(0,1fr); gap:var(--space-lg) var(--space-xl); align-items:start; }
.pc-byline > img { display:block; width:5rem; height:5rem; border-radius:50%; object-fit:cover; }
.pc-author-hero > img { display:block; width:7.5rem; height:7.5rem; border:1px solid var(--line); border-radius:50%; object-fit:cover; }
.pc-author-hero > div { display:grid; grid-template-columns:minmax(0,1fr); align-content:start; min-width:0; }
.pc-author-hero > div > small { display:block; margin-bottom:var(--space-xs); font-size:var(--text-sm); letter-spacing:.01em; text-transform:none; }
.pc-author-hero > div > h1 { font-size:max(var(--text-h2),min(var(--text-display),calc(var(--text-display) * 24 / max(24,var(--title-len,0))))); line-height:1.05; text-wrap:balance; }
.pc-author-hero > div > div { max-width:65ch; margin-top:var(--space-sm); font-size:var(--text-lg); }
.pc-author-hero > div > ul { display:flex; flex-wrap:wrap; gap:var(--space-sm) var(--space-lg); margin:var(--space-md) 0 0; padding:var(--space-sm) var(--space-md); border:1px solid var(--line); border-radius:var(--radius-md); background:color-mix(in oklab, var(--surface-soft) 70%, transparent); list-style:none; }
.pc-author-hero > div > ul > li { display:grid; gap:.15rem; min-width:0; }
.pc-author-hero > div > ul > li > span { color:var(--muted); font-size:var(--text-xs); font-weight:700; }
.pc-author-hero > div > ul > li > strong { color:var(--paper); font-size:var(--text-base); font-weight:750; }
.pc-author-hero nav { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-sm); margin-top:var(--space-lg); }
.pc-author-hero nav a { display:inline-flex; align-items:center; min-height:var(--control-h); padding:.5rem 1rem; border:1px solid var(--line); border-radius:var(--radius-md); color:var(--paper); font-weight:750; line-height:1.2; text-decoration:none; transition:border-color .2s ease-out, background-color .2s ease-out; }
.pc-author-hero nav a:hover { border-color:var(--accent); background-color:color-mix(in oklab, var(--accent) 12%, transparent); }
@container (min-width:56rem) {
  .pc-author-hero > div { grid-template-columns:minmax(0,1fr) minmax(15rem,19rem); column-gap:var(--space-xl); }
  .pc-author-hero > div > :not(ul) { grid-column:1; }
  .pc-author-hero > div > ul { grid-column:2; grid-row:1 / span 4; align-self:center; flex-direction:column; margin:0; padding:var(--space-md) var(--space-lg); }
}
@media (prefers-reduced-motion:reduce) { .pc-author-hero nav a { transition:none; } }
.pc-author-scoring footer { display:flex; flex-wrap:wrap; gap:var(--space-md); margin-top:var(--space-md); color:var(--muted); }
/* Author scoring: a named heading with a 44px methodology route; each bar is drawn at its own weight, a total row sums the weights, and the scale legend is labelled and grouped left. */
.pc-author-scoring > header > h2 { font-size:var(--text-h3); line-height:1.2; }
.pc-author-scoring > header > a { display:inline-flex; align-items:center; min-height:var(--control-h); }
.pc-author-scoring > div { display:grid; grid-template-columns:minmax(7rem,15rem) minmax(8rem,1fr) 4.5rem; gap:var(--space-md); align-items:center; padding:.85rem 0; border-top:1px solid var(--line); }
.pc-author-scoring > div > span { color:var(--paper); font-weight:600; }
.pc-author-scoring > div > b { text-align:end; white-space:nowrap; font-variant-numeric:lining-nums tabular-nums; }
.pc-author-scoring i { background:linear-gradient(90deg,var(--accent) var(--edge,0%),color-mix(in oklab, var(--paper) 14%, transparent) var(--edge,0%)); }
.pc-author-scoring > div:last-of-type { border-top-color:color-mix(in oklab, var(--paper) 40%, transparent); font-weight:800; }
.pc-author-scoring > div:last-of-type > span { font-weight:800; }
.pc-author-scoring > div:last-of-type > b { grid-column:-2 / -1; font-size:var(--text-lg); }
.pc-author-scoring > footer { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr)); align-items:baseline; gap:var(--space-xs) var(--space-lg); }
.pc-author-scoring > footer > strong { grid-column:1 / -1; }
.pc-author-scoring > footer > strong { color:var(--paper); font-size:var(--text-sm); }
.pc-author-scoring > footer b { color:var(--paper); font-variant-numeric:lining-nums tabular-nums; }
/* Byline: identity stack sits beside its profile link (no full-width dead band); the link column is capped so stress labels wrap before the credentials. */
.pc-byline { display:grid; grid-template-columns:auto minmax(0,max-content) minmax(0,16rem); justify-content:start; column-gap:var(--space-lg); row-gap:var(--space-sm); align-items:center; }
.pc-byline > img { width:3.5rem; height:3.5rem; border:2px solid color-mix(in oklab, var(--accent) 45%, var(--line)); }
.pc-byline > div { display:flex; flex-wrap:wrap; align-items:baseline; column-gap:var(--space-md); row-gap:.2rem; }
.pc-byline small,.pc-byline b { flex-basis:100%; }
.pc-byline small { color:var(--muted); font-size:var(--text-sm); font-weight:600; letter-spacing:normal; text-transform:none; }
.pc-byline b { color:var(--paper); font-family:var(--font-heading); font-size:var(--text-lg); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.3; }
.pc-byline span { color:var(--muted); font-size:var(--text-sm); }
.pc-byline time { color:var(--paper); font-variant-numeric:tabular-nums; white-space:nowrap; }
.pc-byline > a[href] { justify-self:start; font-weight:600; }
.pc-byline > a[href]:hover { text-decoration-thickness:2px; }
/* Scorecards: rows subgrid onto one label / bar / value axis; narrow containers stack the bar under its label. */
.pc-scorecard { display:grid; grid-template-columns:fit-content(16rem) minmax(8rem,1fr) auto; column-gap:var(--space-md); }
.pc-scorecard > * { grid-column:1 / -1; }
.pc-scorecard > header { margin-bottom:var(--space-md); }
.pc-scorecard > div { display:grid; grid-template-columns:subgrid; align-items:center; padding:.85rem 0; border-top:1px solid var(--line); }
.pc-scorecard > div > b { font-size:var(--text-lg); text-align:end; white-space:nowrap; }
.pc-scorecard b,.pc-scorecard > header > strong { font-variant-numeric:lining-nums tabular-nums; }
.pc-scorecard i { display:block; height:.5rem; border-radius:var(--radius-pill); background:linear-gradient(90deg,var(--accent) var(--weight),color-mix(in oklab, var(--paper) 16%, transparent) var(--weight)); }
.pc-scorecard footer { display:flex; flex-wrap:wrap; gap:var(--space-md); margin-top:var(--space-md); color:var(--muted); }
.pc-scorecard--weights > header { display:block; }
.pc-scorecard--weights > header > h2 { font-size:var(--text-h3); }
.pc-scorecard--weights > header > p { margin-block:var(--space-xs) 0; }
.pc-scorecard--weights > footer { flex-wrap:nowrap; justify-content:space-between; align-items:baseline; margin-top:0; padding-top:.85rem; border-top:1px solid var(--line); color:var(--paper); font-weight:700; }
.pc-scorecard--weights > footer > b { font-size:var(--text-lg); white-space:nowrap; }
.pc-scorecard--rating > header { flex-direction:column; align-items:flex-start; gap:var(--space-xs); }
.pc-scorecard--rating > header > span { color:var(--muted); font-size:var(--text-sm); font-weight:700; }
.pc-scorecard--rating > header > strong { font-size:var(--text-h1); line-height:1.1; }
.pc-scorecard--rating > header > strong > span { margin-left:.1em; color:var(--muted); font-size:.5em; }
.pc-scorecard--rating > footer > span { max-width:65ch; }
@container (max-width:30rem) {
  .pc-scorecard > div { grid-template-columns:minmax(0,1fr) auto; gap:var(--space-xs) var(--space-sm); }
  .pc-scorecard i { grid-column:1 / -1; grid-row:2; }
}
.pc-review-team > header { display:grid; justify-items:start; gap:var(--space-sm); }
.pc-review-team > header > h2 { font-family:var(--font-heading); font-size:var(--text-h2); font-weight:var(--heading-weight); line-height:1.3; letter-spacing:var(--heading-spacing); text-wrap:balance; }
.pc-review-team > header > p { max-width:65ch; margin:0; color:var(--muted); font-size:var(--text-base); line-height:1.55; }
.pc-review-team ul { margin:0; padding:0; list-style:none; }
.pc-review-team > header > ul { display:flex; flex-wrap:wrap; gap:var(--space-xs); margin-top:var(--space-xs); }
.pc-review-team > header > ul > li { padding:.3rem .75rem; border:1px solid var(--line); border-radius:var(--radius-pill); background:var(--surface-soft); color:var(--paper); font-size:var(--text-sm); font-weight:600; line-height:1.35; overflow-wrap:anywhere; }
.pc-review-team > ul { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr)); gap:var(--space-md); margin-top:var(--space-lg); padding-top:var(--space-lg); border-top:1px solid var(--line); }
.pc-review-team > ul > li { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:var(--space-sm); min-width:0; color:var(--paper); }
.pc-review-team > ul > li > i { display:grid; width:2.75rem; height:2.75rem; place-content:center; border:1px solid var(--line); border-radius:50%; background:var(--surface-raised); color:var(--paper); font-size:var(--text-sm); font-style:normal; font-weight:800; letter-spacing:.04em; }
.pc-review-team > ul > li > span { display:grid; gap:.15rem; min-width:0; overflow-wrap:anywhere; }
.pc-review-team > ul > li b { font-size:var(--text-lg); line-height:1.3; }
.pc-review-team > ul > li small { display:block; color:var(--muted); font-size:var(--text-sm); font-weight:500; line-height:1.4; letter-spacing:0; text-transform:none; }
.pc-review-team > ul > li em { color:var(--paper); font-size:var(--text-sm); font-style:normal; line-height:1.4; }

.pc :where(h1,h2,h3) { font-family:var(--font-heading); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); text-wrap:balance; }
.pc :where(h1) { font-size:var(--text-h1); line-height:1.08; }
.pc :where(h2) { font-size:var(--text-h2); line-height:1.12; }
.pc :where(h3) { line-height:1.25; }
.pc-prose-section > header { display:block; }
.pc-prose-section h2,.pc-split-section h2 { margin-top:.35rem; }
.pc-prose-section h2 { font-size:var(--text-h3); line-height:1.25; }
.pc-section-score { display:inline-block; margin-left:var(--space-sm); padding:.15rem .6rem; border:1px solid var(--line); border-radius:var(--radius-pill); background:var(--surface-raised); color:var(--paper); font-size:var(--text-xs); font-weight:850; font-variant-numeric:tabular-nums; vertical-align:middle; }
h2 + .pc-section-score { margin:var(--space-xs) 0 0; }
.pc-section-score > span { color:var(--muted); font-weight:700; }
.pc-prose { margin-top:1.25rem; }
.pc-prose-section > .pc-prose :where(p,li) { color:var(--paper); }
.pc-prose-section > .pc-prose:first-child { margin-top:0; }
.pc-prose-table table { width:100%; margin:var(--space-md) 0; border-collapse:collapse; table-layout:fixed; text-align:left; font-variant-numeric:tabular-nums; }
.pc-prose-table :where(th,td) { padding:var(--space-xs) var(--space-md) var(--space-xs) 0; border:0; overflow-wrap:break-word; hyphens:auto; vertical-align:top; }
.pc-prose-table thead th { border-bottom:1px solid var(--line); color:var(--muted); font-size:var(--text-sm); font-weight:700; }
.pc-prose-table tbody th { font-weight:700; }
.pc-prose-table tbody tr + tr { border-top:1px solid var(--line); }
.pc-split-section > header { display:block; }
.pc-split-section > header > div:last-child { max-width:60ch; margin-top:var(--space-sm); }
.pc-split-section-visual { width:100%; margin:auto 0 0; padding-top:var(--space-sm); }
.pc-text-columns,.pc-do-dont > div,.pc-closing-cta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-md); }
.pc-text-columns { margin-top:var(--space-lg); }
.pc-text-columns article { display:flex; flex-direction:column; gap:var(--space-xs); }
.pc-text-columns h3 { font-size:var(--text-lg); }
.pc-text-columns article,.pc-do-dont section { padding:1.25rem; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); }
.pc-split-section-visual img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:var(--radius-md); }
@container (min-width:26.001rem) and (max-width:40rem) {
  .pc-text-columns article { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,38%); grid-template-rows:auto 1fr; gap:0 var(--space-md); align-items:start; }
  .pc-text-columns article > h3 { grid-column:1 / -1; }
  .pc-text-columns article > div { grid-column:1; grid-row:2; }
  .pc-split-section-visual { grid-column:2; grid-row:2; margin:0; padding:0; }
  .pc-split-section-visual img { aspect-ratio:1; }
}
@container (max-width:26rem) {
  .pc-split-section-visual { order:-1; margin:0 0 var(--space-xs); padding:0; }
  .pc-split-section-visual img { aspect-ratio:2/1; }
}
.pc-captioned-figure img { display:block; width:100%; height:auto; object-fit:contain; border-radius:var(--radius-md); }
.pc-captioned-figure figcaption { display:flex; flex-wrap:wrap; align-items:baseline; gap:var(--space-xs) var(--space-sm); max-inline-size:70ch; padding-top:var(--space-sm); color:var(--muted); font-size:var(--text-sm); line-height:1.5; overflow-wrap:break-word; }
.pc-captioned-figure-kind { flex:none; padding:0 var(--space-sm); border:1px solid var(--line); border-radius:var(--radius-pill); color:var(--paper); font-size:var(--text-xs); font-weight:700; line-height:1.8; }
.pc-captioned-figure-text { flex:1 1 20ch; min-width:0; }
.pc-captioned-figure-source { flex:1 1 100%; color:var(--muted); font-size:var(--text-xs); }
.pc-text-columns h3,.pc-do-dont h3 { margin-bottom:var(--space-xs); }

.pc-takeaways > header,.pc-checklist > header,.pc-do-dont > header { display:block; margin-bottom:1.25rem; }
.pc-takeaways > header h2 { text-wrap:balance; }
.pc-takeaways > header p { max-inline-size:65ch; }
.pc-takeaways > ul { display:grid; grid-template-columns:repeat(auto-fit,minmax(max(min(100%,15rem),calc((100% - 2 * var(--space-sm)) / 3)),1fr)); gap:var(--space-sm); padding:0; list-style:none; }
.pc-takeaways > ul:has(> li:nth-child(4):last-child) { grid-template-columns:repeat(auto-fit,minmax(max(min(100%,15rem),calc((100% - var(--space-sm)) / 2)),1fr)); }
.pc-takeaways li { display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:var(--space-sm); align-items:baseline; min-width:0; padding:var(--space-md); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); color:var(--paper); font-weight:600; }
.pc-takeaways li::before { color:var(--accent); content:"✓" / ""; font-weight:900; }
@container (max-width:30rem) { .pc-takeaways > header h2 { font-size:var(--text-h3); } }
.pc-verdict-copy { max-width:min(60ch,30em); margin-top:var(--space-md); font-family:var(--font-editorial); font-size:var(--text-lg); }
.pc-verdict-copy > p { color:var(--paper); }
.pc-verdict-notes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-sm); margin-top:1.25rem; }
.pc-verdict-notes p { max-width:none; margin:0; padding:var(--space-md); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); }
.pc-verdict-notes p:last-child small { color:var(--paper); }
.pc-verdict-notes small,.pc-verdict-notes strong { display:block; }
.pc-verdict-notes small { font-size:var(--text-sm); letter-spacing:normal; text-transform:none; }
.pc-verdict-notes strong { margin-top:var(--space-xs); color:var(--paper); }

.pc-checklist > header p { max-inline-size:65ch; text-wrap:pretty; }
.pc-checklist > ul { padding:0; list-style:none; }
.pc-checklist li { display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:var(--space-md); row-gap:var(--space-xs); padding:var(--space-md) 0; border-top:1px solid var(--line); }
.pc-checklist li > .pc-glyph { box-sizing:content-box; grid-column:1; grid-row:1 / span 2; align-self:start; width:1.2em; height:1.2em; padding:.4em; border-radius:var(--radius-pill); background:color-mix(in oklab, var(--accent) 16%, transparent); color:var(--paper); }
.pc-checklist li strong,.pc-checklist li span { grid-column:2; }
.pc-checklist li strong { align-self:center; color:var(--paper); font-size:var(--text-lg); }
.pc-checklist li span { max-inline-size:65ch; color:var(--muted); }
.pc-do-dont > div > section:last-child { border-color:color-mix(in oklab, var(--danger) 25%, transparent); background:color-mix(in oklab, var(--danger) 6%, transparent); }
.pc-do-dont > div > section:last-child h3 { color:var(--danger); }
.pc-do-dont > header > p { max-width:65ch; }
.pc-do-dont > div > section { padding-inline:max(var(--space-sm),calc(min(var(--inset),var(--bleed)) - 1px)); }
.pc-do-dont > div > section:first-child { border-color:color-mix(in oklab, var(--accent) 25%, transparent); background:color-mix(in oklab, var(--accent) 6%, transparent); }
.pc-do-dont > div > section:first-child h3 { color:var(--accent); }
.pc-do-dont ul { display:grid; gap:var(--space-xs); padding:0; list-style:none; }
.pc-do-dont li { display:grid; grid-template-columns:1.25em minmax(0,1fr); column-gap:var(--space-sm); }
.pc-do-dont li::before { color:var(--accent); content:"✓" / ""; font-weight:900; }
.pc-do-dont > div > section:last-child li::before { color:var(--danger); content:"✕" / ""; }
.pc-glossary :where(h2) { font-size:var(--text-h3); }
.pc-glossary dl { margin:var(--space-md) 0 0; }
.pc-glossary dl > div { display:grid; grid-template-columns:minmax(8rem,14rem) minmax(0,1fr); align-items:baseline; gap:var(--space-xs) var(--space-lg); padding:var(--space-md) 0; border-top:1px solid var(--line); }
.pc-glossary dt { color:var(--paper); font-size:var(--text-lg); font-weight:750; line-height:1.3; }
.pc-glossary dd { max-width:65ch; margin:0; }

/* Sourced claim reads as a citation: quiet label, the fact in ink at display size, qualifier, then a hairline-ruled source line. */
.pc-sourced-claim { display:grid; gap:var(--space-sm); }
.pc-sourced-claim > small { display:block; color:var(--muted); line-height:1.3; letter-spacing:.02em; text-transform:none; }
.pc-claim { margin:0; color:var(--paper); font-family:var(--font-editorial); font-size:var(--text-h3); font-weight:600; line-height:1.35; }
.pc-claim :where(p) { max-width:30em; color:inherit; text-wrap:pretty; }
.pc-sourced-claim > div:not(.pc-claim) :where(p) { max-width:62ch; }
.pc-sourced-claim > footer { justify-content:flex-start; align-items:center; gap:0 var(--space-sm); margin-top:var(--space-xs); padding-top:var(--space-xs); border-top:1px solid var(--line); color:var(--muted); font-size:var(--text-sm); }
.pc-sourced-claim > footer > span:first-child { color:var(--paper); font-weight:700; }
.pc-sourced-claim > footer > span:last-child:not(:first-child) { padding-left:var(--space-sm); border-left:1px solid var(--line); }
.pc-sourced-claim > footer > a { display:inline-flex; align-items:center; min-height:var(--control-h); color:var(--accent); font-weight:800; text-decoration-thickness:1px; }
.pc-sourced-claim > footer > a:is(:hover,:focus-visible) { color:color-mix(in oklab, var(--accent) 70%, var(--paper)); text-decoration-thickness:2px; }
.pc-expert-note figure { margin:0; }
.pc-expert-note blockquote { position:relative; margin:0 0 var(--space-lg); padding-top:1.15em; color:var(--paper); font-family:var(--font-editorial); font-size:clamp(var(--text-lg),2.6cqi,var(--text-h3)); line-height:1.35; }
.pc-expert-note blockquote::before { content:"\201C" / ""; position:absolute; top:0; left:-.05em; color:var(--accent); font-size:3em; line-height:.8; }
.pc-expert-note blockquote :where(p) { max-width:32em; color:inherit; }
.pc-expert-note figcaption { display:flex; align-items:flex-start; flex-direction:column; gap:.15rem; padding-top:var(--space-md); border-top:1px solid var(--line); }
.pc-expert-note figcaption > span { color:var(--muted); }
.pc-expert-note figcaption > small { color:var(--muted); font-size:var(--text-sm); font-weight:400; letter-spacing:normal; text-transform:none; }
.pc-expert-note figcaption > a { display:inline-flex; align-items:center; min-height:var(--control-h); color:var(--accent); font-weight:800; text-decoration-thickness:1px; }
.pc-expert-note figcaption > a:is(:hover,:focus-visible) { color:color-mix(in oklab, var(--accent) 70%, var(--paper)); text-decoration-thickness:2px; }
@container (min-width:48rem) {
  .pc-expert-note figure { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(12rem,1fr); gap:var(--space-xl); align-items:center; }
  .pc-expert-note blockquote { margin:0; }
  .pc-expert-note figcaption { padding:0 0 0 var(--space-xl); border-top:0; border-left:1px solid var(--line); }
}

.pc-benefit-pitch,.pc-closing-cta { background:linear-gradient(125deg,color-mix(in oklab, var(--accent) 13%, transparent),transparent 55%),var(--surface); }
.pc-benefit-pitch { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(15rem,.8fr); gap:var(--space-xl); }
.pc-benefit-pitch > div { display:flex; flex-direction:column; gap:var(--space-md); }
.pc-benefit-pitch > div > .pc-action { margin-top:auto; }
.pc-benefit-pitch-visual img { border-radius:var(--radius-md); }
.pc-benefit-pitch :where(h1,h2),.pc-objection-answer :where(h1,h2),.pc-closing-cta :where(h1,h2) { margin:.35rem 0 var(--space-sm); }
.pc-benefit-pitch .pc-action { margin-top:var(--space-md); }
.pc-benefit-pitch ul { display:grid; gap:var(--space-sm); margin:0; padding:0 0 0 1.25rem; }
.pc-benefit-pitch li { color:var(--paper); font-size:var(--text-lg); font-weight:600; line-height:1.35; }
.pc-benefit-pitch li::marker { color:var(--accent); }
.pc-benefit-pitch .pc-action { text-align:center; }
.pc-benefit-pitch-visual { order:1; align-self:start; }
.pc-benefit-pitch > div > strong { margin-top:auto; color:var(--paper); font-size:var(--text-h3); line-height:1.35; font-variant-numeric:tabular-nums; }
.pc-benefit-pitch > div > strong + .pc-action { margin-top:0; }
.pc-objection-answer > small { letter-spacing:.02em; text-transform:none; }
.pc-objection-answer h2 { text-wrap:balance; }
.pc-objection-answer > div :where(p) { max-width:60ch; }
.pc-objection-answer footer { justify-content:flex-start; gap:var(--space-sm) var(--space-md); margin-top:var(--space-lg); }
.pc-objection-answer footer .pc-action { flex:0 0 auto; margin-top:0; transition:box-shadow .16s ease,transform .16s ease; }
.pc-objection-answer footer .pc-action:hover { box-shadow:var(--shadow-card); transform:translateY(-1px); }
.pc-objection-answer footer .pc-action:active { box-shadow:none; transform:translateY(1px); }
.pc-objection-answer footer span { flex:1 1 16rem; max-width:44ch; color:var(--muted); font-size:var(--text-sm); line-height:1.45; }
@container (max-width:30rem) { .pc-objection-answer h2 { font-size:var(--text-h3); } .pc-objection-answer footer .pc-action { width:100%; } }
@media (prefers-reduced-motion:reduce) { .pc-objection-answer footer .pc-action { transition:none; } .pc-objection-answer footer .pc-action:hover,.pc-objection-answer footer .pc-action:active { transform:none; } }
.pc-closing-cta { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:center; }
.pc-closing-cta aside { display:flex; align-items:stretch; flex-direction:column; gap:var(--space-md); padding:var(--space-lg); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); text-align:center; }
.pc-closing-cta aside strong { color:var(--accent); font-size:clamp(1.5rem,5cqi,2.5rem); line-height:1.35; font-variant-numeric:tabular-nums; text-wrap:balance; }
.pc-closer .pc-action { min-width:min(100%,16rem); min-height:calc(var(--control-h) * 1.2); padding:.8rem 1.6rem; font-size:var(--text-lg); }
.pc-closer .pc-action:hover { box-shadow:var(--shadow-card); transform:translateY(-1px); }
.pc-closer .pc-action:active { box-shadow:none; transform:translateY(1px); }

.pc-closing-checklist { display:grid; grid-template-columns:minmax(0,1fr); justify-items:center; gap:var(--space-md); background:linear-gradient(125deg,color-mix(in oklab, var(--accent) 13%, transparent),transparent 55%),var(--surface); text-align:center; }
.pc-closing-checklist > ul { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr)); gap:var(--space-sm); width:100%; max-width:60rem; padding:0; list-style:none; }
.pc-closing-checklist li { display:grid; grid-template-columns:auto minmax(0,1fr); gap:var(--space-xs); align-items:start; padding:var(--space-sm) var(--space-md); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); color:var(--paper); text-align:start; }
.pc-closing-checklist li > .pc-glyph { width:1.15em; height:1.15em; margin-top:.2em; }
.pc-closing-checklist > .pc-action { margin-top:var(--space-sm); }
.pc-closing-backdrop { position:relative; display:grid; min-height:clamp(16rem,33vw,32rem); place-items:center; overflow:hidden; isolation:isolate; background:var(--surface); text-align:center; }
.pc-closing-backdrop > .pc-closing-backdrop__image { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; }
.pc-closing-backdrop::before { position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,color-mix(in oklab, var(--ink) 74%, transparent),color-mix(in oklab, var(--ink) 88%, transparent)); content:""; pointer-events:none; }
.pc-closing-backdrop__copy { position:relative; z-index:2; max-width:52rem; }
.pc-closing-backdrop__copy > strong { display:block; margin-bottom:var(--space-xs); color:var(--accent); font-family:var(--font-heading); font-size:var(--text-h2); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.15; font-variant-numeric:tabular-nums; text-wrap:balance; }
.pc-closing-backdrop__copy > h2 { font-size:var(--text-h3); }
.pc-closing-backdrop__copy > p { max-width:40rem; color:var(--paper); }
.pc-closing-backdrop__copy > .pc-action { margin-top:var(--space-md); }
.pc-closing-steps { display:grid; justify-items:center; gap:var(--space-lg); text-align:center; }
.pc-closing-steps > ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-md); width:100%; padding:0; list-style:none; }
.pc-closing-steps li { display:grid; grid-row:span 3; grid-template-rows:subgrid; justify-items:start; align-content:start; gap:var(--space-xs); padding:var(--space-md) 0; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); text-align:start; }
.pc-closing-steps li > * { margin-inline:var(--space-md); }
.pc-closing-steps li > b { display:grid; width:2rem; height:2rem; place-content:center; border:2px solid var(--accent); border-radius:50%; color:var(--accent); font-variant-numeric:tabular-nums; }
.pc-closing-steps li > strong { color:var(--paper); font-size:var(--text-lg); }
.pc-closing-steps li > span { color:var(--muted); }

.pc-safer-intro { display:grid; min-height:20rem; place-content:center; background:linear-gradient(130deg,color-mix(in oklab, var(--accent) 18%, var(--surface)),color-mix(in oklab, var(--accent-2) 10%, var(--surface))); text-align:center; }
.pc-safer-intro > strong { max-width:20ch; margin-inline:auto; line-height:1.32; }
/* Tight headline-to-message pairing, then a clear step before the support action. */
.pc-safer-intro > div { max-width:60ch; margin:var(--space-sm) auto var(--space-lg); }
.pc-safer-intro > div > p:first-child { margin-top:0; }
.pc-safer-intro > div > p:last-child { margin-bottom:0; }
/* Support route sits at natural width so it no longer outweighs the headline. */
.pc-safer-intro > a[href] { justify-self:center; max-width:100%; line-height:1.35; }
.pc-safer-intro > a[href]:hover { border-color:var(--paper); text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:.2em; }
.pc-limits > header { display:grid; justify-content:stretch; gap:var(--space-xs); margin-bottom:var(--space-md); }
.pc-limits > header > h2 { font-family:var(--font-heading); font-size:var(--text-h3); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.3; text-wrap:balance; overflow-wrap:anywhere; }
.pc-limits > header > p { margin:0; }
.pc-limits > dl { display:grid; max-width:40rem; margin:0; border-bottom:1px solid var(--line); }
.pc-limits > dl > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-md); align-items:baseline; padding:var(--space-sm) 0; border-top:1px solid var(--line); }
.pc-limits dt { color:var(--muted); line-height:1.4; overflow-wrap:anywhere; }
.pc-limits dd { margin:0; color:var(--paper); font-size:var(--text-lg); font-weight:800; line-height:1.35; font-variant-numeric:tabular-nums; text-align:end; overflow-wrap:anywhere; }
.pc-limits dd[data-unset] { color:var(--muted); font-size:var(--text-base); font-weight:600; }
.pc-limits > .pc-action { margin-top:var(--space-md); max-width:100%; line-height:1.35; text-align:center; overflow-wrap:anywhere; }
.pc-warnings { background:var(--surface); }
.pc-warnings > header { margin-bottom:var(--space-lg); }
.pc-warnings > header small { display:block; margin-bottom:var(--space-xs); color:var(--muted); letter-spacing:normal; text-transform:none; }
.pc-warnings > header h2 { margin:0; font-size:var(--text-h2); line-height:1.3; }
.pc-warnings__list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr)); gap:0 var(--space-lg); margin:0; padding:0; list-style:none; }
.pc-warnings__list li { display:flex; align-items:baseline; gap:var(--space-sm); padding-block:var(--space-sm); border-top:1px solid var(--line); color:var(--paper); font-size:var(--text-lg); font-weight:600; line-height:1.4; }
.pc-warnings__list li::before { content:""; flex:none; width:.6em; height:.6em; border:2px solid var(--danger); border-radius:50%; transform:translateY(-.05em); }
.pc-warnings > footer { margin-top:var(--space-lg); padding-top:var(--space-md); border-top:1px solid var(--line); }
.pc-warnings > footer .pc-action { line-height:1.4; }
.pc-warnings > footer .pc-action:hover { box-shadow:var(--shadow-card); }
main > .pc.pc-band,main > :is(.pc-closer,.pc-primary-cta):last-child,main > .pc:first-child:is(.pc-offer-hero,.pc-review-hero,.pc-game-hero,.pc-method-hero,.pc-backdrop-hero,.pc-offer-carousel,.pc-login-hero,.pc-offer-payment-hero,.pc-bonus-listing,.pc-countdown-hero,.pc-comparison-hero,.pc-payment-finder,.pc-author-hero,.pc-masthead) { grid-column:full; border-radius:0; border-inline:0; --pad-inline:calc(max(var(--main-gutter),(100% - 70rem - 3 * var(--main-gap)) / 2) + var(--main-gap) + var(--card-pad) + 1px); }
main > :is(.pc-closer,.pc-primary-cta):last-child { border-bottom:0; }
main:has(> :is(.pc-closer,.pc-primary-cta):last-child) { padding-bottom:0; }
body:has(> main > :is(.pc-closer,.pc-primary-cta):last-child) { --footer-gap:0; }
main > :is(.pc-band,.pc:first-child:is(.pc-offer-hero,.pc-review-hero,.pc-game-hero,.pc-method-hero,.pc-backdrop-hero,.pc-offer-carousel,.pc-login-hero,.pc-offer-payment-hero,.pc-bonus-listing,.pc-countdown-hero,.pc-comparison-hero,.pc-payment-finder,.pc-author-hero,.pc-masthead)) + :is(.pc.pc-band,:is(.pc-closer,.pc-primary-cta):last-child) { margin-top:calc(-1 * var(--main-gap)); border-top:0; }
.pc.pc-flush { border:0; border-radius:0; background:none; box-shadow:none; --pad-inline:calc(var(--card-pad,var(--block-pad)) + 1px); }
.pc-prose-section.pc-flush { padding-block:0; }
.pc-columns { display:grid; gap:var(--space-xl); align-items:start; }
.pc-article,.pc-rail { display:grid; gap:var(--space-xl); min-width:0; }
main > .pc:first-child:is(.pc-offer-hero,.pc-review-hero,.pc-game-hero,.pc-method-hero,.pc-backdrop-hero,.pc-login-hero,.pc-offer-payment-hero,.pc-bonus-listing,.pc-countdown-hero,.pc-comparison-hero,.pc-payment-finder,.pc-author-hero,.pc-masthead) { margin-top:calc(-1 * (var(--main-pad-top) + var(--hero-bleed,0px))); padding-top:calc(var(--pad-block) + var(--main-pad-top) + var(--hero-bleed,0px)); }
.pc-pills,.pc-tabs,.pc-card-grid,.pc-operator-offer-grid__items,.pc-testimonial-rail__items,.pc-player-rail__items,.pc-player-reviews__items,.pc-player-list__items,.pc-resource-list > ul,.pc-campaigns,.pc-bet-cards,.pc-text-columns,.pc-takeaways > ul,.pc-verdict-notes,.pc-withdrawal-timeline__phases,.pc-archive__grid,.pc-operator-scorecards article,.pc-parameter-cards__tip { margin-inline:calc(-1 * min(var(--inset),var(--bleed))); }
.pc.pc-pros-cons,.pc.pc-review-bonuses,.pc.pc-filter-bar { padding-inline:calc(var(--pad-inline) - min(var(--inset),var(--bleed))); }
.pc-review-body > nav { margin-inline-start:calc(-1 * min(var(--space-sm),var(--bleed))); }
.pc-pills,.pc-filter-bar { --inset:calc(var(--space-sm) + 1px); }
.pc-tabs { --inset:calc(.9rem + 1px); }
.pc-card-grid,.pc-withdrawal-timeline__phases,.pc-parameter-cards__tip { --inset:calc(1.1rem + 1px); }
.pc-reading > .pc-card-grid,.pc-payment-cards > .pc-card-grid,.pc-campaigns,.pc-bet-cards,.pc-text-columns,.pc-do-dont > div,.pc-pros-cons { --inset:calc(1.25rem + 1px); }
.pc-review-bonuses { --inset:1.5rem; }
.pc-operator-offer-grid__items,.pc-takeaways > ul,.pc-verdict-notes,.pc-archive__grid,.pc-operator-scorecards article { --inset:calc(var(--space-md) + 1px); }
.pc-player-reviews__items,.pc-player-list__items,.pc-resource-list > ul { --inset:calc(var(--space-lg) + 1px); }
.pc-testimonial-rail__items,.pc-player-rail__items { --inset:calc(var(--space-lg) + var(--space-xs) + 1px); }
.pc-operator-list > .pc-card-grid,.pc-credential-history > .pc-card-grid { --inset:0px; }
.pc.pc-hero-tall { min-height:75svh; }
.pc.pc-hero-full { min-height:calc(100svh - var(--chrome-head-h,0px) + var(--hero-bleed,0px)); }
/* On phones the backdrop art is a banner above the copy, so a tall hero would only add empty space above the call to action. */
@container pc-slot (max-width:40rem) { .pc.pc-backdrop-hero:is(.pc-hero-tall,.pc-hero-full) { min-height:0; } }
.pc.pc-hero-center { text-align:center; }
.pc-backdrop-hero.pc-hero-center { align-items:center; justify-items:center; }
.pc-hero-center:is(.pc-offer-hero,.pc-review-hero,.pc-game-hero) { grid-template-columns:minmax(0,1fr); justify-items:center; }
.pc-hero-center:is(.pc-offer-hero,.pc-review-hero,.pc-game-hero) > div { max-width:44rem; }
.pc-hero-center:is(.pc-offer-hero,.pc-review-hero,.pc-game-hero) > figure { width:min(100%,52rem); }
.pc.pc-hero-center .pc-pills { justify-content:center; }
.pc.pc-hero-cta-large .pc-action { min-height:calc(var(--control-h) * 1.3); padding:.9rem 1.8rem; font-size:var(--text-lg); }
.pc-hero-actions { display:flex; flex-wrap:wrap; gap:var(--space-xs); }
.pc-hero-actions > .pc-action + .pc-action { margin-left:0; border-color:var(--accent); background:transparent; color:var(--paper); }
.pc:not(.pc-hero-contrast) .pc-hero-actions > .pc-action + .pc-action:hover { background:color-mix(in oklab, var(--accent) 18%, transparent); color:var(--paper); filter:none; }
.pc-hero-actions > .pc-action:active { transform:translateY(1px); }
.pc.pc-hero-center .pc-hero-actions { justify-content:center; }
.pc.pc-hero-cta-full .pc-action { display:flex; width:100%; max-width:26rem; margin-left:0; }
.pc.pc-hero-cta-full .pc-action + .pc-action { margin-top:var(--space-xs); }
.pc.pc-hero-center.pc-hero-cta-full .pc-action { margin-inline:auto; }
.pc.pc-hero-cta-full .pc-hero-actions { max-width:26rem; }
.pc.pc-hero-center.pc-hero-cta-full .pc-hero-actions { margin-inline:auto; }
.pc.pc-hero-cta-full .pc-hero-actions > .pc-action { flex:1 1 10rem; width:auto; max-width:none; margin-inline:0; }
.pc.pc-hero-cta-full .pc-hero-actions > .pc-action + .pc-action { margin-top:0; }
.pc-hero-contrast:is(.pc-offer-hero,.pc-review-hero,.pc-game-hero) { --line:color-mix(in oklab, var(--ink) 22%, transparent); background:var(--accent); color:var(--ink); }
.pc-hero-contrast:is(.pc-offer-hero,.pc-review-hero,.pc-game-hero) :where(p,li,small) { color:color-mix(in oklab, var(--ink) 82%, var(--accent)); }
.pc-hero-contrast:is(.pc-offer-hero,.pc-review-hero,.pc-game-hero) .pc-action { background:var(--ink); color:var(--paper); }
.pc-hero-contrast:is(.pc-offer-hero,.pc-review-hero,.pc-game-hero) .pc-action:hover { color:var(--paper); }
/* Viewport: page-shell column layout (article + rail) and rail-only overrides tied to that layout. */
@media (min-width:64.001rem) {
  .pc-columns { grid-template-columns:var(--columns-template,minmax(0,2fr) minmax(20rem,1fr)); }
  .pc-article > .pc.pc-flush { padding-block:0; }
  .pc-rail { order:var(--rail-order,0); --card-pad:var(--space-md); }
  .pc-rail > .pc:not(.pc-flush) { padding:var(--space-lg) var(--pad-inline); }
  .pc-rail .pc > strong,.pc-rail .pc > header > strong,.pc-rail .pc :where(h2) { font-size:1.5rem; line-height:1.15; }
  .pc-rail .pc-promo-card { min-height:0; }
  .pc-rail :is(.pc-pros-cons,.pc-closing-cta,.pc-benefit-pitch),.pc-rail .pc-closing-steps > ol { grid-template-columns:minmax(0,1fr); }
}

@container (min-width:44.001rem) {
  .pc-prose-section > :where(header,.pc-prose) { width:80%; }
}
/* Viewport: paired blocks split main's page-shell content columns. */
@media (min-width:48.001rem) {
  main > .pc.pc-pair-start { grid-column:content-start / span 1; }
  main > .pc.pc-pair-end { grid-column:span 1 / content-end; }
}


.pc-card-grid { display:flex; flex-wrap:wrap; margin-top:var(--space-lg); padding:0; gap:var(--space-sm); list-style:none; }
.pc-card-grid > * { flex:1 1 13rem; min-width:0; }
.pc-card-grid:first-child,.pc-credential-history > .pc-card-grid { margin-top:0; }
.pc-card-grid > :where(li,article) { display:grid; align-content:start; gap:.35rem; padding:1.1rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface-raised); }
.pc-card-grid :where(strong,h3) { color:var(--paper); font-size:1.05rem; }
.pc-card-grid span { color:var(--muted); }
/* Guide panel: body top-left, the guide route anchored bottom-left, notes as an icon-led ruled list spanning the right column. */
.pc-guide-panel__grid { display:grid; margin-top:var(--space-lg); grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:auto 1fr; gap:var(--space-lg) var(--space-xl); }
.pc-wagering-estimate__body .pc-action { align-self:flex-start; margin-top:1.25rem; line-height:1.4; }
.pc-guide-panel__notes { display:grid; grid-row:span 2; align-content:start; padding:0; list-style:none; }
.pc-guide-panel__notes li { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:.25rem var(--space-md); padding-block:var(--space-md); border-top:1px solid var(--line); }
.pc-guide-panel__notes li:first-child { padding-top:0; border-top:0; }
.pc-guide-panel__notes .pc-glyph { grid-row:span 2; box-sizing:content-box; width:1.25rem; height:1.25rem; padding:.6rem; border-radius:var(--radius-pill); background:color-mix(in oklab, var(--accent) 14%, transparent); }
.pc-guide-panel__notes :is(strong,span) { grid-column:2; }
.pc-guide-panel__notes strong { align-self:center; color:var(--paper); font-size:var(--text-lg); line-height:1.35; }
.pc-guide-panel__grid > .pc-action { align-self:end; justify-self:start; border-color:var(--accent); background:transparent; color:var(--paper); line-height:1.35; text-align:center; }
.pc-guide-panel__grid > .pc-action:hover { border-color:var(--accent); background:color-mix(in oklab, var(--accent) 18%, transparent); color:var(--paper); filter:none; }
.pc-fact-sheet__rows { margin-top:var(--space-md); }
.pc-fact-sheet__rows > div { display:grid; grid-template-columns:minmax(9rem,1fr) minmax(0,2fr); align-items:baseline; gap:var(--space-md); padding:.7rem 0; border-top:1px solid var(--line); }
.pc-fact-sheet__rows > div:last-child { border-bottom:1px solid var(--line); }
.pc-fact-sheet__rows dt { color:var(--muted); font-size:var(--text-sm); font-weight:600; }
.pc-fact-sheet__rows dt > .pc-glyph { margin-right:.45em; }
.pc-fact-sheet__rows dd { margin:0; color:var(--paper); font-weight:800; font-variant-numeric:tabular-nums; }
.pc-fact-sheet > footer { margin-top:var(--space-md); }
.pc-fact-sheet > footer small { color:var(--muted); font-weight:400; letter-spacing:0; text-transform:none; }
.pc-verification-steps > header h2 { font-size:clamp(1.4rem,2.8cqi,var(--text-h2)); text-wrap:balance; }
.pc-verification-steps__grid { display:grid; margin-top:var(--space-lg); grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); gap:var(--space-lg); align-items:start; }
.pc-verification-steps__steps { display:grid; padding:0; list-style:none; }
.pc-verification-steps__steps li { display:grid; grid-template-columns:2rem minmax(0,1fr); gap:var(--space-sm); align-items:start; padding:var(--space-md) 0; border-top:1px solid var(--line); }
.pc-verification-steps__steps li > b { display:grid; width:2rem; height:2rem; place-content:center; border:1px solid var(--line); border-radius:50%; background:var(--surface-soft); color:var(--paper); font-size:var(--text-sm); font-variant-numeric:tabular-nums; }
.pc-verification-steps__steps strong { display:block; margin-bottom:var(--space-xs); color:var(--paper); font-size:var(--text-lg); }
.pc-verification-steps__steps span span { display:block; max-width:65ch; color:var(--muted); font-size:var(--text-base); }
.pc-verification-steps__visual { position:sticky; top:var(--space-lg); }
.pc-verification-steps__visual img { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:var(--radius); aspect-ratio:1; object-fit:cover; }
.pc-verification-steps__rationale { max-width:65ch; padding-top:var(--space-md); border-top:1px solid var(--line); color:var(--muted); }
.pc-channel-band__grid { display:grid; margin-top:var(--space-lg); grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:1.25rem; }
.pc-channel-band__actions { display:flex; flex-wrap:wrap; gap:var(--space-xs); margin-top:1.25rem; }
.pc-channel-band > header h2 { font-size:clamp(1.4rem,2.8cqi,var(--text-h2)); text-wrap:balance; }
@container (max-width:30rem) { .pc-channel-band > header h2 { font-size:var(--text-h3); } }
.pc-channel-band__actions .pc-action { line-height:1.35; text-wrap:balance; }
.pc-channel-band__actions .pc-action:hover { box-shadow:var(--shadow-card); filter:none; }
.pc-channel-band__actions .pc-action + .pc-action { margin-left:0; border-color:var(--accent); background:transparent; color:var(--paper); }
.pc-channel-band__actions .pc-action + .pc-action:hover { background:color-mix(in oklab, var(--accent) 18%, transparent); color:var(--paper); box-shadow:none; }
.pc-channel-band__stats { display:grid; align-content:start; gap:var(--space-sm); padding:0; list-style:none; }
.pc-channel-band__stats li { display:grid; gap:var(--space-xs); padding:var(--space-md); border:1px solid var(--line); border-radius:var(--radius); background:var(--surface-raised); }
.pc-channel-band__fact { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; column-gap:var(--space-xs); row-gap:.25rem; }
.pc-channel-band__fact b { grid-column:1 / -1; grid-row:1; color:var(--paper); font-family:var(--font-heading); font-size:var(--text-h3); font-weight:var(--heading-weight); line-height:1.3; font-variant-numeric:lining-nums tabular-nums; }
.pc-channel-band__fact span { color:var(--muted); font-size:var(--text-sm); font-weight:700; }
.pc-control-cards > header small { letter-spacing:normal; text-transform:none; }
.pc-control-cards > header h2 { text-wrap:balance; }
.pc-control-cards > .pc-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr)); gap:0 var(--space-xl); margin-inline:0; }
.pc-control-cards > .pc-card-grid > li { grid-template-columns:auto minmax(0,1fr); column-gap:var(--space-sm); row-gap:.35rem; padding:var(--space-md) 0; border:0; border-top:1px solid var(--line); border-radius:0; background:none; }
.pc-control-cards > .pc-card-grid > li > strong { display:contents; font-size:var(--text-lg); }
.pc-control-cards > .pc-card-grid > li > strong > .pc-glyph { align-self:start; width:1.15em; height:1.15em; margin:.1em 0 0; font-size:var(--text-lg); }
.pc-control-cards > .pc-card-grid > li > span { grid-column:2; }
.pc-control-cards__note { max-width:65ch; margin-top:var(--space-lg); padding-top:var(--space-md); border-top:1px solid var(--line); color:var(--paper); font-size:var(--text-lg); font-weight:600; line-height:1.45; }
@container (max-width:30rem) { .pc-control-cards > header h2 { font-size:var(--text-h3); } }
.pc-platform-cards > header small { letter-spacing:normal; text-transform:none; }
.pc-platform-cards > header h2 { text-wrap:balance; }
.pc-platform-cards__summary { max-width:60ch; margin-top:var(--space-lg); padding-top:var(--space-md); border-top:1px solid var(--line); color:var(--paper); font-weight:600; }
@container (max-width:30rem) { .pc-platform-cards > header h2 { font-size:var(--text-h3); } }
.pc-tournament-guide > header small { letter-spacing:normal; text-transform:none; }
.pc-tournament-guide > header h2 { font-size:max(var(--text-h3),min(var(--text-h2),calc(var(--text-h2) * 60 / max(60,var(--title-len,0))))); }
.pc-tournament-guide__note { max-width:65ch; margin-top:1.25rem; padding-top:var(--space-md); border-top:1px solid var(--line); color:var(--paper); font-weight:600; }
.pc-tournament-guide > .pc-action { margin-top:var(--space-md); }
@container (max-width:20rem) { .pc-tournament-guide > header h2 { font-size:clamp(var(--text-lg),8.5cqi,var(--text-h3)); } }
.pc-method-groups > header h2 { text-wrap:balance; }
@container (max-width:30rem) { .pc-method-groups > header h2 { font-size:var(--text-h3); } }
.pc-method-groups__marks { display:flex; flex-wrap:wrap; gap:var(--space-sm) var(--space-lg); margin-top:var(--space-md); padding:0; list-style:none; }
.pc-method-groups__marks li { display:flex; align-items:center; gap:var(--space-xs); min-width:0; color:var(--paper); font-size:var(--text-sm); font-weight:700; line-height:1.3; }
.pc-method-groups__marks img { flex:none; width:3rem; height:3rem; aspect-ratio:1; padding:.45rem; border:1px solid var(--line); object-fit:contain; border-radius:var(--radius-pill); background:var(--surface-raised); }
.pc-method-groups__marks span { flex:1 1 auto; min-width:0; }
@container (max-width:44rem) { .pc-method-groups__marks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-sm) var(--space-md); } }
@container (max-width:30rem) { .pc-method-groups__marks { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@container (max-width:22rem) { .pc-method-groups__marks { grid-template-columns:minmax(0,1fr); } }
.pc-method-groups > .pc-method-groups__groups { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr)); }
.pc-method-groups > footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--space-sm) var(--space-lg); margin-top:var(--space-lg); padding-top:var(--space-md); border-top:1px solid var(--line); }
.pc-method-groups > footer > p { flex:1 1 20rem; color:var(--paper); font-weight:600; }
.pc-withdrawal-timeline__phases { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr)); margin:var(--space-xl) 0 0; padding:0; gap:var(--space-lg) var(--space-md); list-style:none; counter-reset:none; }
.pc-withdrawal-timeline__phases li { position:relative; display:grid; min-width:0; align-content:start; justify-items:stretch; gap:var(--space-xs); padding:calc(1.25rem + var(--space-md)) 0 0; }
.pc-withdrawal-timeline__phases li::before { content:""; position:absolute; top:calc(.625rem - 1px); left:calc(-1 * var(--space-md)); right:0; height:2px; background:var(--line); }
.pc-withdrawal-timeline__phases li:first-child::before { left:0; }
.pc-withdrawal-timeline__phases li::after { content:""; position:absolute; top:0; left:0; box-sizing:border-box; width:1.25rem; height:1.25rem; border:2px solid var(--accent); border-radius:var(--radius-pill); background:var(--surface); }
.pc-withdrawal-timeline__phases li:first-child::after { background:var(--accent); }
.pc-withdrawal-timeline__phases small { color:var(--muted); font-size:var(--text-sm); font-weight:700; letter-spacing:0; text-transform:none; }
.pc-withdrawal-timeline__phases strong { color:var(--paper); font-size:var(--text-lg); font-weight:var(--heading-weight); line-height:1.25; }
.pc-withdrawal-timeline__phases strong > .pc-glyph { color:var(--muted); }
.pc-withdrawal-timeline__phases b { display:inline-flex; justify-self:start; align-items:center; gap:.35em; padding:.2rem .6rem; border-radius:var(--radius-pill); background:color-mix(in oklab, var(--accent) 16%, transparent); color:var(--paper); font-size:var(--text-sm); font-weight:700; font-variant-numeric:tabular-nums; line-height:1.3; }
.pc-withdrawal-timeline__phases b > .pc-glyph { margin-right:0; color:currentColor; }
.pc-withdrawal-timeline__phases span { max-width:34ch; color:var(--muted); }
.pc-withdrawal-timeline > footer { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-sm) var(--space-md); margin-top:var(--space-xl); padding-top:var(--space-md); border-top:1px solid var(--line); }
.pc-withdrawal-timeline > footer p { flex:1 1 18rem; max-width:60ch; margin:0; color:var(--muted); font-size:var(--text-sm); }
.pc-withdrawal-timeline > footer > a[href] { line-height:1.35; }
.pc-withdrawal-timeline > header h2 { font-size:clamp(1.4rem,2.8cqi,var(--text-h2)); }
@container (max-width:36rem) {
  .pc-withdrawal-timeline__phases { grid-template-columns:minmax(0,1fr); gap:0; }
  .pc-withdrawal-timeline__phases li { padding:0 0 var(--space-lg) calc(1.25rem + var(--space-md)); }
  .pc-withdrawal-timeline__phases li::before,.pc-withdrawal-timeline__phases li:first-child::before { top:1.25rem; right:auto; bottom:0; left:calc(.625rem - 1px); width:2px; height:auto; }
  .pc-withdrawal-timeline__phases li:last-child { padding-bottom:0; }
  .pc-withdrawal-timeline__phases li:last-child::before { display:none; }
}
@container (max-width:22rem) {
  .pc-withdrawal-timeline__phases li { padding-left:calc(1rem + var(--space-sm)); }
  .pc-withdrawal-timeline__phases li::after { width:1rem; height:1rem; }
  .pc-withdrawal-timeline__phases li::before,.pc-withdrawal-timeline__phases li:first-child::before { top:1rem; left:calc(.5rem - 1px); }
  .pc-withdrawal-timeline__phases strong { font-size:var(--text-base); }
}
.pc-provider-styles > header small { letter-spacing:normal; text-transform:none; }
.pc-provider-styles > header h2 { text-wrap:balance; }
.pc-provider-styles li > strong { font-size:var(--text-h3); line-height:1.2; }
.pc-provider-styles li > span { font-size:var(--text-sm); line-height:1.55; }
.pc-provider-styles__footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-sm) var(--space-md); margin-top:var(--space-lg); }
.pc-provider-styles__footer p { flex:1 1 20rem; max-width:65ch; margin:0; }
.pc-provider-styles__logo { justify-self:start; width:min(100%,9rem); margin:0 0 var(--space-xs); }
.pc-provider-styles__logo img { display:block; width:100%; height:auto; aspect-ratio:2/1; border-radius:var(--radius-sm); object-fit:contain; }
@container (max-width:30rem) { .pc-provider-styles > header h2 { font-size:var(--text-h3); } .pc-provider-styles__footer .pc-action { width:100%; } }
.pc-parameter-cards > header small { letter-spacing:normal; text-transform:none; }
.pc-parameter-cards > header h2 { text-wrap:balance; }
/* Label/value cards: the category title steps down to a quiet label and the fact itself leads. */
.pc-parameter-cards li > strong { display:flex; align-items:center; color:var(--muted); font-size:var(--text-sm); font-weight:700; line-height:1.3; }
.pc-parameter-cards li > span { color:var(--paper); font-size:var(--text-lg); font-weight:600; line-height:1.35; font-variant-numeric:tabular-nums; text-wrap:pretty; }
.pc-parameter-cards__tip { display:grid; gap:.3rem; max-width:none; margin-top:var(--space-md); padding:1.1rem; border:1px solid var(--line); border-radius:var(--radius); background:color-mix(in oklab, var(--accent-2) 8%, transparent); }
.pc-parameter-cards__tip strong { color:var(--paper); font-size:var(--text-sm); font-weight:800; }
.pc-parameter-cards__tip span { max-width:65ch; color:var(--paper); }
@container (max-width:30rem) { .pc-parameter-cards > header h2 { font-size:var(--text-h3); } }
.pc-strength-cards > header small { letter-spacing:normal; text-transform:none; }
.pc-strength-cards > header h2 { text-wrap:balance; }
/* Ranked reasons: the first strength spans the row as the lead argument; the rest share one row at a readable measure. */
.pc-strength-cards > .pc-card-grid > li { flex-basis:12rem; }
.pc-strength-cards > .pc-card-grid > li > strong { font-size:var(--text-lg); line-height:1.4; }
.pc-strength-cards > .pc-card-grid > li:first-child { flex-basis:100%; gap:var(--space-xs); background:color-mix(in oklab, var(--accent) 8%, var(--surface-raised)); }
.pc-strength-cards > .pc-card-grid > li:first-child > strong { font-size:var(--text-h3); line-height:1.2; }
.pc-strength-cards > .pc-card-grid > li:first-child > span { max-width:65ch; color:var(--paper); font-size:var(--text-lg); line-height:1.5; }
@container (max-width:30rem) { .pc-strength-cards > header h2 { font-size:var(--text-h3); } .pc-strength-cards > .pc-card-grid > li:first-child > span { font-size:var(--text-base); } }
.pc-wagering-estimate__grid { display:grid; margin-top:var(--space-lg); grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:1.25rem; }
.pc-wagering-estimate__body { display:flex; flex-direction:column; min-width:0; }
.pc-wagering-estimate__panel { display:grid; align-content:start; gap:.6rem; min-width:0; padding:1.25rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface-raised); }
.pc-wagering-estimate__panel > dl { display:flex; flex-wrap:wrap; gap:var(--space-xs) var(--space-md); margin:0 0 .35rem; padding-bottom:var(--space-sm); border-bottom:1px solid var(--line); font-size:var(--text-sm); line-height:1.4; }
.pc-wagering-estimate__panel > dl > div { display:flex; flex-wrap:wrap; align-items:baseline; gap:.35rem; min-width:0; }
.pc-wagering-estimate__panel > dl dt { min-width:0; color:var(--muted); overflow-wrap:anywhere; }
.pc-wagering-estimate__panel > dl dd { margin:0; color:var(--paper); font-weight:800; font-variant-numeric:tabular-nums; }
.pc.pc-wagering-estimate .pc-wagering-estimate__label { font-size:var(--text-sm); font-weight:800; line-height:1.35; color:var(--accent); overflow-wrap:anywhere; }
.pc-wagering-estimate__tier { min-width:0; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface); }
.pc-wagering-estimate__tier summary { min-height:var(--control-h); display:flex; align-items:center; justify-content:space-between; gap:var(--space-sm); padding:.55rem .85rem; border-radius:var(--radius-md); color:var(--paper); font-size:var(--text-base); font-weight:800; line-height:1.35; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; cursor:pointer; list-style:none; transition:background-color .18s ease-out; }
.pc-wagering-estimate__tier summary::-webkit-details-marker { display:none; }
.pc-wagering-estimate__tier summary::after { content:""; flex:none; width:.5rem; height:.5rem; margin-inline-end:.2rem; border-right:2px solid var(--accent); border-bottom:2px solid var(--accent); transform:translateY(-25%) rotate(45deg); transition:transform .18s ease-out; }
.pc-wagering-estimate__tier[open] > summary::after { transform:translateY(25%) rotate(-135deg); }
.pc-wagering-estimate__tier summary:hover,.pc-wagering-estimate__tier summary:focus-visible { background:color-mix(in oklab, var(--accent) 10%, transparent); }
.pc-wagering-estimate__tier[open] { border-color:var(--accent); }
.pc-wagering-estimate__tier dl { display:grid; gap:var(--space-xs); margin:0; padding:0 .85rem .85rem; }
.pc-wagering-estimate__tier:not([open]) > dl { display:none; }
.pc-wagering-estimate__tier dl > div { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:.25rem var(--space-sm); padding-top:var(--space-xs); border-top:1px solid var(--line); }
.pc-wagering-estimate__tier dt { flex:1 1 8rem; min-width:0; color:var(--muted); overflow-wrap:anywhere; }
.pc-wagering-estimate__tier dd { flex:0 1 auto; min-width:0; margin:0; color:var(--accent); font-size:var(--text-lg); font-weight:850; line-height:1.3; font-variant-numeric:tabular-nums; text-align:end; overflow-wrap:anywhere; }
.pc-wagering-estimate__tier dl > div:last-child dd { font-size:var(--text-h3); }
@media (prefers-reduced-motion:reduce) { .pc-wagering-estimate__tier summary,.pc-wagering-estimate__tier summary::after { transition:none; } }
.pc-risk-notes small { display:block; margin-bottom:var(--space-xs); }
.pc-risk-notes h2 { font-size:max(var(--text-lg),min(var(--text-h2),calc(var(--text-h2) * 40 / max(40,var(--title-len,0))))); }
.pc-risk-notes__body > * { max-inline-size:65ch; text-wrap:pretty; }
.pc-risk-notes > h3 { margin-top:1.25rem; padding-top:var(--space-md); border-top:1px solid var(--line); color:var(--paper); font-size:var(--text-lg); }
.pc-risk-notes__notes { display:grid; gap:var(--space-xs); margin-top:var(--space-sm); padding-inline-start:1.25em; }
.pc-risk-notes__notes li { max-inline-size:65ch; color:var(--paper); }
.pc-risk-notes__notes li::marker { color:var(--accent); }
.pc.pc-ranked-game-rail,.pc.pc-live-table-rail { padding-inline:0; }
.pc-ranked-game-rail > header,.pc-live-table-rail > header { margin-bottom:var(--space-md); padding-inline:var(--pad-inline); }
.pc-ranked-game-rail__list,.pc-live-table-rail__list { display:flex; gap:var(--space-sm); margin:0; padding:.15rem var(--pad-inline) var(--space-sm); overflow-x:auto; list-style:none; overscroll-behavior-inline:contain; scroll-padding-inline:var(--pad-inline); scroll-snap-type:x proximity; }
.pc-ranked-game-rail__list > li,.pc-live-table-rail__list > li { flex:0 0 11rem; min-width:0; scroll-snap-align:start; }
.pc-ranked-game-rail__list > li { flex-basis:max(12rem,calc((100% - 4 * var(--space-sm)) / 4.5)); }
.pc-ranked-game-rail__card { height:100%; }
.pc-ranked-game-rail__rank { position:absolute; z-index:1; top:var(--space-xs); left:var(--space-xs); display:grid; width:1.9rem; height:1.9rem; place-content:center; border-radius:50%; background:var(--paper); color:var(--ink); font-size:var(--text-sm); }
.pc-game-demo-card__badge { position:absolute; z-index:1; top:var(--space-xs); right:var(--space-xs); padding:.25rem .5rem; border-radius:var(--radius-pill); background:var(--accent); color:var(--ink); font-size:var(--text-xs); font-weight:800; font-variant-numeric:tabular-nums; }
.pc-ranked-game-rail__status { align-self:flex-start; max-width:100%; padding:.35rem .5rem; border-radius:var(--radius-sm); background:color-mix(in oklab, var(--accent) 16%, transparent); color:var(--paper); font-size:var(--text-xs); font-weight:800; line-height:1.4; }
.pc-game-demo-card__name { color:var(--paper); font-weight:850; line-height:1.32; overflow-wrap:anywhere; }
.pc-live-table-rail__list > li { flex:0 0 14rem; }
.pc-live-table-rail__card { display:flex; height:100%; overflow:hidden; flex-direction:column; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface-raised); }
/* The rail's subject is fixed by its role, so its art spans classes: pin the frame to the dominant square table art to keep every card body aligned. The frame still carries data-ratio like every game-art frame, and the gallery's per-class cards show how each class crops into the square. */
.pc-live-table-rail__card .pc-game-tile-art { aspect-ratio:1; }
.pc-live-table-rail__card .pc-game-tile-art img { width:100%; height:100%; object-fit:cover; }
.pc-live-table-rail__body { display:flex; flex:1 1 auto; flex-direction:column; gap:.3rem; padding:var(--space-sm); }
.pc.pc-live-table-rail .pc-live-table-rail__body > strong { font-size:1.05rem; line-height:1.32; }
.pc.pc-live-table-rail .pc-live-table-rail__body > small { color:var(--muted); font-size:var(--text-xs); letter-spacing:0; text-transform:none; }
.pc-live-table-rail__facts { display:grid; gap:.25rem; margin:var(--space-xs) 0 var(--space-sm); }
.pc-live-table-rail__facts > div { display:grid; gap:.1rem; padding-top:var(--space-xs); border-top:1px solid var(--line); }
.pc-live-table-rail__facts dt { color:var(--muted); font-size:var(--text-xs); font-weight:700; }
.pc-live-table-rail__facts dd { margin:0; color:var(--paper); font-size:var(--text-sm); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.pc-live-table-rail__body .pc-action { margin-top:auto; padding:.5rem .7rem; font-size:var(--text-sm); }
.pc.pc-sport-cards { padding-inline:0; }
.pc-sport-cards > header { margin-bottom:var(--space-md); padding-inline:var(--pad-inline); }
.pc-sport-cards > header > h2 { font-size:var(--text-h3); line-height:1.2; }
.pc-sport-cards > header > a { text-wrap:balance; }
.pc-sport-cards__list { display:flex; gap:var(--space-sm); margin:0; padding:.15rem var(--pad-inline) var(--space-sm); overflow-x:auto; list-style:none; overscroll-behavior-inline:contain; scroll-padding-inline:var(--pad-inline); scroll-snap-type:x proximity; }
.pc-sport-cards__list > li { flex:1 0 8.5rem; min-width:0; scroll-snap-align:start; }
.pc-sport-cards li > .pc-sport-cards__card { position:relative; display:grid; overflow:hidden; aspect-ratio:2/3; border:1px solid var(--line); border-radius:var(--radius); background:radial-gradient(70% 50% at 50% 30%,color-mix(in oklab, var(--accent) 22%, transparent),transparent 80%),var(--surface-raised); color:var(--paper); font-weight:850; line-height:1.2; text-align:center; text-decoration:none; }
.pc-sport-cards__card > * { grid-area:1/1; }
.pc-sport-cards__card img { width:100%; height:100%; object-fit:cover; object-position:center top; transform:scale(1.2); transform-origin:50% 0; transition:transform .3s ease; }
.pc-sport-cards--objects .pc-sport-cards__card { grid-template-rows:minmax(0,1fr) auto; }
.pc-sport-cards--objects .pc-sport-cards__card img { min-height:0; padding:var(--space-md) var(--space-md) var(--space-xs); object-fit:contain; object-position:center; filter:drop-shadow(0 .75rem 1rem color-mix(in oklab, var(--ink) 45%, transparent)); transform:none; }
.pc-sport-cards--objects .pc-sport-cards__card span { grid-area:2/1; min-height:calc(2lh + var(--space-xs) + var(--space-sm)); padding:var(--space-xs) var(--space-xs) var(--space-sm); background:none; }
.pc-sport-cards__card span { position:relative; align-self:end; padding:var(--space-lg) var(--space-xs) var(--space-sm); background:linear-gradient(transparent,color-mix(in oklab, var(--ink) 85%, transparent) 55%); }
.pc-sport-cards__card:hover,.pc-sport-cards__card:focus-visible { border-color:var(--accent); color:var(--paper); }
.pc-sport-cards__card:hover img,.pc-sport-cards__card:focus-visible img { transform:scale(1.26); }
.pc-sport-cards--objects .pc-sport-cards__card:hover img,.pc-sport-cards--objects .pc-sport-cards__card:focus-visible img { transform:scale(1.05); }
.pc-odd { position:relative; display:grid; min-width:0; min-height:3.25rem; align-content:center; justify-items:center; gap:.1rem; padding:.45rem .5rem; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface); color:var(--paper); line-height:1.1; text-decoration:none; box-shadow:0 1px 0 color-mix(in oklab, var(--paper) 6%, transparent),0 .25rem .75rem color-mix(in oklab, var(--paper) 5%, transparent); transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease; }
.pc-odd small { color:var(--muted); font-size:var(--text-xs); font-weight:800; letter-spacing:.06em; text-transform:uppercase; transition:color .18s ease; }
.pc-odd b { font-size:var(--text-lg); font-variant-numeric:tabular-nums; letter-spacing:-.02em; white-space:nowrap; }
.pc-odd:hover,.pc-odd:focus-visible { transform:translateY(-2px); border-color:var(--accent); background:var(--accent); color:var(--ink); box-shadow:var(--shadow-card); }
.pc-odd:hover small,.pc-odd:focus-visible small { color:color-mix(in oklab, var(--ink) 80%, transparent); }
.pc-odd:active { transform:translateY(0); box-shadow:none; }
.pc-crest { display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:var(--surface-raised); color:var(--paper); font:850 var(--text-xs)/1 var(--font-heading); font-style:normal; }
.pc-odds-board > header { margin-bottom:var(--space-lg); }
.pc-odds-board > header > strong { font-size:max(var(--text-h2),calc(var(--text-xs) * 2.1)); }
.pc-odds-board > footer { justify-content:center; margin-top:var(--space-lg); padding-top:var(--space-md); border-top:1px solid var(--line); }
.pc-odds-board > footer small { display:inline-flex; align-items:center; gap:.4rem; color:var(--muted); font-weight:600; letter-spacing:0; line-height:1.5; text-align:center; text-transform:none; }
.pc-odds-board__prices { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:var(--space-xs); }
.pc-odds-board__head,.pc-odds-board__row { display:grid; grid-template-columns:9rem minmax(0,1fr) minmax(9rem,15rem); align-items:center; gap:var(--space-xs) var(--space-sm); }
.pc-odds-board__head { margin-bottom:var(--space-xs); padding:.55rem var(--space-md); border-radius:var(--radius-md); background:var(--surface-raised); color:var(--muted); font-size:var(--text-xs); font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.pc-odds-board__head > span:last-child { text-align:center; }
.pc-odds-board__row { position:relative; padding:var(--space-sm) var(--space-md); border-radius:var(--radius-md); transition:background-color .18s ease,box-shadow .18s ease; }
.pc-odds-board__row + .pc-odds-board__row::before { content:""; position:absolute; inset:0 var(--space-md) auto; height:1px; background:var(--line); }
.pc-odds-board__row:hover { background:color-mix(in oklab, var(--accent) 5%, transparent); box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 18%, transparent); }
.pc-odds-board__row:hover::before,.pc-odds-board__row:hover + .pc-odds-board__row::before { opacity:0; }
.pc-odds-board__row:hover .pc-odd { border-color:color-mix(in oklab, var(--accent) 40%, var(--line)); }
.pc-odds-board__when { display:grid; gap:.1rem; min-width:0; line-height:1.3; }
.pc-odds-board__when > b { font-size:var(--text-base); font-variant-numeric:tabular-nums; }
.pc-odds-board__when > small { color:var(--muted); font-weight:700; letter-spacing:.01em; text-transform:none; }
.pc-odds-board__teams { display:flex; align-items:center; gap:var(--space-sm); min-width:0; font-weight:750; }
.pc-odds-board__teams > span { display:flex; align-items:center; gap:.55rem; min-width:0; line-height:1.35; }
.pc-odds-board__teams > b { flex:none; color:var(--muted); font-size:var(--text-xs); text-transform:uppercase; white-space:nowrap; }
.pc-odds-board__teams .pc-crest { flex:none; width:2.25rem; height:2.25rem; }
.pc-odds-board__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr)); gap:var(--space-md); }
.pc-odds-board__card { display:grid; grid-template-rows:auto 1fr auto; gap:var(--space-md); min-width:0; padding:var(--space-md); border:1px solid var(--line); border-radius:var(--radius); background:color-mix(in oklab, var(--paper) 3%, transparent); }
.pc-odds-board__meta { display:grid; justify-items:start; gap:.2rem; }
.pc-odds-board__meta > small { color:var(--muted); font-weight:700; letter-spacing:.01em; line-height:1.35; text-transform:none; }
.pc-odds-board__meta > small:last-child { display:inline-flex; align-items:center; gap:.35rem; color:var(--paper); font-variant-numeric:tabular-nums; }
.pc-odds-board__fixture { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:start; gap:var(--space-xs); text-align:center; }
.pc-odds-board__fixture > span { display:grid; justify-items:center; gap:.5rem; min-width:0; font-size:var(--text-sm); font-weight:800; line-height:1.35; }
.pc-odds-board__fixture > b { margin-top:.6rem; padding:.25rem .65rem; border-radius:var(--radius-pill); background:var(--surface-raised); color:var(--muted); font-size:var(--text-xs); letter-spacing:.06em; line-height:1.3; text-transform:uppercase; white-space:nowrap; }
.pc-odds-board__fixture .pc-crest { width:2.75rem; height:2.75rem; font-size:var(--text-sm); }
.pc-review-grid .pc-game-demo-cards { grid-template-columns:repeat(auto-fit,minmax(min(100%,max(10rem,calc((100% - 3 * var(--space-md)) / 4))),1fr)); }
.pc-review-grid .pc-game-demo-card__badge { min-width:calc(3.5em + 1rem); text-align:center; }

@container (max-width:40rem) {
  .pc-prose-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .pc-prose-table :where(tbody,tr,th,td) { display:block; }
  .pc-prose-table tbody tr { padding-block:var(--space-sm); }
  .pc-prose-table tbody :where(th,td) { padding:0; }
  .pc-prose-table td { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:var(--space-sm); margin-top:var(--space-xs); }
  .pc-prose-table td[data-label]::before { content:attr(data-label); color:var(--muted); font-size:var(--text-sm); }
  .pc-text-columns,.pc-do-dont > div,.pc-verdict-notes,.pc-verification-steps__grid,.pc-channel-band__grid,.pc-wagering-estimate__grid { grid-template-columns:minmax(0,1fr); }
  .pc-channel-band__actions .pc-action,.pc-wagering-estimate__body .pc-action { width:100%; }
  .pc-guide-panel__grid { grid-template-columns:minmax(0,1fr); grid-template-rows:none; }
  .pc-guide-panel__notes { grid-row:auto; }
  .pc-guide-panel__grid > .pc-action { width:100%; }
  .pc-guide-panel > header h2 { font-size:clamp(1.2rem,6.5cqi,var(--text-h2)); }
  .pc-odds-board__head { display:none; }
  .pc-odds-board__row { grid-template-columns:minmax(0,1fr); }
  .pc-odds-board__when { display:flex; flex-wrap:wrap; align-items:baseline; column-gap:var(--space-xs); }
  .pc-odds-board__teams { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:start; text-align:center; }
  .pc-odds-board__teams > span { flex-direction:column; }
  .pc-odds-board__teams > b { margin-top:.5rem; }
}

/* Narrow odds boards: ladder teams stack as full-width crest rows, cards and price tiles tighten so names and odds never split mid-word. */
@container (max-width:24rem) {
  .pc-odds-board__row { padding-inline:var(--space-xs); }
  .pc-odds-board__row + .pc-odds-board__row::before { inset-inline:var(--space-xs); }
  .pc-odds-board__teams { grid-template-columns:minmax(0,1fr); justify-items:start; gap:var(--space-xs); text-align:start; }
  .pc-odds-board__teams > span { flex-direction:row; }
  .pc-odds-board__teams > b { margin:0 0 0 calc(2.25rem + .55rem); }
  .pc-odds-board__card { padding:var(--space-sm); }
  .pc-odds-board__fixture { grid-template-columns:minmax(0,1fr); justify-items:start; text-align:start; }
  .pc-odds-board__fixture > span { grid-template-columns:auto minmax(0,1fr); align-items:center; justify-items:start; gap:.6rem; }
  .pc-odds-board__fixture > b { margin:0 0 0 calc(2.75rem + .6rem); padding-inline:.5rem; }
  .pc-odd { padding-inline:.25rem; }
}

@container pc-slot (max-width:64rem) {
  .pc-login-hero { grid-template-columns:minmax(0,1fr) minmax(18rem,.95fr); gap:var(--space-xl); }
  .pc-login-hero__cutout { top:-3.5rem; right:-1.5rem; width:8rem; }
}

/* Block roots query the slot they sit in; child rules here follow their root's switch so the two never disagree. */
@container pc-slot (max-width:48rem) {
  .pc-promo-code-card { grid-template-columns:minmax(0,1fr); gap:var(--space-md); }
  .pc-promo-code-card > div > strong { font-size:var(--text-h2); }
  .pc-promo-code-card aside { padding:0; border:0; }
  .pc-promo-code-card aside .pc-promo-code > code { font-size:var(--text-base); }
  .pc { --pad-block:var(--space-md); padding:var(--pad-block) var(--pad-inline); border-radius:var(--radius-md); }
  .pc-offer-hero,.pc-review-hero,.pc-game-hero,.pc-method-hero,.pc-crash,.pc-bonus-listing,.pc-countdown-hero,.pc-payment-finder,.pc-review-body,.pc-pros-cons { grid-template-columns:minmax(0,1fr); min-height:0; gap:1.25rem; }
  .pc-bonus-listing[data-title="long"] { grid-template-columns:minmax(0,1fr); }
  .pc-bonus-listing-art { order:-1; }
  .pc-bonus-listing-art img { width:100%; aspect-ratio:5/2; object-fit:cover; }
  .pc-offer-hero,.pc-review-hero,.pc-game-hero,.pc-method-hero { --pad-block:var(--space-lg); padding:var(--pad-block) var(--pad-inline); }
  .pc-backdrop-hero { --pad-block:var(--space-lg); min-height:20rem; padding:var(--pad-block) var(--pad-inline); }
  .pc-backdrop-hero::before { background:linear-gradient(180deg,color-mix(in oklab, var(--ink) 78%, transparent),color-mix(in oklab, var(--ink) 88%, transparent) 45%); }
  .pc-login-hero { --pad-block:var(--space-xl); grid-template-columns:minmax(0,1fr); min-height:0; }
  .pc-login-hero::before { background:linear-gradient(180deg,color-mix(in oklab, var(--ink) 75%, transparent),color-mix(in oklab, var(--ink) 92%, transparent) 55%); }
  .pc-login-hero__copy > h1,.pc-login-hero__offer { max-width:none; }
  .pc-login-hero__cutout { display:none; }
  .pc-login-hero__panel { padding:var(--space-lg); }
  .pc-login-hero__offer li { padding:.7rem .65rem; font-size:var(--text-xs); }
  .pc-login-hero__offer b { font-size:1.35rem; }
  .pc-offer-carousel { padding:0; aspect-ratio:auto; min-height:0; }
  .pc-offer-carousel::before { background:linear-gradient(180deg,color-mix(in oklab, var(--accent-2) 30%, var(--surface-raised)),color-mix(in oklab, var(--accent-2) 12%, var(--surface)) 9rem,var(--surface) 13.5rem); }
  .pc-offer-carousel::after { background:linear-gradient(0deg,color-mix(in oklab, var(--ink) 60%, transparent) 30%,color-mix(in oklab, var(--ink) 10%, transparent) 55%,transparent 70%); }
  .pc-offer-carousel-panels { position:relative; inset:auto; }
  .pc-offer-carousel-panel { align-content:end; padding:13.5rem var(--space-lg) 5.75rem; }
  .pc-offer-carousel-copy { max-width:none; padding:0; }
  .pc-offer-carousel-copy > h2 { font-size:clamp(var(--text-lg),9cqi,2rem); }
  .pc-offer-carousel-art { inset:0 0 auto 0; width:auto; height:13.5rem; overflow:hidden; }
  .pc-offer-carousel-figure { top:-2%; right:2%; height:128%; max-width:60%; }
  .pc-offer-carousel-object { right:auto; bottom:4%; left:4%; height:62%; max-width:42%; }
  .pc-offer-carousel-nav { top:auto; bottom:var(--space-sm); transform:none; }
  .pc-offer-carousel-dots { bottom:var(--space-sm); left:50%; transform:translateX(-50%); }
  .pc-offer-carousel-play { top:var(--space-sm); right:var(--space-sm); bottom:auto; max-width:calc(100% - var(--space-sm) * 2); }
  .pc-review-hero > div > a:not(.pc-action) { margin-left:var(--space-xs); }
  .pc-method-hero aside { min-height:10rem; }
  .pc-daily-race { grid-template-columns:auto minmax(0,1fr); gap:var(--space-md); }
  .pc-daily-race > div:first-child { grid-column:1 / -1; }
  .pc-daily-race .pc-action { justify-self:end; }
  .pc-crash > .pc-crash-art { order:-1; }
  .pc-crash .pc-crash-art img { aspect-ratio:16/9; }
  .pc-sports-offer { align-items:flex-start; flex-direction:column; }
  .pc-sports-offer .pc-action { margin-left:0; }
  .pc-review-body > nav { position:static; flex-direction:row; flex-wrap:wrap; padding:0 0 var(--space-sm); overflow-x:auto; border-right:0; border-bottom:1px solid var(--line); }
  .pc-review-body > nav a { flex:0 1 auto; max-width:100%; background:var(--surface-soft); }
  .pc-rank-card { grid-template-columns:auto minmax(0,1fr); }
  .pc-rank-card > div:nth-of-type(2) { grid-column:2; }
  .pc-rank-card .pc-action { grid-column:1 / -1; max-width:none; }
  .pc-author-hero { grid-template-columns:auto minmax(0,1fr); gap:var(--space-sm) var(--space-md); align-items:center; }
  .pc-author-hero > img { width:4rem; height:4rem; }
  .pc-author-hero > div { display:contents; }
  .pc-author-hero > div > small { margin-bottom:0; }
  .pc-author-hero > div > :not(small) { grid-column:1 / -1; }
  .pc-author-hero nav > a { flex:1 1 auto; justify-content:center; }
  .pc-byline { grid-template-columns:auto minmax(0,1fr); }
  .pc-byline > a { grid-column:1 / -1; }
  .pc-benefit-pitch,.pc-closing-cta { grid-template-columns:1fr; }
  .pc-benefit-pitch { display:block; }
  .pc-benefit-pitch-visual { margin-bottom:var(--space-xl); }
  .pc-benefit-pitch-visual img { width:100%; aspect-ratio:16 / 9; object-fit:cover; }
  .pc-closing-cta aside strong { font-size:var(--text-display); }
  .pc-offer-payment-hero { grid-template-columns:minmax(0,1fr); min-height:0; }
  .pc-offer-payment-hero .pc-action { width:100%; }
}

@container (max-width:24rem) {
  .pc-offer-carousel-panel { padding-inline:var(--space-md); padding-bottom:calc(5.75rem + var(--control-h)); }
  .pc-offer-carousel-dots { bottom:calc(var(--space-sm) + var(--control-h)); }
}

@container (max-width:20rem) {
  .pc-offer-carousel-copy > h2 { font-size:clamp(1.25rem,8.5cqi,2rem); }
}

/* Inner layouts query the block itself (content box ≈ slot − gutters − padding). */
@container (max-width:44rem) {
  .pc-promo-code-steps > ol { grid-template-columns:minmax(0,1fr); }
  .pc-promo-code-steps li { grid-template-columns:auto minmax(0,1fr); column-gap:var(--space-sm); }
  .pc-promo-code-steps li > b { grid-row:span 2; margin-bottom:0; }
  .pc-promo-code-steps > footer > .pc-promo-code { display:flex; width:100%; }
  .pc-promo-code-steps > footer > .pc-action { width:100%; }
  .pc-promo-code-table table { min-width:0; }
  .pc-promo-code-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .pc-promo-code-table :where(tbody,tr,tbody th,td) { display:block; }
  .pc-promo-code-table tr { padding:var(--space-md) 0; border-bottom:1px solid var(--line); }
  .pc-promo-code-table :where(tbody th,td) { padding:0; border:0; }
  .pc-promo-code-table td { margin-top:var(--space-xs); }
  .pc-promo-code-table td:last-child { margin-top:var(--space-sm); padding:0; white-space:normal; }
  .pc-promo-code-table td[data-label]::before { content:attr(data-label); display:block; margin-block-end:calc(var(--space-xs) / 2); color:var(--muted); font-size:var(--text-xs); font-weight:600; letter-spacing:.02em; line-height:1.3; }
  .pc-promo-code-table > footer { flex-direction:column-reverse; align-items:stretch; }
  .pc-promo-code-table > footer > .pc-action { margin-left:0; }
  .pc-game-comparison table { min-width:0; }
  .pc-game-comparison thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .pc-game-comparison :where(tbody,tr,tbody th,td) { display:block; }
  .pc-game-comparison tbody tr { padding-block:var(--space-sm); border-bottom:1px solid var(--line); }
  .pc-game-comparison :where(tbody th,td) { padding:0; border:0; }
  .pc-game-comparison th > a { margin-block:0; }
  .pc-game-comparison td { display:flex; align-items:baseline; justify-content:space-between; gap:var(--space-md); margin-top:var(--space-xs); text-align:right; }
  .pc-game-comparison td::before { content:attr(data-label); flex:0 1 45%; color:var(--muted); font-size:var(--text-sm); font-weight:400; text-align:left; }
  .pc-game-comparison > .pc-action { justify-self:stretch; }
  .pc-game-comparison > h2 { font-size:var(--text-h3); }
  /* The highlight bleeds into a matching gutter so the top value keeps the same content edges as every other row. */
  .pc-game-comparison > div:has(.pc-game-comparison__top) { margin-inline:calc(-1 * var(--space-xs)); padding-inline:var(--space-xs); }
  .pc-game-comparison td.pc-game-comparison__top { margin-inline:calc(-1 * var(--space-xs)); padding:var(--space-xs); border-radius:var(--radius-sm); }
  .pc-cells { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pc-bet-cards { grid-template-columns:1fr; }
  .pc-game-spotlight-layout { grid-template-columns:minmax(0,1fr); }
  .pc-support-line { align-items:flex-start; flex-direction:column; }
  .pc-game-demo footer { align-items:stretch; flex-direction:column; }
  .pc-game-demo footer > div:first-child { flex:none; }
  .pc-game-demo footer .pc-action { width:100%; }
  .pc-promo-card > footer { flex-basis:100%; }
  .pc-promo-card .pc-action { width:100%; }
  .pc-digits b { min-width:0; width:100%; min-height:4.5rem; }
  .pc-game-offers article { grid-template-columns:2rem minmax(0,1fr); gap:var(--space-xs) var(--space-sm); padding:var(--space-sm) 0; }
  .pc-game-offers article > .pc-game-offers__offer { grid-column:2; }
  .pc-game-offers article > .pc-action { grid-column:1 / -1; justify-self:stretch; max-width:none; margin-top:var(--space-xs); }
  .pc-podium > ol { grid-template-columns:minmax(0,1fr); border-bottom:0; }
  .pc-podium li,.pc-podium li:first-child,.pc-podium li:nth-child(2),.pc-podium li:nth-child(3) { grid-row:auto; grid-column:auto; grid-template-columns:2.5rem minmax(0,1fr) auto; align-items:center; justify-items:start; gap:var(--space-sm); min-height:var(--control-h); margin:0; padding:var(--space-sm) var(--space-md); border-radius:0 var(--radius-md) var(--radius-md) 0; text-align:start; hyphens:manual; }
  .pc-podium li:nth-child(2) { width:94%; }
  .pc-podium li:nth-child(3) { width:88%; }
  .pc-podium li small,.pc-podium li:first-child small { font-size:var(--text-h3); }
  .pc-podium li:first-child small { font-size:var(--text-h2); }
  .pc-podium li b { font-size:var(--text-base); }
  .pc-podium > .pc-action { justify-self:stretch; }
  .pc-edge-rail > div { grid-template-columns:minmax(0,1fr) minmax(3.5rem,auto); gap:var(--space-xs) var(--space-sm); padding:.7rem 0; }
  .pc-edge-rail > div > span { grid-column:1 / -1; }
  .pc-author-scoring > div { grid-template-columns:minmax(0,1fr) auto; gap:var(--space-xs) var(--space-sm); }
  .pc-author-scoring > div > b { min-width:3.25rem; }
  .pc-author-scoring > div:last-of-type > b { font-size:var(--text-base); }
  .pc-author-scoring > div:not(:last-of-type) > span { grid-column:1 / -1; }
  .pc-author-scoring i { grid-column:1; grid-row:2; }
  .pc-review-team > header > h2 { font-size:var(--text-h3); }
  .pc-limits > dl > div { grid-template-columns:1fr; gap:var(--space-xs); }
  .pc-limits dd { text-align:start; }
  .pc-limits > header > h2 { font-size:var(--text-lg); }
  .pc-closing-steps > ol { grid-template-columns:1fr; }
  .pc-closer h2 { font-size:var(--text-h3); }
  .pc-closer .pc-action { width:100%; max-width:26rem; }
  .pc-glossary dl > div { grid-template-columns:1fr; gap:var(--space-xs); }
  .pc-partner-footer__providers { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pc-fact-sheet__rows > div { grid-template-columns:1fr; gap:.25rem; }
  .pc-ranked-game-rail__list > li { flex:0 0 calc((100% - var(--space-sm)) / 1.75); }
  .pc-live-table-rail__list > li { flex:0 0 12rem; }
  .pc-game-carousel .pc-game-tiles { display:flex; margin-inline:calc(-1 * var(--pad-inline)); padding:.15rem var(--pad-inline) var(--space-sm); overflow-x:auto; overscroll-behavior-inline:contain; scroll-padding-inline:var(--pad-inline); scroll-snap-type:x proximity; animation:pc-scroll-fade linear both; animation-timeline:scroll(self inline); }
  .pc-game-carousel .pc-game-tiles > a { flex:0 0 max(10rem,calc((100% - 2 * var(--space-md)) / 2.2)); scroll-snap-align:start; }
  .pc-game-carousel .pc-game-tiles > a:focus-visible { outline-offset:-3px; }
  .pc-sport-cards__list > li { flex:1 0 calc((100% - 4 * var(--space-sm)) / 4.5); }
  :where(.pc > :is(header,footer) a:not(.pc-action),.pc > a:not(.pc-action),.pc nav a:not(.pc-action)) { display:inline-flex; min-height:var(--control-h); align-items:center; }
}
/* Podium on phones: the rating drops under the operator name so the name keeps a readable line. */
@container (max-width:22rem) {
  .pc-podium li,.pc-podium li:first-child,.pc-podium li:nth-child(2),.pc-podium li:nth-child(3) { grid-template-columns:2rem minmax(0,1fr); gap:0 var(--space-sm); }
  .pc-podium li:nth-child(2) { width:96%; }
  .pc-podium li:nth-child(3) { width:92%; }
  .pc-podium li small { grid-row:1 / span 2; }
  .pc-podium li b { justify-self:stretch; }
  .pc-podium li span { grid-column:2; font-size:var(--text-base); }
}
/* Ranked rail: always end at rest on a partial-card peek, never flush against the clip edge. */
@container (max-width:22rem) {
  .pc-ranked-game-rail__list > li { flex-basis:calc((100% - var(--space-sm)) / 1.25); }
}
@container (min-width:34rem) and (max-width:44rem) {
  .pc-ranked-game-rail__list > li { flex-basis:calc((100% - 3 * var(--space-sm)) / 3.5); }
}
/* Sport cards rail: size cards so the rail ends at rest on a half-card peek at every width. */
@container (max-width:38rem) {
  .pc-sport-cards__list > li { flex-basis:calc((100% - 3 * var(--space-sm)) / 3.5); }
}
@container (max-width:30rem) {
  .pc-sport-cards__list > li { flex-basis:calc((100% - 2 * var(--space-sm)) / 2.5); }
}
@container (max-width:22rem) {
  .pc-sport-cards__list > li { flex-basis:calc((100% - var(--space-sm)) / 1.5); }
}

/* Viewport: page-shell spacing, the site header drawer, and the viewport-anchored mobile offer bar. */
@media (max-width:48rem) {
  .pc-columns,.pc-article,.pc-rail { gap:var(--space-md); }
  main { --main-pad-top:var(--space-md); --main-gutter:.5rem; --main-gap:var(--space-md); --card-pad:var(--space-md); padding-block:var(--main-pad-top) var(--space-xl); }
  .pc-drawer-header { position:sticky; z-index:5; top:.5rem; grid-template-columns:minmax(0,1fr) auto; }
  .pc-drawer-header__desktop-nav,.pc-drawer-header__desktop-actions { display:none; }
  .pc-drawer-header__menu-button { display:block; }
  .pc-drawer-header__drawer { width:min(24rem,calc(100vw - 1rem)); }
  .pc-mobile-offer-bar { position:fixed; z-index:10; right:1rem; bottom:calc(var(--dock-h,0px) + 1rem + env(safe-area-inset-bottom)); left:1rem; display:grid; width:auto; max-width:calc(100vw - 2rem); padding:var(--space-sm); box-shadow:var(--shadow-deep); }
  .pc-mobile-offer-bar .pc-action { min-width:0; max-width:10rem; padding-inline:.65rem; text-align:center; text-wrap:balance; white-space:normal; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .pc-promo-card .pc-action { transition:none; }
  .pc-promo-card .pc-action:hover { transform:none; }
  .pc-offer-carousel-panel,.pc-offer-carousel-copy,.pc-offer-carousel-art img { transition:none; }
  .pc-sport-cards__card img { transition:none; }
  .pc-sport-cards__card:hover img,.pc-sport-cards__card:focus-visible img { transform:scale(1.2); }
  .pc-sport-cards--objects .pc-sport-cards__card:hover img,.pc-sport-cards--objects .pc-sport-cards__card:focus-visible img { transform:none; }
  .pc-login-hero__eyebrow i { animation:none; }
  .pc-login-hero__panel > .pc-action,.pc-login-hero__panel > .pc-action::after { transition:none; }
  .pc-login-hero__panel > .pc-action:hover { transform:none; }
  .pc-login-hero__panel > .pc-action:hover::after { transform:none; }
  .pc-odd,.pc-odds-board__row { transition:none; }
  .pc-odd:hover,.pc-odd:focus-visible { transform:none; }
}

.pc-archive { display:grid; gap:var(--space-lg); }
.pc-archive h2,.pc-archive h3 { font-family:var(--font-heading); font-weight:var(--heading-weight); letter-spacing:var(--heading-spacing); line-height:1.2; }
.pc-archive h2 { font-size:var(--text-h2); }
.pc-archive h3 { font-size:var(--text-lg); }
.pc-archive__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,max(11rem,calc((100% - 3 * var(--space-md)) / 4))),1fr)); gap:var(--space-md); }
.pc-archive__card { display:flex; flex-direction:column; min-width:0; gap:var(--space-sm); padding:var(--space-md); border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface-raised); }
.pc-archive:not(.pc-news-archive-grid) .pc-archive__card { container:pc-archive-card / inline-size; }
@container pc-archive-card (max-width:16rem) { .pc-archive__card h3 { font-size:var(--text-base); } }
.pc-archive__media { position:relative; overflow:hidden; border-radius:var(--radius-sm); background:var(--surface-soft); }
.pc-archive__media img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.pc-archive__card--top { border-color:var(--accent); }
.pc-archive__meta { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-xs) var(--space-sm); color:var(--muted); font-size:var(--text-sm); }
.pc-archive__rating { display:inline-flex; align-items:center; padding:.25rem var(--space-xs); border:1px solid color-mix(in oklab, var(--accent) 45%, transparent); border-radius:var(--radius-sm); background:color-mix(in oklab, var(--accent) 14%, transparent); color:var(--paper); font-size:var(--text-base); font-weight:800; font-variant-numeric:tabular-nums; line-height:1.2; }
.pc-archive__top { padding:.3rem var(--space-xs); border-radius:var(--radius-sm); background:var(--accent); color:var(--ink); font-size:var(--text-xs); font-weight:800; line-height:1.3; }
.pc-archive__card time { color:var(--muted); font-size:var(--text-sm); }
.pc-archive__actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-sm); margin-top:auto; }
.pc-archive__actions > a { min-width:0; min-height:var(--control-h); display:inline-flex; align-items:center; }
.pc-archive__actions .pc-action { flex:1 0 auto; max-width:100%; margin-left:0; text-align:center; }
/* Review cards stay stacked at every width (art, name, score row, actions) so the score never squeezes beside the art; a fixed-width score chip keeps "8/10" and "8.4/10" aligned and unbroken. */
.pc-review-archive-grid .pc-archive__rating { justify-content:center; min-width:4.75em; white-space:nowrap; }
.pc-review-archive-grid .pc-archive__date { display:flex; flex:1 1 auto; flex-wrap:wrap; column-gap:.3em; }
.pc-review-archive-grid .pc-archive__date > time { flex:1 1 auto; }
.pc-studio-directory .pc-archive__media img { aspect-ratio:5/2; object-fit:contain; }
.pc-studio-directory__description { color:var(--muted); }
.pc-studio-directory .pc-studio-directory__count { max-width:none; margin-top:auto; padding-top:var(--space-sm); border-top:1px solid var(--line); color:var(--paper); font-size:var(--text-sm); font-weight:700; font-variant-numeric:tabular-nums; }
.pc-studio-directory__count + .pc-archive__actions { margin-top:0; }
.pc-news-archive-grid .pc-archive__grid { grid-template-columns:minmax(0,1fr); }
.pc-news-archive-grid .pc-archive__card { position:relative; transition:border-color .15s ease; }
.pc-news-archive-grid .pc-archive__card:is(:hover,:focus-within) { border-color:var(--accent); }
.pc-news-archive-grid .pc-archive__media img { aspect-ratio:3/2; }
.pc-news-archive-grid__meta { display:flex; flex-direction:column; align-items:stretch; gap:.15rem; }
.pc-news-archive-grid__meta small { letter-spacing:.02em; text-transform:none; }
.pc-news-archive-grid h3 { line-height:1.35; }
.pc-news-archive-grid h3 a { display:block; color:inherit; line-height:1.35; text-decoration:none; }
.pc-news-archive-grid h3 a::after { content:""; position:absolute; inset:0; border-radius:var(--radius-md); }
.pc-news-archive-grid .pc-archive__card:hover h3 a { color:var(--accent); }
.pc-news-archive-grid .pc-archive__card > p { max-width:none; margin:0; }
.pc-news-archive-grid__more { margin-top:auto; color:var(--paper); font-size:var(--text-sm); font-weight:700; text-decoration:underline; text-underline-offset:.2em; }
.pc-news-archive-grid .pc-archive__card:hover .pc-news-archive-grid__more { color:var(--accent); }
@container (max-width:40rem) {
  .pc-news-archive-grid h3 a { min-height:var(--control-h); }
  .pc-news-archive-grid .pc-archive__card:not(:first-child) { display:grid; grid-template-columns:clamp(5.25rem,20cqi,7rem) minmax(0,1fr); align-content:start; gap:.25rem var(--space-sm); }
  .pc-news-archive-grid .pc-archive__card:not(:first-child) h3 { font-size:var(--text-base); }
  .pc-news-archive-grid .pc-archive__card:not(:first-child) > * { grid-column:2; }
  .pc-news-archive-grid .pc-archive__card:not(:first-child) > .pc-archive__media { grid-column:1; grid-row:1 / span 3; align-self:start; }
  .pc-news-archive-grid .pc-archive__card:not(:first-child) .pc-archive__media img { aspect-ratio:1; }
  .pc-news-archive-grid .pc-archive__card:not(:first-child) > p { font-size:var(--text-sm); }
  .pc-news-archive-grid .pc-archive__card:not(:first-child) > .pc-news-archive-grid__more { display:none; }
}
@container (max-width:24rem) {
  .pc-news-archive-grid .pc-archive__card:not(:first-child) { display:flex; gap:var(--space-xs); }
  .pc-news-archive-grid .pc-archive__card:not(:first-child) .pc-archive__media img { aspect-ratio:16/9; }
}
@container (max-width:24rem) {
  .pc-closing-cta aside { padding:var(--space-md); }
  .pc-closing-cta aside strong { font-size:calc(var(--text-base) * 1.6); }
  :is(.pc-closing-cta aside,.pc-closing-checklist) > .pc-action { padding-inline:var(--space-md); }
  .pc-promo-code-steps li { grid-template-columns:minmax(0,1fr); }
  .pc-promo-code-steps li > b { grid-row:auto; margin-bottom:var(--space-xs); }
  :is(.pc-promo-code-card,.pc-promo-code-steps,.pc-promo-code-table) .pc-action,.pc-promo-code-steps > footer > .pc-action { padding-inline:var(--space-md); }
}
@container (min-width:40.001rem) {
  .pc-news-archive-grid .pc-archive__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container (min-width:52.001rem) {
  .pc-news-archive-grid .pc-archive__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .pc-news-archive-grid .pc-archive__card:first-child { grid-column:span 2; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); grid-template-rows:auto auto auto 1fr; align-content:start; gap:var(--space-sm) var(--space-lg); }
  .pc-news-archive-grid .pc-archive__card:first-child > * { grid-column:2; }
  .pc-news-archive-grid .pc-archive__card:first-child > .pc-archive__media { grid-column:1; grid-row:1 / -1; align-self:start; }
  .pc-news-archive-grid .pc-archive__card:first-child .pc-archive__media img { aspect-ratio:4/5; }
  .pc-news-archive-grid .pc-archive__card:first-child h3 { font-size:var(--text-h3); }
  .pc-news-archive-grid .pc-archive__card:first-child > p { font-size:var(--text-lg); }
  .pc-news-archive-grid .pc-archive__card:first-child > .pc-news-archive-grid__more { align-self:end; }
}
.pc-archive__footer a { display:inline-flex; align-items:center; min-height:var(--control-h); }
/* Publication collections: one inventory-owned block per kind on the archive card system; the count sits beside the heading. */
.pc-collection__head { display:grid; gap:var(--space-xs); }
.pc-collection__heading { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-xs) var(--space-sm); }
.pc.pc-collection .pc-collection__head > p { max-width:60ch; margin:0; }
.pc-collection__count { display:inline-flex; align-items:center; justify-content:center; min-width:2.25em; padding:.1rem var(--space-sm); border:1px solid color-mix(in oklab, var(--accent) 45%, transparent); border-radius:var(--radius-pill); background:color-mix(in oklab, var(--accent) 14%, transparent); color:var(--paper); font-size:var(--text-sm); font-weight:800; font-variant-numeric:lining-nums tabular-nums; line-height:1.5; }
.pc-collection__grid { margin:0; padding:0; list-style:none; }
@container (max-width:30rem) { .pc-collection__heading > h2 { font-size:var(--text-h3); } }
.pc-collection__grid > li { display:grid; min-width:0; }
.pc-collection .pc-collection__title { color:var(--paper); line-height:1.35; }
.pc.pc-collection .pc-collection__title a { display:flex; align-items:center; min-height:var(--control-h); color:inherit; line-height:1.35; text-decoration:none; }
.pc.pc-collection .pc-collection__title a:hover { color:var(--accent); }
.pc.pc-collection .pc-collection__dek { margin:0; font-size:var(--text-sm); line-height:1.5; }
.pc.pc-collection .pc-collection__meta { margin:0; color:var(--muted); font-size:var(--text-sm); font-weight:700; }
.pc-collection .pc-archive__meta { margin:0; }
/* The date fills the rest of its row, right-aligned, so dates of different lengths share both edges across cards. */
.pc-collection .pc-archive__meta > time { flex:1 1 auto; text-align:end; }
/* A card too narrow for score and date on one row gives the date its own left-aligned line. */
@container pc-archive-card (max-width:12rem) { .pc-collection .pc-archive__meta > time { flex-basis:100%; text-align:start; } }
.pc-collection time { font-variant-numeric:lining-nums tabular-nums; }
.pc.pc-collection .pc-archive__actions > a:not(.pc-action),.pc.pc-collection .pc-news-collection__more,.pc.pc-collection .pc-author-collection__profile { display:inline-flex; align-items:center; min-height:var(--control-h); color:var(--paper); font-weight:700; text-decoration:underline; text-decoration-color:var(--accent); text-decoration-thickness:1px; text-underline-offset:.25em; }
.pc.pc-collection .pc-archive__actions > a:not(.pc-action):hover,.pc.pc-collection .pc-news-collection__more:hover,.pc.pc-collection .pc-author-collection__profile:hover { color:var(--accent); text-decoration-thickness:2px; }
.pc-casino-collection .pc-archive__grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr)); }
.pc-casino-collection .pc-archive__media img { aspect-ratio:16/9; }
.pc-game-collection .pc-archive__grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr)); }
.pc-game-collection .pc-archive__media img { aspect-ratio:16/10; }
.pc.pc-game-collection .pc-collection__meta { color:var(--accent); }
.pc-studio-collection .pc-archive__grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr)); }
.pc-studio-collection .pc-archive__media { padding:var(--space-sm); }
.pc-studio-collection .pc-archive__media img { aspect-ratio:5/2; object-fit:contain; }
.pc-studio-collection .pc-archive__actions { justify-content:space-between; padding-top:var(--space-sm); border-top:1px solid var(--line); }
.pc-studio-collection .pc-archive__actions time { flex:1 1 auto; color:var(--muted); font-size:var(--text-sm); text-align:end; }
.pc-news-collection__list { display:grid; }
.pc-news-collection__list > li + li { border-top:1px solid var(--line); }
.pc-news-collection__item { display:grid; align-content:start; gap:var(--space-xs); padding-block:var(--space-md); }
.pc-news-collection__list > li:first-child > .pc-news-collection__item { padding-top:0; }
.pc-news-collection__list > li:last-child > .pc-news-collection__item { padding-bottom:0; }
/* Date and author stack as full-width lines so every row keeps the same edges whatever the date length. */
.pc-news-collection .pc-archive__meta { flex-direction:column; flex-wrap:nowrap; align-items:stretch; gap:0; }
.pc-news-collection .pc-archive__meta > time { text-align:start; }
.pc-news-collection .pc-archive__media img { aspect-ratio:3/2; }
.pc.pc-news-collection .pc-news-collection__more { justify-self:start; font-size:var(--text-sm); }
@container (min-width:40rem) {
  .pc-news-collection__item { grid-template-columns:10rem minmax(0,1fr) auto; column-gap:var(--space-lg); align-items:start; }
  .pc-news-collection__item > * { grid-column:2; }
  .pc-news-collection__item > :is(.pc-archive__media,.pc-archive__meta) { grid-column:1; }
  .pc-news-collection__item > .pc-archive__meta { grid-row:1 / span 3; gap:var(--space-xs); padding-top:.2rem; }
  .pc-news-collection__item:has(> .pc-archive__media) > .pc-archive__meta { grid-row:2 / span 3; }
  .pc-news-collection__item > .pc-news-collection__more { grid-column:3; grid-row:1; }
}
.pc-author-collection .pc-archive__grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr)); }
.pc-author-collection__person { display:flex; align-items:center; gap:var(--space-sm); min-width:0; }
.pc-author-collection__person > div { display:grid; flex:1 1 0; min-width:0; }
.pc-author-collection__avatar { display:grid; flex:none; place-items:center; width:3.5rem; height:auto; aspect-ratio:1; object-fit:cover; border-radius:var(--radius-pill); background:color-mix(in oklab, var(--accent) 16%, var(--surface-soft)); color:var(--paper); font-family:var(--font-heading); font-size:var(--text-h3); font-weight:var(--heading-weight); line-height:1; }
.pc.pc-author-collection .pc-author-collection__profile { align-self:flex-start; margin-top:auto; font-size:var(--text-sm); }
.pc-author-collection__peers { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-xs) var(--space-sm); padding-top:var(--space-md); border-top:1px solid var(--line); }
.pc-collection__head + .pc-author-collection__peers { padding-top:0; border-top:0; }
.pc.pc-author-collection .pc-author-collection__peers > p { margin:0; color:var(--muted); font-size:var(--text-sm); font-weight:700; }
.pc-author-collection__peers > p { flex:1 0 100%; }
.pc-author-collection__peers > ul { display:grid; flex:1 1 100%; grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr)); gap:var(--space-xs); margin:0; padding:0; list-style:none; }
.pc.pc-author-collection .pc-author-collection__peers a { display:flex; align-items:center; min-height:var(--control-h); padding:.35rem var(--space-md); border:1px solid var(--line); border-radius:var(--radius-pill); background:var(--surface-raised); color:var(--paper); font-weight:700; text-decoration:none; }
.pc.pc-author-collection .pc-author-collection__peers a:hover { border-color:var(--accent); color:var(--accent); }
/* v3: headings in narrow columns stay within two lines */
.pc-article h2{font-size:min(var(--text-h2),1.75rem);text-wrap:balance}
@media (min-width:64.001rem){:is(.pc-pair-start,.pc-pair-end) h2{font-size:min(var(--text-h2),1.75rem);text-wrap:balance}}
.pc-article h3{text-wrap:balance}
@media (min-width:64.001rem){.pc-rail .pc h2{font-size:1.1rem;text-wrap:balance}}
.pc-backdrop-hero__copy > h1{font-size:max(var(--text-h2),min(var(--text-display),calc(var(--text-display) * 20 / max(20,var(--title-len,0)))))}
.pc-bonus-listing h1{font-size:min(var(--text-display),3.75rem);text-wrap:balance}
.pc-closer h2{font-size:min(var(--text-h2),2.25rem);text-wrap:balance}

/* v3: spotlight, the page's one accent-lit section */
.pc.pc-spotlight{background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 16%,var(--surface)) 0%,var(--surface) 72%);border-color:color-mix(in oklab,var(--accent) 55%,var(--line));box-shadow:var(--shadow-deep)}
/* v3: the hero breadcrumb back to the homepage */
.pc-breadcrumb{margin:0 0 var(--space-sm);font-size:var(--text-sm);line-height:1.6}
.pc-breadcrumb a{padding-block:.6em;color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:.2em}
.pc-breadcrumb a:hover,.pc-breadcrumb a:focus-visible{text-decoration-color:currentColor}
.pc-breadcrumb [aria-hidden]{opacity:.7}
/* v3: table captions the build adds from the heading above each table, for assistive technology only */
.pc-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}