/* wk01 prototype v2, elevation pass (2026-11-10, CODEX-ELEVATION-1110.md). Loads LAST: one spacing scale, one type scale, one material language, one set of motion tokens. */
:root{
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;
 --article-bg:#081321;--surface-1:#0e1d2f;--surface-2:#14263d;--border:#294059;--text:#c1d0df;--muted:#9fb3c7;--heading:#f4f7fb;--blue:#66c6ff;--orange:#ff813e;--line:#294059;--mut:#9fb3c7;
 --ease-out:cubic-bezier(.22,1,.36,1);--ease-standard:cubic-bezier(.2,0,0,1);--duration-state:140ms;--duration-panel:180ms;--duration-roll:220ms;
 --bar:72px;
 --sp-part:64px;--sp-sub:40px;--panel-pad:24px;--card-gap:16px;--fig-gap:32px;
}
@media(max-width:760px){:root{--hdr:72px;--bar:72px;--sp-part:48px;--sp-sub:32px;--panel-pad:16px;--card-gap:12px;--fig-gap:24px}}
body{background:var(--article-bg)}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}

/* ---- type scale (article scoped, beats site.css .news-copy h2 !important) ---- */
.news-hero.wk-hero h1{font-size:46px!important;line-height:50px!important;font-weight:700;letter-spacing:-.025em;color:var(--heading);text-wrap:balance}
.wk-hero .tba-copy>p:not(.eyebrow):not(.skip-row):not(.hero-by){font-size:18px;line-height:28px;max-width:56ch;text-wrap:pretty}
.wk-hero .tba-copy .eyebrow{font-size:11px;line-height:16px;font-weight:700;letter-spacing:.12em}
@media(max-width:760px){.news-hero.wk-hero h1{font-size:32px!important;line-height:36px!important}.wk-hero .tba-copy>p:not(.eyebrow):not(.skip-row):not(.hero-by){font-size:17px;line-height:28px}}
.news-copy.art-body{font-size:17px;line-height:29px;color:var(--text);font-variant-numeric:proportional-nums}
.news-copy.art-body p,.news-copy.art-body li{color:var(--text)}
.news-copy.art-body p{text-wrap:pretty}
.news-copy.art-body strong{color:var(--heading)}
.news-copy.art-body h2,.news-copy.art-body h3,.news-copy.art-body h4{color:var(--heading);text-wrap:balance;margin:0 0 var(--space-4)!important}
.news-copy.art-body h2{font-size:28px!important;line-height:35px!important;letter-spacing:-.015em;font-weight:700;padding-top:var(--space-6);border-top:1px solid var(--border)}
.news-copy.art-body .part>h2,.news-copy.art-body .optional-part>h2{font-size:32px!important;line-height:38px!important;letter-spacing:-.02em}
.news-copy.art-body h3{font-size:23px!important;line-height:30px!important;letter-spacing:-.01em;font-weight:700;padding-top:0}
.news-copy.art-body h4{font-size:18px!important;line-height:26px!important;font-weight:700}
.news-copy.art-body .part>h2::before{display:none}
.news-copy.art-body .part>h2{border-top:1px solid var(--border);padding-top:var(--space-6)}
.news-copy.art-body .optional-part>h2,.news-copy.art-body>.sec-h2:first-of-type>h2{border-top:0;padding-top:0}
@media(max-width:760px){
 .news-copy.art-body{font-size:16px;line-height:28px}
 .news-copy.art-body h2{font-size:24px!important;line-height:30px!important}
 .news-copy.art-body .part>h2,.news-copy.art-body .optional-part>h2{font-size:27px!important;line-height:33px!important}
 .news-copy.art-body h3{font-size:22px!important;line-height:28px!important}}
.news-copy.art-body figcaption,.news-copy.art-body .fig figcaption{font-size:14px;line-height:21px;color:var(--muted)}
@media(max-width:760px){.news-copy.art-body figcaption,.news-copy.art-body .fig figcaption{font-size:13px;line-height:20px}}
.art-body .tag,.art-body .mk-n,.art-body .rb-lab{letter-spacing:.12em}
.art-body .xtable th,.art-body .sb thead th{letter-spacing:.08em}
.art-body :is(.xtable td,.xtable th,.sb td,.sb th,.val,.rb-count,.cnt,.mk-n,.step-num,.sb-sub){font-variant-numeric:lining-nums tabular-nums}
.art-body a:not(.anchor):not(.sh-btn):not(.skip-setup){color:var(--blue);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.art-body blockquote,.art-body .prompt blockquote{hanging-punctuation:first allow-end}
.news-copy.art-body ul,.news-copy.art-body ol{padding-left:0;margin:0 0 var(--space-5);list-style-position:outside;margin-left:1.5em}
.news-copy.art-body li{padding-left:6px;margin-bottom:12px}
.news-copy.art-body .checklist{margin-left:0}
.news-copy.art-body li>p:last-child,.news-copy.art-body li>:last-child{margin-bottom:0}
@media(max-width:760px){.news-copy.art-body ul,.news-copy.art-body ol{margin-left:1.4em}}

/* ---- heading row: tag/number, text, copy-link slot ---- */
.art-body .hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3)}
.art-body .hd .hd-text{flex:0 1 auto;min-width:0}
.art-body .hd .anchor{margin-left:auto;flex:none;align-self:center}
@media(min-width:761px){.art-body .hd .anchor{margin-left:var(--space-1)}}
@media(max-width:480px){
 .art-body .hd .anchor{order:-1;flex:0 0 100%;height:28px;min-width:0;justify-content:flex-start;position:relative;margin:0 0 var(--space-1);padding:0 8px;align-self:flex-start;width:auto;max-width:max-content;flex-basis:100%}
 .art-body .hd .anchor::after{content:"";position:absolute;inset:-8px -8px}
 .art-body .hd .anchor{flex-basis:auto;margin-right:100%}
}

/* ---- vertical rhythm: wrappers own the separation ---- */
.news-copy.art-body .sec-h2{margin-top:var(--sp-part)}
.news-copy.art-body>.sec-h2:first-of-type{margin-top:0}
.news-copy.art-body .sec-h3,.news-copy.art-body .sec-h3.step{margin-top:var(--sp-sub)}
.news-copy.art-body .part>h2,.news-copy.art-body .sec-h3>h3{margin-top:0!important}
.news-copy.art-body p{margin:0 0 var(--space-5)}
.news-copy.art-body :is(.callout,.tablewrap,.setblock,.codeblock,.prompt,.marks,.fig){margin-top:var(--space-6);margin-bottom:var(--space-6)}
.news-copy.art-body .fig{margin-bottom:var(--fig-gap)}
.news-copy.art-body .fig+.fig{margin-top:0}
.news-copy.art-body li :is(.callout,.tablewrap,.codeblock,.prompt,.fig){margin-top:var(--space-4);margin-bottom:var(--space-5)}
.news-copy.art-body :is(.art-body>p,.sec>p,li>p,li>.li-lead,.callout-body p,.prompt blockquote){max-width:68ch}
.news-copy.art-body{--measure:68ch}
html{scroll-padding-top:calc(var(--hdr) + var(--bar))}
.news-copy.art-body :is(h2,h3,h4){scroll-margin-top:var(--space-4)}
.news-aside{top:calc(var(--hdr) + var(--bar) + var(--space-4))}

/* ---- menu paths wrap like text, punctuation stays in the flow ---- */
.art-body .mpath,.art-body .mpath.long{display:inline;padding:1px 6px;margin:0;border-radius:6px;box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:inherit;font-size:.94em}
.art-body .mp-sep{padding:0 4px}

/* ---- URL block ---- */
.art-body :is(p,li)>.codecopy{display:flex;align-items:stretch;gap:var(--space-2);width:100%;max-width:100%;margin:var(--space-3) 0}
.art-body :is(p,li)>.codecopy>code{flex:1 1 0;min-width:0;display:block;font-size:14px;line-height:22px;padding:12px 16px;border-radius:var(--space-3);white-space:nowrap;overflow-x:auto;overflow-wrap:normal;scrollbar-width:thin}
.art-body :is(p,li)>.codecopy>.copy-btn{flex:none;min-width:72px;border-radius:var(--space-3)}
.art-body :is(p,li)>.codecopy[data-end]>code::after{content:attr(data-end);color:var(--muted)}
.art-body .codeblock pre{border-radius:12px}

/* ---- one material language ---- */
.art-body code{border-radius:6px;background:var(--surface-1);border-color:var(--border)}
.tag{border-radius:6px;letter-spacing:.12em}
.tag-part{background:var(--surface-2);color:var(--blue);border-color:var(--border)}
.tag-try,.tryit .tag,.tryit>h3 .tag{background:rgb(255 129 62/.1)!important;color:#ffb488!important;border:1px solid rgb(255 129 62/.45)!important}
.callout{border-radius:12px;border:1px solid var(--border);border-left:3px solid var(--cc,var(--border));background:var(--surface-1);padding:var(--space-5) var(--space-5) var(--space-3);max-width:calc(68ch + 48px)}
.callout.warning{--cc:var(--orange);--cb:#0e1d2f;background:rgb(255 129 62/.07)}
.callout.tip{--cc:var(--blue)}.callout.note{--cc:#b8c6d6}.callout.check{--cc:var(--blue);padding-top:var(--space-5);padding-bottom:var(--space-3)}
.callout-title{margin:0 0 var(--space-2)!important}
@media(max-width:760px){.callout{padding:var(--space-4) var(--space-4) var(--space-2)}}
.task input:checked+.box{background:var(--blue);border-color:var(--blue)}
.task input:checked~.task-text{color:var(--heading)}
.copy-btn,.sh-btn{border-radius:8px;background:var(--surface-1);border:1px solid var(--border);color:var(--heading);transition:background var(--duration-state) var(--ease-standard),border-color var(--duration-state) var(--ease-standard)}
.copy-btn:hover,.sh-btn:hover{background:var(--surface-2);border-color:var(--blue);color:var(--heading)}
.copy-btn.done,.sh-btn.done,.anchor.done{background:var(--surface-2);border-color:var(--blue);color:var(--blue)}
.copy-btn:active,.sh-btn:active,.skip-setup:active{transform:translateY(1px);transition-duration:80ms}
.skip-setup{transition:background var(--duration-state) var(--ease-standard),box-shadow var(--duration-state) var(--ease-standard)}
.skip-setup:hover{background:var(--orange);transform:none;box-shadow:inset 0 0 0 99px rgb(255 255 255/.12)}
.skip-setup:focus-visible{outline:2px solid var(--blue)}
.toast,.share-toast{background:var(--surface-2);color:var(--heading);border:1px solid var(--blue)}

/* tables and Step 8 settings */
.tablewrap{border-radius:12px;background:var(--surface-1)}
.xtable th{background:var(--surface-2);letter-spacing:.08em}
.setblock{border:1px solid var(--border);border-radius:12px;background:var(--surface-1)}
.sb-title{min-height:52px;line-height:20px;padding:var(--space-3) var(--space-5);flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;background:var(--surface-2);border-bottom:1px solid var(--border)}
.sb-sub{text-transform:none;letter-spacing:0;font-weight:400;font-size:13px;color:var(--muted)}
.sb tbody th,.sb td{padding:var(--space-4) var(--space-5)}
.sb thead th{padding:var(--space-3) var(--space-5) var(--space-2)}
.sb tbody th{width:30%}.sb td:nth-child(2){width:22%}.sb td:nth-child(3){width:48%}
.val{display:inline-flex;align-items:center;height:28px;padding:0 var(--space-3);border-radius:99px;font-size:14px;line-height:20px;font-weight:600}
.val.block{background:rgb(255 129 62/.1);color:#ffb488;border:1px solid rgb(255 129 62/.5)}
.val.ask{background:var(--surface-2);color:var(--blue);border:1px solid var(--border)}
@media(max-width:700px){.sb tbody tr{padding:var(--space-4)}}

/* figures: faithful evidence, one frame, caption on the second reading path */
.fig-media{border:1px solid var(--border);border-radius:12px;background:#0a1626;padding:0}
.zoom-btn.full:hover img{filter:none}
.news-copy.art-body .fig figcaption{position:relative;margin-top:var(--space-3);padding-left:var(--space-6)}
.news-copy.art-body .fig figcaption::before{position:absolute;left:0;top:10px;width:12px;height:2px;margin:0;display:block;background:var(--orange)}
.fig-tall .fig-media{display:grid;place-items:center;background:#0a1626}
.fig-tall .fig-media img{width:auto;max-width:100%;height:auto;max-height:min(560px,65vh)}
.fig-tall .zoom-btn{position:relative;width:auto;display:grid;place-items:center}
.tall-cue{position:absolute;right:var(--space-3);bottom:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:99px;background:#081321e6;border:1px solid var(--border);color:var(--heading);font-size:13px;line-height:20px;font-weight:600;pointer-events:none}
@media(max-width:760px){.fig-tall .fig-media img{max-height:420px}}
.news-copy.art-body .fig-media{transition:none}

/* Try it, four marks, Part 4: same panel */
.tryit,.optional-part{background:var(--surface-1);border:1px solid var(--border);border-radius:16px;box-shadow:none;padding:var(--panel-pad)}
.tryit::before,.optional-part::before{display:none}
.news-copy.art-body .tryit,.news-copy.art-body .optional-part{margin-inline:0}
.news-copy.art-body .optional-part{padding:var(--panel-pad)}
.news-copy.art-body .tryit>h3{margin-top:0!important}
.optional-banner{display:inline-block;margin:0 0 var(--space-4)!important;padding:var(--space-1) var(--space-3);border-radius:6px;border:1px dashed #7188a0;background:none;color:var(--muted);font-size:14px;line-height:20px}
.prompt{background:none;border:0;border-left:2px solid var(--blue);border-radius:0;margin-top:var(--space-6);padding:var(--space-4)}
.prompt-label{padding:0 0 var(--space-1);color:var(--blue);letter-spacing:.12em}
.prompt blockquote{padding:0 0 var(--space-3);border:0}
.prompt .copy-btn{top:var(--space-3);right:var(--space-3)}
.marks-list{gap:var(--card-gap);align-items:stretch}
.marks-list li{padding:var(--space-5)!important;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;min-height:0}
.mk-n{width:28px;height:28px;background:rgb(255 129 62/.12);border-color:rgb(255 129 62/.5)}
.mk-body b{font-size:16px;line-height:22px;color:var(--heading)}
.mk-txt{font-size:15px;line-height:23px;color:var(--text)}
.marks-lead{color:var(--heading)!important}
@media(max-width:760px){.marks-list li{padding:var(--space-4)!important}}
@media(max-width:700px){
 .news-copy.art-body .tryit,.news-copy.art-body .optional-part,.news-copy.art-body .optional-part .tryit{margin-inline:0;border-radius:16px;border-inline:1px solid var(--border);padding:var(--space-4)}
 .news-copy.art-body :is(.tryit,.optional-part) .step{border-left:0;padding-left:0}
 .news-copy.art-body .prompt{display:block;border-top:0;border-left:2px solid var(--blue);padding-left:var(--space-4)}
 .news-copy.art-body .prompt .copy-btn{position:static;width:100%;margin-top:var(--space-2)}
 .news-copy.art-body .tablewrap{margin-inline:0;border-radius:12px;border:1px solid var(--border)}
}
.step{border-left:2px solid #1d3550;padding-left:22px}
@media(max-width:700px){.step{padding-left:14px}}

/* share row */
.share-end{border-top:1px solid var(--border)}
.share-lbl{letter-spacing:.12em}
.sh-btn{min-height:44px;min-width:44px}

/* menu + hero hover/press polish: no scale anywhere */
*{scroll-behavior:auto}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* ---- film slot ---- */
.film{margin-top:var(--sp-part)}
.film-frame{position:relative;border:1px solid var(--border);border-radius:16px;background:var(--surface-1);overflow:hidden}
.film-stage{position:relative;aspect-ratio:16/9;background:#081321}
.film-stage video{display:block;width:100%;height:100%;background:#000}
.film-poster{position:absolute;inset:0;display:grid;place-items:center;width:100%;border:0;padding:0;cursor:pointer;color:var(--heading);background:radial-gradient(60% 80% at 50% 40%,#12304d,#081321 70%)}

.fp-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;padding:0 var(--space-6)}
.fp-mark{width:120px;height:auto;opacity:.9}
.fp-title{font-size:28px;line-height:35px;font-weight:700;letter-spacing:-.015em;text-wrap:balance;max-width:20ch}
.fp-play{width:72px;height:72px;border-radius:50%;background:var(--orange);color:#1a0d05;display:grid;place-items:center;transition:box-shadow var(--duration-state) var(--ease-standard)}
.fp-play svg{width:28px;height:28px;margin-left:3px}
.film-poster:hover .fp-play{box-shadow:inset 0 0 0 99px rgb(255 255 255/.12)}
.film-poster:focus-visible{outline:2px solid var(--blue);outline-offset:-6px}
.fp-dur{font-size:14px;line-height:20px;color:var(--muted);font-variant-numeric:lining-nums tabular-nums}
.film-bar{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border)}
.film-note{margin:0!important;font-size:15px;line-height:23px;color:var(--text)}
.film-chaps{list-style:none;margin:0!important;margin-left:0!important;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.film-chaps li{margin:0;padding:0}
.film-chaps a{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text)!important;text-decoration:none!important;background:var(--surface-2);transition:border-color var(--duration-state) var(--ease-standard)}
.film-chaps a:hover{border-color:var(--blue)}
.film-chaps .t{margin-right:var(--space-2);color:var(--blue);font-variant-numeric:tabular-nums}
.news-copy.art-body .film-chaps{padding:0 var(--space-6) var(--space-4)}
.news-copy.art-body .film-chaps li{padding:0;margin:0;max-width:none}
.film-chaps a{white-space:nowrap;line-height:20px}
@media(max-width:760px){.fp-in{gap:var(--space-2)}.fp-title{font-size:18px;line-height:22px}.fp-play{width:48px;height:48px}.fp-play svg{width:22px;height:22px}.fp-mark{width:72px}.film-bar{padding:var(--space-3) var(--space-4)}.news-copy.art-body .film-chaps{padding:0 var(--space-4) var(--space-3);gap:var(--space-2)}}

/* Screenshots render at their captured size, never upscaled (Jeff 11-10: small UI crops were blown up to the full column).
   The figure shrink-wraps the image (table layout so the caption wraps to the image width instead of widening it). */
.art-body figure.fig:not(.fig-anim){display:table;margin-left:auto;margin-right:auto;max-width:100%}
.art-body figure.fig:not(.fig-anim) .fig-media{max-width:100%}
.art-body figure.fig:not(.fig-anim) .fig-media img{width:auto;max-width:100%;height:auto}
.art-body figure.fig:not(.fig-anim) figcaption{display:table-caption;caption-side:bottom}

/* Tall screenshots (Jeff 11-10): show them at readable size, cropped to a box with a soft fade; the lightbox shows the whole image. */
.art-body figure.fig-tall .fig-media{display:block!important;align-items:flex-start!important;place-items:start!important;position:relative;max-height:min(560px,70vh);overflow:hidden;overflow:clip;background:none}
.art-body figure.fig-tall .fig-media img{max-height:none!important;width:auto;max-width:100%;height:auto;display:block}
.art-body figure.fig-tall .zoom-btn{display:block}
.art-body figure.fig-tall .fig-media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:96px;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,19,33,0),rgba(8,19,33,.92))}
.art-body figure.fig-tall .tall-cue{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:2}
@media(max-width:760px){.art-body figure.fig-tall .fig-media{max-height:440px}}
.art-body figure.fig-tall .fig-media>.zoom-btn{display:block!important;margin:0!important;transform:none!important}
/* lightbox: tall images open at their captured width and scroll inside the stage, instead of shrinking to the viewport height */
#lb.lb-tall .lb-stage{place-items:start center;overflow-y:auto;overscroll-behavior:contain}
#lb.lb-tall .lb-stage img{max-height:none;width:auto;max-width:100%}
.art-body figure.fig-tall .fig-media>.zoom-btn{position:static!important}
.art-body figure.fig-tall .tall-cue{z-index:3;right:auto;width:auto;white-space:nowrap}
/* ---- reference folds (Troubleshooting, Quick reference): closed by default, opened by anchor links ---- */
.art-body details.ref-fold{margin:0 0 var(--space-6)}
.art-body details.ref-fold>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:12px;background:var(--surface-1);color:var(--heading);font-weight:600;font-size:15px;transition:border-color var(--duration-state) var(--ease-standard)}
.art-body details.ref-fold>summary::-webkit-details-marker{display:none}
.art-body details.ref-fold>summary::before{content:"";width:8px;height:8px;border-right:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg);transition:transform var(--duration-state) var(--ease-standard)}
.art-body details.ref-fold[open]>summary::before{transform:rotate(45deg)}
.art-body details.ref-fold>summary:hover{border-color:var(--blue)}
.art-body details.ref-fold[open]>summary{margin-bottom:var(--space-5)}
@media print{.art-body details.ref-fold>summary{display:none}}
/* checklists: the checkbox is the marker (no bullet dot), top-aligned to the item's first line; the bold lead names the topic */
.art-body ul:has(> li.task){list-style:none;padding-left:0}
.art-body li.task{list-style:none}
.art-body .task .box{margin-top:calc(.5lh - 10px)}
.art-body .task-text strong{color:var(--heading);font-weight:700}
/* product marks in the CraftQL / Lexicon headings */
.art-body h3 .prod-mark{display:inline-block;width:40px;height:40px;vertical-align:middle;margin:-6px 12px 0 0}
@media(max-width:560px){.art-body h3 .prod-mark{width:32px;height:32px;margin-right:10px}}

/* quick setup card download, top of the guide (Jeff 11-11: prominent, at the top, with a thumbnail) */
.qcard{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;margin:4px 0 40px;padding:24px 28px;border:1px solid #2f4b64;border-radius:14px;background:linear-gradient(135deg,#132b44,#0e1f33);box-shadow:0 18px 50px #0004}
.qcard-thumb{display:block;transform:rotate(-2.5deg);transition:transform .25s}
.qcard-thumb:hover{transform:rotate(0) translateY(-3px)}
.qcard-thumb img{display:block;width:100%;height:auto;border-radius:3px;background:#fff;box-shadow:0 10px 26px #0007,0 0 0 1px #ffffff1a}
.qcard-eyebrow{margin:0 0 6px!important;font-size:11px!important;letter-spacing:.16em;text-transform:uppercase;font-weight:750;color:var(--orange)!important}
.qcard-title{margin:0 0 8px!important;font-size:26px!important;line-height:1.15;color:#fff}
.qcard-text{margin:0 0 16px!important;font-size:15px!important;color:#bcd0e2!important;max-width:520px}
.qcard-btn{gap:10px!important}
.qcard-meta{margin:10px 0 0!important;font-size:12px!important;color:#8fa6bb!important}
@media(max-width:560px){.qcard{grid-template-columns:96px 1fr;gap:18px;padding:18px}.qcard-title{font-size:21px!important}.qcard-text{font-size:14px!important}}
.qcard a.qcard-btn,.qcard a.qcard-btn:visited,.qcard a.qcard-btn:hover{color:#19202c!important;text-decoration:none!important;background:var(--orange)}
.qcard-title{font-weight:650;letter-spacing:-.02em}
.qcard-eyebrow:before,.qcard-eyebrow:after{display:none!important}
@media(max-width:560px){.qcard{grid-template-columns:1fr;text-align:left}.qcard-thumb{width:120px}}
/* quick card ~30% shorter (Jeff 11-11) */
.qcard{grid-template-columns:104px 1fr;gap:24px;padding:16px 24px;margin:0 0 32px}
.qcard-eyebrow{margin:0 0 4px!important}
.qcard-title{font-size:22px!important;margin:0 0 4px!important}
.qcard-text{margin:0 0 12px!important;font-size:14.5px!important;line-height:1.5}
.qcard-body{display:flex;flex-direction:column;align-items:flex-start}
.qcard-body .qcard-btn{padding:10px 18px!important}
.qcard-meta{margin:6px 0 0!important}
@media(min-width:561px){.qcard-body{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center}.qcard-eyebrow,.qcard-title,.qcard-text{grid-column:1/-1}.qcard-meta{margin:0!important}}
@media(max-width:560px){.qcard{grid-template-columns:76px 1fr;gap:16px;padding:14px 16px}.qcard-thumb{width:auto}.qcard-title{font-size:19px!important}.qcard-text{font-size:13.5px!important}}
/* subscribe: top link under the quick card (callout and modal styles live in share.css) */
.sub-top{margin:-26px 0 34px!important;font-size:14px!important}
.film-yt{margin:0!important;padding:var(--space-3) var(--space-6);border-top:1px solid var(--border);font-size:14px;line-height:22px}
.film-stage iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#000}
/* top row: quick card + film card (Jeff 11-11) */
.toprow{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:stretch;margin:0 0 32px}
.toprow .qcard{margin:0}
.fcard{display:flex;flex-direction:column;justify-content:center;gap:12px;text-align:left;font:inherit;cursor:pointer;padding:16px 20px;border:1px solid #2f4b64;border-radius:14px;background:linear-gradient(135deg,#132b44,#0e1f33);box-shadow:0 18px 50px #0004;color:#fff}
.fcard:hover{border-color:var(--blue)}.fcard:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.fcard-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#081321}
.fcard-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.fcard-play{position:absolute;inset:0;margin:auto;width:48px;height:48px;border-radius:50%;background:var(--orange);color:#1a0d05;display:grid;place-items:center}
.fcard-play svg{width:22px;height:22px;margin-left:2px}
.fcard-body{display:block}.fcard-eyebrow{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:750;color:var(--orange)}
.fcard-title{display:block;font-size:20px;line-height:1.2;font-weight:650;letter-spacing:-.02em;color:#fff}
.fcard-text{display:block;font-size:14px;line-height:1.45;color:#bcd0e2}
@media(max-width:860px){.toprow{grid-template-columns:1fr;gap:12px}.fcard{flex-direction:row;align-items:center;gap:14px;padding:12px 14px}.fcard-thumb{flex:0 0 132px}.fcard-title{font-size:18px}.fcard-text{font-size:13px}}
/* top row spans to the page's right edge (Jeff 11-11): the article column is 820px max and starts 316px into the 1320px wrap */
@media(min-width:861px){.toprow{width:calc(100% + max(0px, min(1320px, 100vw - 64px) - 1136px))}}
/* equal-height pair (Jeff 11-11): film card laid out like the quick card, thumbnail left, text right */
@media(min-width:861px){.toprow .fcard{flex-direction:row;align-items:center;gap:18px}.toprow .fcard-thumb{flex:0 0 50%}}

/* whole-card click (stretched link) + card hover motion */
.qcard{position:relative;cursor:pointer;transition:border-color .25s,transform .25s,box-shadow .25s}
.qcard .qcard-btn{position:static}
.qcard .qcard-btn::after{content:"";position:absolute;inset:0;border-radius:14px}
.qcard:hover,.qcard:focus-within{border-color:var(--orange);transform:translateY(-2px)}
.qcard:has(.qcard-btn:focus-visible){outline:2px solid var(--orange);outline-offset:3px}
.qcard .qcard-btn:focus-visible{outline:none}
.qcard-thumb{display:block}
.qcard:hover .qcard-thumb,.qcard:focus-within .qcard-thumb{transform:rotate(0) translateY(-3px)}
.fcard{transition:border-color .25s,transform .25s}
.fcard:hover,.fcard:focus-visible{border-color:var(--blue);transform:translateY(-2px)}
.fcard-thumb{overflow:visible;background:none;transition:transform .25s}
.fcard-thumb img{border-radius:3px;box-shadow:0 10px 26px #0007,0 0 0 1px #ffffff1a}
.fcard:hover .fcard-thumb,.fcard:focus-visible .fcard-thumb{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.qcard,.fcard,.qcard-thumb,.fcard-thumb{transition:none!important}.qcard-thumb,.fcard-thumb,.qcard:hover .qcard-thumb,.fcard:hover .fcard-thumb{transform:none!important}.qcard:hover,.qcard:focus-within,.fcard:hover,.fcard:focus-visible{transform:none}}
@media(min-width:861px){.toprow .fcard{padding:10px 18px 10px 10px;gap:16px}.toprow .fcard-thumb{flex:0 0 58%}}
@media(min-width:861px){.toprow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.toprow .fcard-thumb{flex:0 0 60%}.toprow .fcard-body{min-width:0}}
@media(min-width:861px){.toprow{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.toprow .fcard{padding:8px 16px 8px 8px;gap:14px}.toprow .fcard-thumb{flex:0 0 64%}.fcard-text{font-size:13.5px}}
@media(min-width:861px){.toprow .fcard-title{font-size:18px}.toprow .fcard-thumb{flex-basis:62%}}
.qcard,.qcard *,.fcard,.fcard *{cursor:pointer}
.qcard .qcard-btn,.qcard .qcard-btn:hover,.qcard .qcard-btn:focus-visible{transform:none}