/* AI Case Browser v2 (records first; peril group and category are filters). Values follow the site's tokens:
   ink #171719, ink-2 #393939, text-body #4c4c4c, text-muted #6e6e6e, grey #f5f5f5, sage #213029, brand-orange #ff6a1a. */
.cb{color:#171719;font-family:var(--body)}
.cb a{color:#171719}
.cb-wrap{max-width:1440px;margin:0 auto;padding-left:clamp(24px,8.34vw,120px);padding-right:clamp(24px,8.34vw,120px)}
.cb-loading{padding:180px 0 120px;text-align:center;color:#6e6e6e;font-size:15px}

/* type */
.cb-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#6e6e6e}
.cb-label-lg{font-size:13px;font-weight:600;letter-spacing:.08em}
.cb-label-dark{color:rgba(255,255,255,.55)}
.cb-h1{margin:0;font-family:var(--display);font-size:62px;line-height:1.1;font-weight:600;letter-spacing:-0.03em;color:#171719;text-wrap:balance}
.cb-h2{margin:0;font-family:var(--display);font-size:48px;line-height:1.05;font-weight:600;letter-spacing:-0.03em;color:#171719}
.cb-h3{margin:0;font-family:var(--display);font-size:32px;line-height:1.15;font-weight:600;letter-spacing:-0.02em;color:#171719}
.cb-h3s{margin:0;font-family:var(--display);font-size:26px;line-height:1.25;font-weight:500;letter-spacing:-0.02em;color:#171719}
.cb-lead{margin:0;max-width:560px;font-size:17px;line-height:1.5;letter-spacing:-0.03em;color:#4c4c4c}
.cb-lead-lg{max-width:620px;font-size:20px;letter-spacing:-0.0375em}
.cb-small{font-size:13px;color:#6e6e6e}
.cb-grow{flex-grow:1}
.cb-none{color:#6e6e6e;font-size:13px}

/* pieces */
.cb-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:50px;font-size:12px;font-weight:600;white-space:nowrap}
.cb-pill-case{background:#213029;color:#fff}
.cb-pill-art{background:#f5f5f5;color:#393939}
.cb-chip{display:inline-flex;padding:5px 11px;border-radius:50px;background:#f5f5f5;font-size:12px;font-weight:500;color:#393939}
.cb-chip-more{background:transparent;color:#6e6e6e;padding-left:4px;padding-right:4px}
.cb-chips{flex-grow:1;display:flex;flex-wrap:wrap;gap:6px}
.cb-bar{display:block;height:4px;border-radius:4px;background:#e3e3e3;overflow:hidden}
.cb-bar i{display:block;height:4px;background:#ff6a1a}
.cb-bar-sage i{background:#213029}
.cb-bar-dark{background:rgba(255,255,255,.12)}
.cb-arrow{display:inline-flex;flex-shrink:0;transition:transform .2s ease}
.cb-hint{display:flex;align-items:center;gap:8px;font-size:14px;color:#6e6e6e}
.cb-hidden{font-size:14px;color:#6e6e6e}
.cb-inline{color:#171719;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.cb-inline:hover{color:#213029}
.cb-link{align-self:flex-start;min-height:24px;border:0;background:none;padding:0;font-family:var(--body);font-size:13px;font-weight:600;color:#171719;text-decoration:underline;cursor:pointer}


/* hero: dark ground falling to orange, copy centred, totals in a divided row (Claude Design "Header 3") */
.cb-hero{position:relative;overflow:hidden;min-height:760px;display:flex;flex-direction:column;align-items:center;padding:200px 24px 96px;text-align:center;
  background:linear-gradient(180deg,#0a0d0b 0%,#17231d 30%,#26352d 52%,#5b4a37 74%,#c4652d 92%,#ee7a3c 100%)}
.cb-hero[hidden]{display:none}
.cb-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='h' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23h)'/%3E%3C/svg%3E")}
.cb-hero-copy{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;max-width:720px}
.cb-hero .eyebrow{margin:0;color:rgba(255,255,255,.55)}
.cb-hero h1{margin:0;font-family:var(--display);font-size:72px;line-height:1;font-weight:600;letter-spacing:-0.03em;color:#fafafa}
.cb-hero p{margin:0;font-size:20px;line-height:1.5;letter-spacing:-0.0375em;color:#cfcfcf}
.cb-hero-stats{position:relative;margin-top:64px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:880px;max-width:100%}
.cb-hero-stats>div{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0}
.cb-hero-stats>div+div{border-left:1px solid rgba(255,255,255,.18)}
.cb-hero-stats b{font-family:var(--display);font-size:48px;line-height:1;font-weight:600;letter-spacing:-0.03em;color:#fafafa}
.cb-hero-stats span{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.7)}


/* ===== v2 body: intro, filter bar, selection box, records ===== */
.cb-body{padding:96px 0 120px}
.cb-intro2{display:flex;flex-direction:column;gap:18px}
.cb-intro2 .cb-lead{max-width:none}
.cb-inline{color:#171719;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.cb-inline:hover{color:#213029}
.cb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* filter bar: a grey panel of pill controls */
.cb-fbar{position:relative;z-index:4;margin-top:36px;padding:12px;border-radius:20px;background:#f5f5f5;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.cb-search{box-sizing:border-box;width:280px;height:44px;border-radius:50px;border:1px solid #d9d9d9;padding:0 18px;font-family:var(--body);font-size:15px;color:#171719;background:#fff}
.cb-search::placeholder{color:#6e6e6e}
.cb-ddw{position:relative;min-width:0}
.cb-dd{height:44px;padding:0 14px 0 18px;border:0;border-radius:50px;background:#fff;box-shadow:inset 0 0 0 1px #d9d9d9;color:#171719;font-family:var(--body);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;min-width:0;transition:background .2s ease,color .2s ease}
.cb-dd:hover{box-shadow:inset 0 0 0 1px #171719}
.cb-dd-l{color:#6e6e6e;flex-shrink:0}
.cb-dd-v{font-weight:600;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cb-dd svg{flex-shrink:0}
.cb-dd.on,.cb-dd.on:hover{background:#213029;box-shadow:none;color:#fff}
.cb-dd.on .cb-dd-l{color:rgba(255,255,255,.6)}
.cb-dd:disabled{opacity:.45;cursor:not-allowed}
.cb-dd:disabled:hover{box-shadow:inset 0 0 0 1px #d9d9d9}
.cb-dd-line .cb-dd-l{margin-left:-2px}
.cb-menu{position:absolute;top:52px;left:0;z-index:10;padding:8px;border-radius:12px;background:#fff;box-shadow:0 10px 30px -18px rgba(0,0,0,.25),0 0 0 1px #e0e0e0;display:flex;flex-direction:column}
.cb-menu-g{width:340px}
.cb-menu-c{width:400px;max-height:min(520px,70vh);overflow-y:auto}
.cb-mi-h{padding:14px 12px 6px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#6e6e6e}
.cb-menu-l{width:260px;left:auto;right:0}
.cb-mi{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:44px;padding:8px 12px;border:0;border-radius:8px;background:transparent;text-align:left;font-family:var(--body);font-size:14px;line-height:20px;color:#171719;cursor:pointer}
.cb-mi:hover,.cb-mi:focus-visible{background:#f5f5f5}
.cb-mi[aria-checked=true]{background:#f5f5f5;font-weight:600}
.cb-mi-c{color:#213029}
.cb-mi-k{font-size:13px;font-weight:400;color:#6e6e6e;font-variant-numeric:tabular-nums}
.cb-menu .cb-check{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 10px;border-radius:8px;font-size:14px;color:#393939;cursor:pointer}
.cb-menu .cb-check:hover{background:#f5f5f5}
.cb-check input{width:18px;height:18px;margin:0;accent-color:#213029}
.cb-seg{display:flex;padding:3px;gap:3px;background:#fff;border-radius:50px;border:1px solid #d9d9d9}
.cb-seg button{height:36px;padding:0 14px;border:0;border-radius:50px;background:transparent;color:#393939;font-family:var(--body);font-size:14px;font-weight:500;cursor:pointer}
.cb-seg button[aria-pressed=true]{background:#171719;color:#fff}
.cb-clear{height:44px;padding:0 8px;border:0;background:none;font-family:var(--body);font-size:14px;font-weight:500;color:#171719;text-decoration:underline;cursor:pointer}

/* results */
.cb-results{margin-top:48px;display:flex;flex-direction:column;gap:20px}
.cb-sel{position:relative;overflow:hidden;border-radius:20px;padding:32px 36px;background:linear-gradient(135deg,#213029 0%,#131b17 100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end;color:#fafafa}
.cb-sel::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='s' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E")}
.cb-sel>*{position:relative}
.cb-sel-t{min-width:0;display:flex;flex-direction:column;gap:12px;max-width:760px}
.cb-up{align-self:flex-start;min-height:28px;margin-left:-2px;padding:0 2px;border:0;background:none;display:flex;align-items:center;gap:6px;font-family:var(--body);font-size:14px;font-weight:500;color:rgba(255,255,255,.7);cursor:pointer}
.cb-up:hover{color:#fff}
.cb-up svg{width:12px;height:12px}
.cb-sel-n{margin:0;font-family:var(--display);font-size:36px;line-height:1.1;font-weight:600;letter-spacing:-0.03em;color:#fafafa}
.cb-sel-d{margin:0;font-size:17px;line-height:1.55;letter-spacing:-0.02em;color:#cfcfcf}
.cb-sel-m{font-size:14px;color:#9e9e9e}
.cb-sel-k{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.cb-sel-k b{font-family:var(--display);font-size:56px;line-height:1;font-weight:600;letter-spacing:-0.03em;color:#ff6a1a}
.cb-sel-k span{font-size:13px;color:#cfcfcf}
.cb-list-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-top:8px;flex-wrap:wrap}

/* records table */
.cb-table{display:flex;flex-direction:column}
.cb-table-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;flex-wrap:wrap}
.cb-table-hd>div{display:flex;flex-direction:column;gap:6px}
.cb-sort{flex-shrink:0;font-size:14px;color:#6e6e6e}
.cb-thead,.cb-row{display:grid;grid-template-columns:40px 150px minmax(0,1fr) 280px;gap:20px}
.cb-thead{padding:0 0 14px;border-bottom:1px solid #d9d9d9;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#6e6e6e}
.cb-row{align-items:center;padding:22px 0;border-bottom:1px solid #e3e3e3;text-decoration:none}
.cb-row:hover .cb-title{text-decoration:underline}
.cb-row:hover .cb-arrow{transform:translateX(3px)}
.cb-rank{font-size:15px;font-weight:500;color:#6e6e6e;font-variant-numeric:tabular-nums}
.cb-rank .cb-m{display:none}
.cb-score{display:flex;align-items:center;gap:14px}
.cb-score b{width:40px;font-family:var(--display);font-size:26px;font-weight:600;letter-spacing:-0.02em}
.cb-score .cb-bar{width:88px}
.cb-rec{display:flex;flex-direction:column;gap:8px;min-width:0}
.cb-title{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-0.02em}
.cb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:#6e6e6e}
.cb-status{color:#393939;font-weight:500}
.cb-cats{display:flex;align-items:center;gap:12px}
.cb-chips-under{display:none}
.cb-more{align-self:center;display:flex;align-items:center;height:44px;margin-top:12px;padding:0 24px;border:1px solid #d9d9d9;border-radius:50px;background:#fff;font-family:var(--body);font-size:14px;font-weight:500;color:#171719;cursor:pointer}
.cb-more:hover{border-color:#171719}

/* empty state */
.cb-empty{padding:64px 40px 72px;border-bottom:1px solid #e3e3e3;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.cb-empty-i{width:56px;height:56px;border-radius:50px;background:#f5f5f5;color:#6e6e6e;display:flex;align-items:center;justify-content:center}
.cb-empty h4{margin:0;font-family:var(--display);font-size:26px;line-height:1.25;font-weight:500;letter-spacing:-0.02em;color:#171719}
.cb-empty p{margin:0;max-width:540px;font-size:16px;line-height:1.5;color:#4c4c4c}
.cb-empty-b{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding-top:8px}
.cb-btn{height:48px;padding:0 22px;border:1px solid #d9d9d9;border-radius:50px;background:#fff;color:#171719;font-family:var(--body);font-size:15px;font-weight:500;cursor:pointer;transition:border-color .2s ease,opacity .2s ease}
.cb-btn:hover{border-color:#171719}
.cb-btn-dark{padding:0 24px;border:0;background:#080808;color:#fff;font-weight:600}
.cb-btn-dark:hover{opacity:.85}
.cb-sugs{margin-top:20px;padding-top:24px;border-top:1px solid #e3e3e3;width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:12px}
.cb-sugs-l{font-size:14px;color:#6e6e6e}
.cb-sugs-c{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.cb-sug{height:44px;padding:0 16px;border:0;border-radius:50px;background:#f5f5f5;color:#171719;font-family:var(--body);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer}
.cb-sug span{color:#6e6e6e}
.cb-sug:hover{box-shadow:inset 0 0 0 1px #213029}

/* the page CTA's supporting line */
.cb-cta p{position:relative;margin:-8px 0 0;max-width:560px;text-align:center;font-size:19px;line-height:1.5;font-weight:600;letter-spacing:-0.02em;color:#fff}

/* record page */
.cb[data-view=record]{padding-top:60px}
.cb-crumbbar{padding-top:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cb-back{display:flex;align-items:center;gap:10px;height:44px;padding:0 20px 0 16px;border:1px solid #d9d9d9;border-radius:50px;font-size:14px;font-weight:500;text-decoration:none}
.cb-back:hover{border-color:#171719}
.cb-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px;color:#6e6e6e}
.cb-crumbs a{color:#6e6e6e;text-decoration:none}
.cb-crumbs a:hover{color:#171719;text-decoration:underline}
.cb-crumbs [aria-current]{color:#171719;font-weight:500}
.cb-rhead{padding-top:64px;padding-bottom:88px;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:64px;align-items:start}
.cb-rhead.solo{grid-template-columns:minmax(0,1fr)}
.cb-rhead-t{display:flex;flex-direction:column;gap:28px}
.cb-rhead-eb{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cb-rhead-eb .cb-pill{padding:4px 12px}
.cb-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:720px}
.cb-fact{border-top:2px solid #e0e0e0;padding-top:16px;display:flex;flex-direction:column;gap:6px}
.cb-fact.lead{border-top-color:#ff6a1a}
.cb-fact-v{font-size:17px;font-weight:600;letter-spacing:-0.02em}
.cb-src{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.cb-src-none{font-size:13px;color:#6e6e6e}
.cb-tl-links{display:flex;flex-wrap:wrap;gap:8px 20px}
.cb-share{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.cb-share .cb-label{margin-right:8px}
.cb-copy,.cb-sh{display:inline-flex;align-items:center;justify-content:center;height:36px;border:1px solid #d9d9d9;border-radius:50px;background:#fff;color:#171719;text-decoration:none;cursor:pointer;transition:border-color .2s ease}
.cb-copy{gap:8px;padding:0 16px 0 14px;font-family:var(--body);font-size:13px;font-weight:500}
.cb-sh{width:36px}
.cb-copy:hover,.cb-sh:hover{border-color:#171719}
.cb-copy.done{border-color:#ff6a1a}
.cb-scorecard{position:relative;overflow:hidden;border-radius:24px;padding:32px;background:linear-gradient(180deg,#213029 0%,#182620 55%,#131b17 100%);display:flex;flex-direction:column;gap:28px;color:#fafafa}
.cb-scorecard::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='g' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
.cb-scorecard>*{position:relative}
.cb-sc-top{display:flex;justify-content:space-between;align-items:flex-end}
.cb-sc-top>div{display:flex;flex-direction:column;gap:8px}
.cb-sc-top>span{font-size:14px;color:#cfcfcf;padding-bottom:8px}
.cb-sc-v{font-family:var(--display);font-size:82px;line-height:1;font-weight:600;letter-spacing:-0.03em;color:#ff6a1a}
.cb-factors{display:flex;flex-direction:column;gap:18px}
.cb-factor{display:flex;flex-direction:column;gap:8px}
.cb-factor>div{display:flex;justify-content:space-between;font-size:14px}
.cb-factor span{color:#cfcfcf}
.cb-factor b{color:#fafafa;font-weight:600;font-variant-numeric:tabular-nums}
.cb-sc-note{margin:0;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;line-height:1.5;color:#9e9e9e}
.cb-sc-id{margin:-16px 0 0;font-size:12px;color:#9e9e9e}
.cb-sc-id code{font-size:11px;color:#cfcfcf;word-break:break-all}
.cb-mapping{padding-top:48px;padding-bottom:48px;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:64px;position:relative}
.cb-mapping::before,.cb-mapping::after{content:"";position:absolute;left:clamp(24px,8.34vw,120px);right:clamp(24px,8.34vw,120px);height:1px;background:#e0e0e0}
.cb-mapping::before{top:0}.cb-mapping::after{bottom:0}
.cb-mapping>div{display:flex;flex-direction:column;gap:20px}
.cb-rcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cb-rc{display:flex;align-items:center;gap:14px;min-height:56px;padding:10px 16px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #e0e0e0;text-decoration:none}
a.cb-rc:hover{box-shadow:inset 0 0 0 1px #213029}
.cb-rc.on{background:#f5f5f5;box-shadow:inset 0 0 0 2px #213029}
.cb-rc-l{width:20px;font-family:var(--display);font-size:18px;font-weight:600;color:#ff6a1a}
.cb-rc-t{flex-grow:1;display:flex;flex-direction:column;gap:2px}
.cb-rc-n{font-size:15px;font-weight:600;letter-spacing:-0.02em}
.cb-rc-here{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#213029;text-align:right}
.cb-lines-note{margin:-8px 0 0;font-size:14px;line-height:1.5;color:#4c4c4c}
.cb-line{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #e3e3e3}
.cb-line-n{width:150px;flex-shrink:0;font-size:15px;font-weight:600}
.cb-line .cb-bar{flex-grow:1}
.cb-line .cb-small{width:120px;text-align:right}
.cb-dev{padding:96px 0 104px}
.cb-dev-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:64px;align-items:start}
.cb-dev-t{display:flex;flex-direction:column;gap:16px}
.cb-legend{display:flex;flex-direction:column;gap:10px;padding-top:8px;font-size:13px;color:#4c4c4c}
.cb-legend span{display:flex;align-items:center;gap:10px}
.cb-legend i{width:10px;height:10px;border-radius:50px;background:#fff;box-shadow:inset 0 0 0 2px #6e6e6e}
.cb-legend i.key{background:#ff6a1a;box-shadow:none}
.cb-tls{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.cb-tl{display:grid;grid-template-columns:96px 24px minmax(0,1fr);gap:20px}
.cb-tl-date{padding-top:26px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.cb-tl-rail{display:flex;flex-direction:column;align-items:center}
.cb-tl-rail i{width:2px;background:#e0e0e0}
.cb-tl-rail i:first-child{height:30px}
.cb-tl-rail i:last-child{flex-grow:1}
.cb-tl.first .cb-tl-rail i:first-child,.cb-tl.last .cb-tl-rail i:last-child{background:transparent}
.cb-tl-rail b{width:12px;height:12px;border-radius:50px;flex-shrink:0;background:#fff;box-shadow:inset 0 0 0 2px #6e6e6e}
.cb-tl.key .cb-tl-rail b{background:#ff6a1a;box-shadow:none}
.cb-tl-body{padding:20px 0 28px;border-bottom:1px solid #e3e3e3;display:flex;flex-direction:column;gap:10px;min-width:0}
.cb-tl-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cb-tl-src{font-size:14px;font-weight:600}
.cb-tl-top b{color:#171719}
.cb-tl-sum{margin:0;max-width:680px;font-size:15px;line-height:1.55;color:#4c4c4c}
.cb-related{padding:96px 0 112px;background:#f5f5f5}
.cb-related .cb-table-hd{margin-bottom:32px}
.cb-seeall{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;text-decoration:none}
.cb-seeall:hover{text-decoration:underline}
.cb-rel{display:flex;flex-direction:column;border-top:1px solid #d9d9d9}
.cb-row-rel{grid-template-columns:150px minmax(0,1fr) 320px;gap:24px;border-bottom-color:#d9d9d9}
.cb-related .cb-chip{background:#fff}
.cb-related .cb-pill-art{background:#fff}

/* page CTA */
.cb-cta{position:relative;overflow:hidden;min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding:100px 24px;background:linear-gradient(180deg,#ff8800 0%,#ff6a1a 45%,#213029 100%)}
.cb-cta::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='c' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3C/svg%3E")}
.cb-cta h2{position:relative;margin:0;max-width:900px;text-align:center;font-family:var(--display);font-size:62px;line-height:1.1;font-weight:600;letter-spacing:-0.03em;color:#fff;text-wrap:balance}
.cb-cta a{position:relative;display:flex;align-items:center;height:48px;padding:0 28px;border-radius:50px;background:#fff;color:#171719;font-size:15px;font-weight:500}
.cb-cta a:hover{opacity:.85}

.cb a:focus-visible,.cb button:focus-visible,.cb input:focus-visible{outline:2px solid #213029;outline-offset:2px}
.cb-sel button:focus-visible{outline-color:#fff}
@media (prefers-reduced-motion:reduce){.cb-arrow,.cb-dd,.cb-btn,.cb-copy,.cb-sh{transition:none}}


/* ===== narrower screens ===== */
@media (max-width:1280px){
  .cb-thead,.cb-row{grid-template-columns:32px 130px minmax(0,1fr) 220px}
  .cb-rhead,.cb-mapping{grid-template-columns:minmax(0,1fr) 360px;gap:40px}
  .cb-row-rel{grid-template-columns:130px minmax(0,1fr) 240px}
}
/* below 1024: the bar wraps (search on its own row), the box stacks, the table drops its categories column */
@media (max-width:1023px){
  .cb-hero{min-height:0;padding:150px 24px 72px}.cb-hero h1{font-size:56px}.cb-hero-stats{margin-top:48px}.cb-hero-stats b{font-size:40px}
  .cb-body{padding:64px 0 96px}
  .cb-h1{font-size:44px}.cb-h3{font-size:26px}.cb-cta h2{font-size:44px}
  .cb-search{width:100%;flex:1 1 100%}
  .cb-menu-c{width:min(400px,calc(100vw - 72px))}
  .cb-sel{grid-template-columns:minmax(0,1fr);gap:20px;align-items:start;padding:28px}
  .cb-sel-k{flex-direction:row;align-items:baseline;gap:10px}
  .cb-thead,.cb-row{grid-template-columns:32px 130px minmax(0,1fr)}
  .cb-thead>div:last-child,.cb-row .cb-cats{display:none}
  .cb-chips-under{display:flex;flex-wrap:wrap;gap:6px}
  .cb-chips-under:empty{display:none}
  .cb-rhead,.cb-mapping,.cb-dev-grid{grid-template-columns:minmax(0,1fr)}
  .cb-rhead{padding-top:40px;padding-bottom:56px;gap:32px}
  .cb-dev{padding:64px 0}.cb-dev-grid{gap:32px}.cb-related{padding:64px 0}
}
@media (max-width:700px){
  .cb-rcs,.cb-facts{grid-template-columns:minmax(0,1fr)}
  .cb-row-rel{grid-template-columns:minmax(0,1fr);gap:10px;padding:20px 0}
  .cb-h1{font-size:36px}.cb-lead-lg{font-size:17px}.cb-cta h2{font-size:34px}.cb-sc-v{font-size:64px}
  .cb-scorecard{padding:24px}
  .cb-crumbbar{flex-direction:column;align-items:flex-start;gap:16px}
  .cb-tl{grid-template-columns:24px minmax(0,1fr);gap:14px}
  .cb-tl-date{grid-column:2;padding:20px 0 0}
  .cb-tl-rail{grid-row:1 / span 2;grid-column:1}
  .cb-tl-body{grid-column:2;padding-top:8px}
  .cb-line-n{width:auto;flex-grow:1}.cb-line .cb-bar{display:none}
  .cb-table-hd{align-items:flex-start;flex-direction:column;gap:8px}
}

/* ===== phones (Claude Design "Mobile · All groups / Category selected / Filter sheet") ===== */
/* pieces that exist only on a phone */
.cb-mbar,.cb-sheet-wrap{display:none}
html.cb-lock,html.cb-lock body{overflow:hidden}

@media (max-width:600px){
  .cb-share{gap:6px}.cb-share .cb-label{flex-basis:100%}
  /* hero: tighter, the totals in a ruled 2 × 2 grid */
  .cb-hero{padding:112px 24px 40px}
  .cb-hero-copy{gap:18px}
  .cb-hero h1{font-size:42px;line-height:1.05}
  .cb-hero p{font-size:17px;letter-spacing:-0.03em}
  .cb-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:36px;width:100%;row-gap:0;border-top:1px solid rgba(255,255,255,.18)}
  .cb-hero-stats>div{padding:18px 0;gap:6px}
  .cb-hero-stats>div+div{border-left:0}
  .cb-hero-stats>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)}
  .cb-hero-stats>div:nth-child(2n){border-left:1px solid rgba(255,255,255,.18)}
  .cb-hero-stats b{font-size:34px}

  /* the filter panel gives way to a sticky bar: search, Filters, and the active filters as chips */
    .cb-mbar{display:flex;flex-direction:column;gap:8px;position:sticky;top:60px;z-index:110;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e0e0e0;padding:12px 24px}
  /* above the nav's soft blur (it reaches below the bar), but never over the open mobile menu */
  body.menu-open .cb-mbar{visibility:hidden}
  .cb-mbar-row{display:flex;gap:8px;align-items:center}
  .cb-mbar input{box-sizing:border-box;flex-grow:1;min-width:0;height:44px;border-radius:50px;border:1px solid #d9d9d9;padding:0 16px;font-family:var(--body);font-size:16px;color:#171719;background:#fff}
  .cb-mbar input::placeholder{color:#6e6e6e}
  .cb-fbtn{flex-shrink:0;height:44px;padding:0 14px 0 16px;border:0;border-radius:50px;background:#213029;color:#fff;font-family:var(--body);font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer}
  .cb-badge{min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border-radius:50px;background:#ff6a1a;color:#171719;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
  .cb-mchips{display:flex;gap:6px;overflow-x:auto;margin:0 -24px;padding:0 24px;scrollbar-width:none}
  .cb-mchips::-webkit-scrollbar{display:none}
  .cb-mchip{flex-shrink:0;height:44px;padding:4px 0;border:0;background:none;font-family:var(--body);cursor:pointer}
  .cb-mchip>span{height:36px;box-sizing:border-box;padding:0 10px 0 14px;border-radius:50px;background:#f5f5f5;box-shadow:inset 0 0 0 1px #d9d9d9;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#171719;white-space:nowrap}


  /* below 600: the filter bar gives way to the sticky bar and sheet; records become stacked cards */
  .cb-fbar{display:none}
  .cb-body{padding:32px 0 56px}
  .cb-intro2{gap:12px}
  .cb-intro2 .cb-h1{font-size:32px}
  .cb-results{margin-top:28px}
  .cb-sel{padding:24px;border-radius:16px}
  .cb-sel-n{font-size:28px}
  .cb-sel-d{font-size:15px}
  .cb-sel-k b{font-size:40px}
  .cb-thead{display:none}
  .cb-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"score . rank" "rec rec rec";gap:10px 12px;padding:20px 0}
  .cb-row .cb-score{grid-area:score;gap:12px}
  .cb-row .cb-score .cb-bar{width:64px}
  .cb-row .cb-rank{grid-area:rank;font-size:13px;font-weight:400}
  .cb-rank .cb-d{display:none}.cb-rank .cb-m{display:inline}
  .cb-row .cb-rec{grid-area:rec}
  .cb-row .cb-title{font-size:16px}
  .cb-chips-under .cb-chip:nth-child(n+3){display:none}
  .cb-more{align-self:stretch;justify-content:center;height:48px;font-size:15px}
  .cb-empty{padding:40px 8px 48px}
  .cb-empty h4{font-size:22px}
  .cb-empty-b{flex-direction:column;align-self:stretch}
  .cb-cta{min-height:0;gap:24px;padding:56px 24px 60px}
  .cb-cta h2{font-size:30px}
  /* the white line stays 19px bold: large text, which needs 3:1 on the orange (it has 3.5 to 4.9) */

  /* the filter sheet */
  .cb-sheet-wrap{display:block;position:fixed;inset:0;z-index:300}
  .cb-scrim{position:absolute;inset:0;border:0;padding:0;background:rgba(8,8,8,.55);cursor:pointer}
  .cb-sheet{position:absolute;left:0;right:0;bottom:0;height:min(700px,calc(100dvh - 40px));background:#fff;border-radius:24px 24px 0 0;box-shadow:0 40px 80px -30px rgba(0,0,0,.5);display:flex;flex-direction:column;animation:cbSheetUp .28s cubic-bezier(.2,.7,.2,1)}
  @keyframes cbSheetUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
  .cb-handle{width:36px;height:4px;border-radius:4px;background:#d9d9d9;margin:10px auto 0}
  .cb-sheet-hd{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 8px 24px}
  .cb-sheet-hd h3{margin:0;font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:-0.02em}
  .cb-x{width:44px;height:44px;border:0;border-radius:50px;background:#f5f5f5;color:#171719;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
  .cb-sheet-body{flex-grow:1;overflow-y:auto;overscroll-behavior:contain;padding:8px 24px 24px;display:flex;flex-direction:column;gap:28px}
  .cb-sheet-body .cb-field{gap:10px}
  .cb-seg-grey{background:#f5f5f5;border:0}
  .cb-seg-grey button{height:40px}
  .cb-sgs{gap:4px}
  .cb-sgs .cb-label{padding-bottom:6px}
  .cb-sg-h{padding:16px 4px 4px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#6e6e6e}
  .cb-sg{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 4px;border-bottom:1px solid #efefef;cursor:pointer}
  .cb-sg input{width:20px;height:20px;margin:0;accent-color:#213029}
  .cb-sg-l{width:16px;font-family:var(--display);font-size:15px;font-weight:600;color:#ff6a1a}
  .cb-sg-n{flex-grow:1;font-size:15px;font-weight:500;color:#171719}
  .cb-sg.on .cb-sg-n{font-weight:600}
  .cb-sg-c{font-size:13px;color:#6e6e6e}
  .cb-lpills{display:flex;flex-wrap:wrap;gap:8px}
  .cb-lpill{height:44px;padding:0 16px;border:0;border-radius:50px;background:#fff;box-shadow:inset 0 0 0 1px #d9d9d9;color:#393939;font-family:var(--body);font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer}
  .cb-lpill[aria-pressed=true]{background:#213029;box-shadow:none;color:#fff}
  .cb-sheet-ft{padding:14px 24px calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid #e0e0e0;display:flex;align-items:center;gap:12px}
  .cb-sheet-ft .cb-clear{height:48px;min-height:0;font-size:15px}
  .cb-show{flex-grow:1;height:48px;border:0;border-radius:50px;background:#080808;color:#fff;font-family:var(--body);font-size:15px;font-weight:600;cursor:pointer}
}
@media (max-width:600px) and (prefers-reduced-motion:reduce){.cb-sheet{animation:none}}