/* Exact visual system from stories-hub-v3.html. Scoped to the Stories route. */
.mcr-stories-v3{--bg:#FAFAFA;--card:#FFFFFF;--card-border:rgba(17,17,20,.08);--ink:#111114;--ink2:#4a4a52;--muted:#8f8f97;--accent:#1A56FF;--shadow-lg:0 22px 48px -14px rgba(17,17,20,.22),0 4px 12px rgba(17,17,20,.06);--sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--sans-tight:'Inter Tight',var(--sans);--r-lg:18px;--r-md:14px;background:var(--bg);color:var(--ink2);font-family:var(--sans);}
.mcr-stories-v3 *{box-sizing:border-box}.mcr-stories-v3 a{color:inherit;text-decoration:none}.mcr-stories-v3 img{max-width:100%;display:block}.mcr-stories-v3 p{margin:0}.mcr-stories-v3 .hub{max-width:1200px;margin:0 auto;padding:0 24px 40px;display:flex;flex-direction:column;gap:22px}.mcr-stories-v3 .card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--r-md)}
.mcr-stories-v3 .acct-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}.mcr-stories-v3 .breadcrumb{font-size:.74rem;color:var(--muted)}.mcr-stories-v3 .breadcrumb span{margin:0 5px;opacity:.5}.mcr-stories-v3 .acct-actions{display:flex;gap:8px;align-items:center}.mcr-stories-v3 .city-pill,.mcr-stories-v3 .signin-btn{display:inline-flex;align-items:center;padding:7px 12px;border-radius:100px;background:var(--card);border:1px solid var(--card-border);font-size:.74rem;font-weight:600;color:var(--ink2)}.mcr-stories-v3 .signin-btn{padding:8px 15px;background:transparent;color:var(--ink);font-size:.78rem;font-weight:700}
.mcr-stories-v3 .facet-form{display:flex;gap:8px;flex-wrap:wrap;padding:14px}.mcr-stories-v3 .facet-form input,.mcr-stories-v3 .facet-form select{min-width:140px;flex:1;padding:10px 12px;border:1px solid var(--card-border);border-radius:10px;font:inherit;font-size:.78rem}.mcr-stories-v3 .facet-form button{border:0;border-radius:100px;background:var(--accent);color:#fff;font-weight:700;padding:10px 16px}.mcr-stories-v3 .facet-summary{font-size:.75rem;color:var(--muted);padding:0 2px}
.mcr-stories-v3 .feat-hero{position:relative;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--card-border);display:grid;grid-template-columns:1.2fr 1fr;min-height:340px}.mcr-stories-v3 .feat-hero-img{position:relative;overflow:hidden}.mcr-stories-v3 .feat-hero-img img{width:100%;height:100%;object-fit:cover;min-height:220px}.mcr-stories-v3 .feat-hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05))}.mcr-stories-v3 .feat-hero-body{padding:30px 32px;display:flex;flex-direction:column;justify-content:center}.mcr-stories-v3 .feat-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.mcr-stories-v3 .dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.mcr-stories-v3 .feat-title{font-family:var(--sans-tight);font-weight:900;font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:-.02em;color:var(--ink);margin:0 0 10px;line-height:1.1}.mcr-stories-v3 .feat-dek{font-size:.9rem;color:var(--ink2);line-height:1.55;margin-bottom:16px}.mcr-stories-v3 .feat-meta{font-size:.72rem;color:var(--muted);margin-bottom:16px}.mcr-stories-v3 .feat-cta{display:inline-flex;align-items:center;padding:11px 18px;border-radius:100px;background:var(--ink);color:#fff;font-size:.8rem;font-weight:700;width:fit-content}
.mcr-stories-v3 .sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mcr-stories-v3 .sec-eyebrow{font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.mcr-stories-v3 .sec-title{font-family:var(--sans-tight);font-weight:800;font-size:1.05rem;color:var(--ink);letter-spacing:-.01em}.mcr-stories-v3 .sec-all{font-size:.74rem;font-weight:700;color:var(--accent)}
.mcr-stories-v3 .picks-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.mcr-stories-v3 .pick-card{flex:0 0 260px;scroll-snap-align:start;overflow:hidden;transition:transform .22s,box-shadow .22s}.mcr-stories-v3 .pick-card:hover,.mcr-stories-v3 .story-card:hover,.mcr-stories-v3 .longread-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.mcr-stories-v3 .pick-img{aspect-ratio:4/3;overflow:hidden}.mcr-stories-v3 .pick-img img,.mcr-stories-v3 .story-img img{width:100%;height:100%;object-fit:cover}.mcr-stories-v3 .pick-body,.mcr-stories-v3 .story-body{padding:12px 14px 14px;background:var(--card)}.mcr-stories-v3 .pick-kicker{font-size:.64rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.mcr-stories-v3 .pick-title,.mcr-stories-v3 .story-name{font-family:var(--sans-tight);font-weight:700;font-size:.86rem;color:var(--ink);line-height:1.3}
.mcr-stories-v3 .story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mcr-stories-v3 .story-card{overflow:hidden;transition:transform .22s,box-shadow .22s}.mcr-stories-v3 .story-img{aspect-ratio:16/10;overflow:hidden;position:relative}.mcr-stories-v3 .story-tag{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:100px;background:rgba(17,17,20,.72);color:#fff;font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mcr-stories-v3 .story-meta{font-size:.68rem;color:var(--muted);margin-top:4px}
.mcr-stories-v3 .archive-list{display:flex;flex-direction:column}.mcr-stories-v3 .archive-row{display:grid;grid-template-columns:90px 1fr 100px;gap:14px;align-items:baseline;padding:12px 4px;border-top:1px solid var(--card-border)}.mcr-stories-v3 .archive-row:first-child{border-top:0}.mcr-stories-v3 .archive-date,.mcr-stories-v3 .archive-kicker{font-size:.68rem;color:var(--muted);font-weight:600}.mcr-stories-v3 .archive-kicker{text-align:right}.mcr-stories-v3 .archive-title{font-size:.86rem;font-weight:600;color:var(--ink)}
.mcr-stories-v3 .area-row,.mcr-stories-v3 .writers-row{display:flex;flex-wrap:wrap;gap:8px}.mcr-stories-v3 .area-chip,.mcr-stories-v3 .writer-chip{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:100px;background:var(--card);border:1px solid var(--card-border)}.mcr-stories-v3 .area-chip .av,.mcr-stories-v3 .writer-av{width:26px;height:26px;border-radius:8px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--sans-tight);font-weight:800;font-size:.58rem;color:#fff}.mcr-stories-v3 .area-chip .nm,.mcr-stories-v3 .writer-name{font-size:.76rem;font-weight:600;color:var(--ink)}.mcr-stories-v3 .writer-chip{padding:8px 14px 8px 8px;gap:10px}.mcr-stories-v3 .writer-av{width:32px;height:32px;border-radius:50%;font-size:.72rem;background:linear-gradient(135deg,var(--accent),#7ea2ff)}.mcr-stories-v3 .writer-beat{font-size:.66rem;color:var(--muted)}
.mcr-stories-v3 .longread-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mcr-stories-v3 .longread-card{position:relative;aspect-ratio:3/4;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--card-border);transition:transform .22s,box-shadow .22s}.mcr-stories-v3 .longread-card img{width:100%;height:100%;object-fit:cover}.mcr-stories-v3 .longread-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.1) 55%,transparent)}.mcr-stories-v3 .longread-body{position:absolute;left:0;right:0;bottom:0;padding:16px}.mcr-stories-v3 .longread-kicker{font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7ea2ff;margin-bottom:6px}.mcr-stories-v3 .longread-title{font-family:var(--sans-tight);font-weight:800;font-size:1.05rem;color:#fff;line-height:1.25}.mcr-stories-v3 .longread-read{font-size:.68rem;color:rgba(255,255,255,.7);margin-top:8px}
.mcr-stories-v3 .newsletter{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:30px 32px;background:linear-gradient(135deg,#0a1128,#111d3d);color:#fff;text-align:center}.mcr-stories-v3 .nl-title{font-family:var(--sans-tight);font-weight:800;font-size:1.3rem;color:#fff;margin:0 0 8px}.mcr-stories-v3 .nl-sub{font-size:.84rem;color:rgba(255,255,255,.68);margin-bottom:18px}.mcr-stories-v3 .nl-form{display:flex;gap:8px;max-width:380px;margin:auto}.mcr-stories-v3 .nl-input{flex:1;padding:11px 15px;border-radius:100px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff}.mcr-stories-v3 .nl-btn{padding:11px 18px;border-radius:100px;background:#fff;color:var(--ink);font-weight:700;border:0}.mcr-stories-v3 .nl-fine{font-size:.65rem;color:rgba(255,255,255,.4);margin-top:12px}.mcr-stories-v3 .empty-state{padding:24px;text-align:center;font-size:.8rem;color:var(--muted)}.mcr-stories-v3 .pagination{display:flex;gap:6px;justify-content:center}.mcr-stories-v3 .pagination .page-numbers{padding:8px 10px;border:1px solid var(--card-border);border-radius:8px;font-size:.75rem}.mcr-stories-v3 .pagination .current{background:var(--accent);color:#fff}
@media(max-width:820px){.mcr-stories-v3 .feat-hero{grid-template-columns:1fr;min-height:auto}.mcr-stories-v3 .longread-row{grid-template-columns:1fr}}@media(max-width:900px){.mcr-stories-v3 .story-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.mcr-stories-v3 .hub{padding:0 16px 28px;gap:18px}.mcr-stories-v3 .acct-actions{display:none}.mcr-stories-v3 .story-grid{grid-template-columns:1fr}.mcr-stories-v3 .archive-row{grid-template-columns:54px 1fr}.mcr-stories-v3 .archive-kicker{display:none}.mcr-stories-v3 .facet-form{display:grid;grid-template-columns:1fr}.mcr-stories-v3 .nl-form{flex-direction:column}}
/* The global theme loads after hub assets through LiteSpeed. Keep V3's 390px
   contract scoped and decisive without changing other routes. */
@media(max-width:560px){.mcr-stories-v3 .hub{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}.mcr-stories-v3 .feat-hero{grid-template-columns:1fr!important;min-width:0!important}.mcr-stories-v3 .feat-hero-img,.mcr-stories-v3 .feat-hero-body,.mcr-stories-v3 .facet-form,.mcr-stories-v3 .story-grid{min-width:0!important;width:100%!important}.mcr-stories-v3 .facet-form{grid-template-columns:1fr!important}.mcr-stories-v3 .facet-form input,.mcr-stories-v3 .facet-form select{min-width:0!important;width:100%!important}.mcr-stories-v3 .story-grid{grid-template-columns:1fr!important}.mcr-stories-v3 .longread-row{grid-template-columns:1fr!important}}

/* ACCENT UNIFICATION 2026-08-28, live-phone-sweep/FINDINGS.md item 14.
   .mcr-stories-v3 declares --accent:#1A56FF at the top of this file, a
   Manchester-era literal that predates the shell token path, so the hub
   eyebrows, kickers, chips and pagination ignored the city's colour_scheme.
   Scoped override, same selector, same property: the value now comes from the
   configured scheme printed into :root by functions.php:313. The literal stays
   as the fallback. Nothing else about the hub changes. */
.mcr-stories-v3{--accent:var(--dotz-cta,#1A56FF);}

/* Round-2 shell visual register, defect D5. Story cards overflowed by exactly
   15px at 1366 on every card. .story-img declares no width anywhere: style.css
   gives it height:160px and line 9 above gives it aspect-ratio:16/10, so the
   used width resolves to 160 x 16/10 = 256px. The card is a column flex with
   align-items:center and a 225px content box at 1366, so the 256px box
   overhangs 15.5px each side. Capping it at the card's content box removes the
   overflow and leaves every width under 256px, the whole 375 layout included,
   exactly as it was. */
.mcr-stories-v3 .story-img{max-width:100%}