.series-cover { --series-accent:#82f4b3; text-align:left; }
.series-cover .series-heading h2 { font-size:var(--name-size); white-space:nowrap; overflow-wrap:normal; line-height:1; }
.series-cover .series-heading { margin-top:7%; }
.series-cover .xlookup-kicker { color:var(--series-accent); font-size:2cqw; line-height:1.3; letter-spacing:.15em; }
.series-cover .series-description { font-size:3.1cqw!important; line-height:1.35!important; min-height:8.5cqw; max-height:12.6cqw; overflow:hidden!important; display:-webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.series-cover .series-topline { font-size:1.7cqw; letter-spacing:.1em; }
.series-motif { position:relative; display:grid!important; grid-template-columns:repeat(4,1fr); grid-template-rows:repeat(3,1fr); gap:1.2cqw; margin:3cqw 0; height:17cqw!important; min-height:17cqw; padding:1cqw; opacity:.58; }
.series-motif span { border:1px solid color-mix(in srgb,var(--series-accent) 30%,transparent); border-radius:1cqw; background:rgba(13,44,34,.3); }
.series-motif span.lit { background:color-mix(in srgb,var(--series-accent) 21%,transparent); box-shadow:inset 0 0 3cqw color-mix(in srgb,var(--series-accent) 10%,transparent); }
.series-motif i { position:absolute; width:10cqw!important; height:10cqw!important; display:grid!important; place-items:center; left:45%; top:29%; border:1px solid color-mix(in srgb,var(--series-accent) 55%,transparent); border-radius:2cqw; color:var(--series-accent); background:#102d25; font:800 6cqw/1 system-ui; }
.series-example { position:relative; z-index:1; padding:2.4cqw; border:1px solid rgba(171,255,209,.23); border-radius:2cqw; background:rgba(3,20,16,.64); }
.series-label,.series-category>span,.series-result>span { color:var(--series-accent); font-size:1.9cqw; font-weight:800; letter-spacing:.12em; }
.series-example-value { margin-top:1.5cqw; font:600 3cqw/1.45 ui-monospace,monospace; overflow-wrap:anywhere; max-height:14cqw; overflow:hidden!important; display:-webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.series-result,.series-category { position:relative; display:grid!important; gap:.8cqw; padding-top:2cqw; margin-top:2cqw; border-top:1px solid rgba(171,255,209,.18); }
.series-result strong { color:#effff5; font-size:4cqw; line-height:1.2; overflow-wrap:anywhere; }
.series-category strong { color:#d4f8e4; font-size:2.5cqw; }
.series-result i { position:absolute; right:0; bottom:0; font:700 5cqw/1 system-ui; color:var(--series-accent); }
.series-cover .series-reference { padding-top:4cqw; }
.series-reference code { white-space:normal; overflow-wrap:anywhere; font-size:2.1cqw; line-height:1.5; max-height:17cqw; }
.series-bottomline { gap:2cqw; font-size:1.55cqw; margin-top:4cqw; line-height:1.3; }
.series-bottomline span:last-child { text-align:right; }
.card.feature { --card-edge:#d6c7ff; --card-glow:#b5a2ff; }
.card.feature,.card.feature .card__rotator { --design-card-shape:polygon(9% 0,100% 0,100% 91%,91% 100%,0 100%,0 9%); }
.card.feature .xlookup-back { background-color:#19162e; }
.card.feature .feature-cover { padding-top:7%; background:radial-gradient(ellipse at 15% 25%,rgba(154,104,235,.25),transparent 50%),radial-gradient(ellipse at 90% 65%,rgba(82,139,237,.24),transparent 46%),linear-gradient(150deg,#17152b,#272440 53%,#101d2a); }
.feature-cover .xlookup-logo { color:var(--series-accent); font-style:normal; }
.feature-toolbar { position:relative; display:flex!important; gap:1.4cqw; align-items:center; margin-top:6cqw; padding:2cqw 0; border-top:1px solid rgba(205,191,255,.27); border-bottom:1px solid rgba(205,191,255,.15); }
.feature-toolbar>span { width:2cqw!important; height:2cqw!important; border:1px solid #bfa6f5; border-radius:50%; }
.feature-toolbar>i { font:700 1.6cqw/1 system-ui; letter-spacing:.2em; margin-left:auto; color:#d1bfef; }
.feature-cover .series-heading { margin-top:5cqw; }
.feature-cover .series-heading h2 { letter-spacing:-.045em; color:#faf3ff; text-shadow:0 2cqw 9cqw rgba(159,121,253,.2); }
.feature-cover .series-description { font-size:2.9cqw!important; min-height:8cqw; max-height:16cqw; }
.feature-cover .series-example { order:0; background:rgba(22,16,40,.7); border-color:rgba(203,180,255,.27); }
.feature-cover .series-category strong { color:#e4d5ff; }
.feature-cover .series-reference code { border-color:rgba(197,171,255,.28); background:rgba(10,8,26,.72); color:#e2d1ff; }
.feature-cover .tool-motif { margin:4cqw 0; height:18cqw!important; min-height:18cqw; grid-template-columns:repeat(6,1fr); grid-template-rows:repeat(2,1fr); opacity:.45; }
.feature-cover .tool-motif span { border-color:rgba(190,163,251,.3); }
.feature-cover .tool-motif i { height:9cqw!important; width:9cqw!important; left:43%; top:20%; font-size:5cqw; background:#28203e; }

.series-page { max-width:1160px; padding-top:2rem; font-family:system-ui,sans-serif; --page-accent:#a4f5c5; }
.series-page[hidden] { display:none; }
.series-page.feature-page { --page-accent:#d4bfff; }
.series-page.case-page { --page-accent:#ffd28a; }
.series-availability a { color:var(--page-accent); }
.case-video-notes { overflow-wrap:anywhere; }

/* Full-bleed art over the CSS landscape, retained as a missing-art fallback. */
.card.case { --card-edge:#ffe1aa; --card-glow:#f2b85d; }
.card.case,.card.case .card__rotator { --design-card-shape:polygon(0 0,100% 0,100% 95%,93% 100%,7% 100%,0 95%); }
.card.case .case-cover { padding:7% 7% 6%; background:#081c2b; color:#fff3de; }
.card.case .xlookup-back { background-color:#182334; }
.case-art { position:absolute; inset:0; background:radial-gradient(ellipse at 73% 30%,#407c8b80,transparent 47%),linear-gradient(170deg,#0b263d 12%,#285b71 50%,#0a182a 85%); }
.card.case .case-art-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:none; }
.case-art-grid { position:absolute; inset:0; background:linear-gradient(#b2deeb10 1px,transparent 1px),linear-gradient(90deg,#b2deeb10 1px,transparent 1px); background-size:9cqw 9cqw; mask-image:linear-gradient(#0007,transparent 65%); }
.case-art-sun { position:absolute; left:49%; top:18%; width:37cqw!important; height:37cqw!important; border-radius:50%; background:linear-gradient(140deg,#ffdc99,#ce8d57); box-shadow:0 0 18cqw #e7b87535; }
.case-art-orbit { position:absolute; left:13%; top:10%; width:76cqw!important; height:76cqw!important; border:1px solid #ffe0a648; border-radius:50%; }
.case-art-peak { position:absolute; inset:27% -15% 0 -15%; background:linear-gradient(110deg,#315e71,#122c43 50%); clip-path:polygon(0 44%,39% 4%,61% 32%,77% 17%,100% 50%,100% 100%,0 100%); }
.case-art-peak-back { inset:21% -25% 0 -20%; background:linear-gradient(120deg,#56878d,#244d67 65%); clip-path:polygon(0 55%,29% 15%,48% 38%,69% 0,100% 60%,100% 100%,0 100%); }
.case-art-path { position:absolute; inset:44% 0 0; background:linear-gradient(145deg,#f3cc8b99,#518c9c44 60%,transparent); clip-path:polygon(59% 0,63% 0,47% 29%,71% 54%,43% 100%,10% 100%,52% 56%,37% 30%); }
.case-topline,.case-edition,.case-content { position:relative; z-index:1; }
.case-topline { display:flex!important; justify-content:space-between; gap:2cqw; font:750 1.9cqw/1.3 system-ui; letter-spacing:.12em; color:#f5dfb8; }
.case-edition { display:flex!important; justify-content:space-between; align-items:center; margin-top:5cqw; }
.case-edition strong { border:1px solid #ffdf9e66; background:#091e30a6; border-radius:1cqw; padding:1.3cqw 2cqw; font:750 2.8cqw/1 system-ui; letter-spacing:.1em; }
.case-edition>span { font:600 2.4cqw/1 ui-monospace,monospace; color:#f9dfb0; }
.case-cover .case-content { margin-top:auto; padding-top:8cqw; }
.case-content::before { content:''; position:absolute; z-index:-1; inset:-12cqw -8cqw -10cqw; background:linear-gradient(transparent,#061420e8 23%,#06111bf5 90%); }
.case-art-caption { margin:0 0 4cqw; font:650 1.5cqw/1 system-ui; color:#c1d3d5b3; letter-spacing:.18em; }
.case-art-caption-hidden { visibility:hidden; }
.case-cover .case-heading { margin:0; }
.case-kicker { color:var(--series-accent); font:800 1.7cqw/1.2 system-ui; letter-spacing:.16em; margin:0 0 2cqw; }
.case-cover .case-heading h2 { color:#fff2d9; margin:0; letter-spacing:-.04em; text-shadow:0 .5cqw 3cqw #0007; }
.case-event { margin:2.5cqw 0 0; font:600 2.7cqw/1.4 system-ui; color:#cfdee5; max-height:7.6cqw; overflow:hidden!important; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.case-credit { margin-top:4cqw; padding-top:3cqw; border-top:1px solid #d6c19a40; }
.case-credit>span { color:#deba82; font:700 1.6cqw/1 system-ui; letter-spacing:.14em; }
.case-credit>strong { color:#f5e8ce; margin-top:1.5cqw; font:650 2.7cqw/1.35 system-ui; max-height:7.4cqw; overflow:hidden!important; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.case-bottomline { display:flex!important; justify-content:space-between; gap:2cqw; margin-top:4cqw; color:#b0bbc2; font:650 1.5cqw/1.3 system-ui; letter-spacing:.08em; }
.series-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,.72fr); align-items:center; gap:clamp(1.5rem,5vw,4rem); padding:1.5rem 0 3rem; }
.series-overline { color:var(--page-accent); font-size:.7rem; font-weight:800; line-height:1.4; letter-spacing:.16em; }
.series-overline>span { margin-left:.6rem; color:#a5b0ac; }
.series-intro h1 { font-size:clamp(2.6rem,5.8vw,5rem); font-weight:850; line-height:1; letter-spacing:-.065em; }
.series-intro h1 em { color:var(--page-accent); font-style:normal; }
.series-introduction { max-width:32rem; color:#ced8d3; font-size:1rem; line-height:1.6; }
.series-tags { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:1.5rem; }
.series-tags>span { padding:.45rem .7rem; color:var(--page-accent); border:1px solid #687a704f; background:#25453340; border-radius:999px; font-size:.75rem; }
.series-card-stage { padding:1rem; display:flex; justify-content:center; }
.series-card-stage>.card { width:min(100%,315px); }
.series-switch { display:flex; gap:.5rem; margin:1rem 0 2rem; }
.series-page button,.series-page input,.series-page select { font:inherit; }
.series-switch button,.series-shuffle,.series-pagination button,.series-message button { border:1px solid #c8e2d147; background:#ffffff08; color:#ecf9f0; border-radius:999px; padding:.65rem 1rem; cursor:pointer; }
.series-switch button.selected { color:#14271d; background:var(--page-accent); border-color:var(--page-accent); }
.series-page button:focus-visible,.series-page input:focus-visible,.series-page select:focus-visible { outline:2px solid var(--page-accent); outline-offset:3px; }
.series-page button:disabled { opacity:.4; cursor:default; }
.series-demo-heading { display:flex; gap:1.3rem; justify-content:space-between; align-items:center; margin:2rem 0; }
.series-demo-heading>div { max-width:38rem; }
.series-demo-heading h2 { font-size:clamp(1.8rem,4vw,3rem); font-weight:750; line-height:1.08; letter-spacing:-.04em; margin:.6rem 0; }
.series-demo-heading p:last-child { color:#c4d2ca; line-height:1.5; }
.series-shuffle { flex-shrink:0; }
.series-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2rem 1.1rem; }
.series-card-example { min-width:0; text-align:center; position:relative; z-index:0; }
.series-card-example:has(.card.active) { z-index:1001; }
.series-card-example h3 { min-height:2.5em; margin:0 0 .65rem; color:#e5f1e8; font-size:.88rem; font-weight:650; line-height:1.25; overflow-wrap:anywhere; }
.series-card-example>.card { width:min(100%,235px); margin:auto; }
.series-card-caption { font:600 .78rem/1.4 ui-monospace,monospace; color:var(--page-accent); overflow-wrap:anywhere; margin:.75rem 0 0; }
.series-card-details { font-size:.78rem; line-height:1.5; color:#c4d2ca; text-align:left; margin:.7rem auto 0; max-width:235px; }
.series-card-details summary { cursor:pointer; color:var(--page-accent); }
.series-card-details code { display:block; overflow-wrap:anywhere; font-size:.74rem; margin:.5rem 0; }
.series-card-details a { display:block; color:var(--page-accent); }
.series-catalogue-controls { display:flex; align-items:end; flex-wrap:wrap; gap:1rem; margin:1rem 0 2rem; scroll-margin-top:1rem; }
.series-catalogue-controls label { display:grid; gap:.4rem; color:#d7e3dd; font-size:.8rem; flex:1 1 200px; }
.series-catalogue-controls input,.series-catalogue-controls select { width:100%; border:1px solid #c8e2d147; border-radius:.7rem; background:#202c26; color:white; padding:.7rem .8rem; min-width:0; }
.series-catalogue-controls p { color:var(--page-accent); font-size:.85rem; }
.series-pagination { display:flex; gap:.7rem; align-items:center; justify-content:center; margin:2rem 0; font-size:.85rem; }
.series-message { padding:1.4rem; border:1px solid #8fbaa259; border-radius:1rem; color:#d8e6dd; }
.series-availability { color:#b4c0b9; font-size:.75rem; line-height:1.5; margin:3rem 0 0; }
.series-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(max-width:720px) {
  .series-page { padding:1.25rem 1.25rem 2rem; }
  .series-hero { grid-template-columns:1fr; gap:1.25rem; padding:.5rem 0 1.5rem; }
  .series-intro h1 { font-size:clamp(2.6rem,12vw,4rem); }
  .series-card-stage { padding:.5rem 0 1rem; }
  .series-card-stage>.card { width:min(78vw,315px); }
  .series-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.7rem .7rem; }
  .series-card-example h3 { font-size:.76rem; }
  .series-demo-heading { align-items:start; flex-direction:column; }
  .series-catalogue-controls { gap:.8rem; }
  .series-catalogue-controls label { flex-basis:100%; }
  .series-pagination { gap:.5rem; font-size:.72rem; }
  .series-pagination button { padding:.6rem .75rem; }
}