/* THE JOURNEY LAYER · the Second Chambers inner pages in the home's style · 7 Oct 2026, the night, on Rania's word
   ("Update the entire SECOND CHAMBERS website with this design style"). Carried onto every built page but the home and its twins by
   tools/build-master-journey.py, last in the head, so it follows master.css, every page's own sheet and master-align.css.
   The accent is the one red, a line or a fill, never small type (her word, 7 Oct: "Let's just used the red."). --remove takes it all off. */
:root { --ay-red: #E60000; --ay-red-on-black: #FF4A4A; }
/* the bar's door, red on the black bar (the red for a black ground, as the new site sets it) */
.bar a { color: var(--ay-red-on-black); }
/* the one button that matters: the aurora (pink to violet) becomes the red fill with white type */
.btn-aurora { background: var(--ay-red); color: #fff; }
.btn-aurora::after { box-shadow: 0 12px 34px rgba(230, 0, 0, .26); }
/* the section numerals sit above the head, in the section's own top air, never under a drawing or a window */
.secno.side { top: -.92em; font-size: clamp(84px, 8.4vw, 118px); line-height: .8; }
/* a row of figures takes the home's shape: two by two, a hairline at the left, light figures with room, a tick rule beneath */
.num-grid { margin-top: 48px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px 96px; border: 0; }
.num { position: relative; padding: 0 0 26px 26px; border: 0; border-left: 1px solid var(--line); display: block; }
.num::after { content: ""; position: absolute; left: 26px; right: 0; bottom: 0; height: 14px; background: repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px 7px); -webkit-mask: linear-gradient(90deg, #000 70%, transparent); mask: linear-gradient(90deg, #000 70%, transparent); }
.num .n { font-family: var(--font); font-weight: 300; font-size: clamp(60px, 7.4vw, 118px); letter-spacing: -.045em; line-height: 1; color: var(--ink); margin: 0 0 14px; font-variant-numeric: tabular-nums; }
.num .t { font-family: var(--font); font-weight: 500; font-size: 15px; line-height: 1.4; color: var(--ink); margin: 0; }
.num .s { margin-top: 8px; font-size: 12.5px; }
.law .num .n, .law .num .t, [class*="dark"] .num .n { color: #fff; }
.law .num { border-left-color: rgba(255, 255, 255, .22); }
/* the mark over the foot: the one-line wordmark, the file itself, edge to edge, cut by the footer's top edge (drawn in by master-journey.js) */
.ay-mark { position: relative; overflow: hidden; background: var(--panel, #F6F6F8); padding: clamp(36px, 5vw, 72px) 0 0; margin: 0; }
.ay-mark-in { width: 100vw; margin-left: calc(50% - 50vw); padding: 0 1.2vw; box-sizing: border-box; }
.ay-mark img { display: block; width: 100%; height: auto; transform: translateY(30%); }
@media (max-width: 960px) { .num-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 48px; } }
@media (max-width: 640px) { .num-grid { grid-template-columns: 1fr; } .ay-mark-in { width: 190vw; margin-left: -45vw; padding: 0; } }
/* the ghost words behind every dark band (drawn in by master-journey.js from the band's own eyebrow) */
.law { position: relative; overflow: hidden; }
.law .ay-ghost { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font: 500 clamp(72px, 13.5vw, 230px)/1 var(--font); letter-spacing: -.045em; color: rgba(255, 255, 255, .055); white-space: nowrap; pointer-events: none; user-select: none; z-index: 0; }
.law .wrap { position: relative; z-index: 1; }
@media (max-width: 640px) { .law .ay-ghost { font-size: 22vw; } }

/* ══ NO PURPLE (Rania, 7 Oct 2026, morning: "i DO NOT WANT THE PURPLE. yet you have it still on all the drawings, etc") ══
   The old palette's violet and pink leave every page: the variables master.css paints with are re-pointed here (violet → ink, pink → the
   one red, the aurora → the red, teal and blue as UI accents → ink); colours a script writes as attributes are re-pointed by attribute;
   colours a script writes inline are re-pointed by master-journey.js after the page draws. Charts keep their non-purple series. */
:root, body { --violet: #0B0B0E; --violet-ink: #0B0B0E; --pink: #E60000; --pink-ink: #C40000; --aurora: linear-gradient(135deg, #E60000 0%, #E60000 100%); --teal: #0B0B0E; --teal-ink: #0B0B0E; --blue: #0B0B0E; --blue-ink: #0B0B0E; --xl-sel: rgba(230, 0, 0, .10); --xl-act: #E60000; }
.bar a { color: var(--ay-red-on-black); }
[fill="#0B0B0E"], [fill="#0B0B0E"], [fill="#9D6BFF"], [fill="url(#sc-nib)"], [fill="url(#sc-aur)"] { fill: var(--ink) !important; }
[stroke="#0B0B0E"], [stroke="#0B0B0E"], [stroke="#9D6BFF"], [stroke="url(#sc-nib)"], [stroke="url(#sc-aur)"] { stroke: var(--ink) !important; }
[fill="#E60000"], [fill="#E60000"], [fill="#F0357F"] { fill: var(--ay-red) !important; }
[stroke="#E60000"], [stroke="#E60000"], [stroke="#F0357F"] { stroke: var(--ay-red) !important; }
[stop-color="#0B0B0E"], [stop-color="#0B0B0E"], [stop-color="#9D6BFF"] { stop-color: #0B0B0E; }
[stop-color="#E60000"], [stop-color="#E60000"], [stop-color="#F0357F"] { stop-color: #E60000; }
.law [fill="#0B0B0E"], .law [fill="#0B0B0E"], .law [fill="#9D6BFF"], .law [fill="url(#sc-nib)"], .law [fill="url(#sc-aur)"], .pstage [fill="url(#sc-aur)"], .foot [fill="url(#sc-aur)"] { fill: #fff !important; }
.law [stroke="#0B0B0E"], .law [stroke="#0B0B0E"], .law [stroke="url(#sc-nib)"], .law [stroke="url(#sc-aur)"] { stroke: #fff !important; }
/* the literal violets and pinks the page sheets still paint (found by the colour scan, 7 Oct 2026) */
::selection { background: rgba(230, 0, 0, .18); }
.mega-feature::before, .hero-art::before, .hero-stage::before, .ow-card .ic::before { background: radial-gradient(closest-side, rgba(230, 0, 0, .16), transparent 70%); }
.ui-side .it .dot.building { background: var(--ink); box-shadow: 0 0 0 3px rgba(11, 11, 14, .14); }
.ui-country.building { border-color: rgba(11, 11, 14, .35); }
.ow-chip.changed { background: rgba(11, 11, 14, .08); color: var(--ink); }
.ow-chip.removed, .ow-chip.fault { background: rgba(230, 0, 0, .10); color: #C40000; }
.pf-removed { background: var(--ay-red); }
#films .hl, .hl.hl-aurora, .hl-aurora { background-image: none; background-color: rgba(230, 0, 0, .14); }
.jstage-cover { background: radial-gradient(60% 60% at 50% 50%, rgba(0, 0, 0, .35), rgba(0, 0, 0, .72)); }
.jq-paper { background: #F1F1F4; }
.op-hl { background-image: none; color: var(--ay-red); -webkit-text-fill-color: var(--ay-red); }
.op-card.now .op-chip { background: var(--ay-red); }
.op-more:hover, .op-edge:hover, .pdoor a:hover { color: var(--ink); border-color: var(--ink); }
.pfo-doc::before { background: var(--ay-red); }
.pg-after b { color: #C40000; }
.grade.s { background: rgba(11, 11, 14, .08); color: var(--ink); }   /* the S chip master.js draws on the maps' shelves (found 7 Oct 2026, the charter page's scan) */
html[data-party], html[data-party] body { --aurora: linear-gradient(135deg, #E60000 0%, #E60000 100%); }
:root { --pink-d: #C40000; }

/* THE DOORS ON A PHONE (7 Oct 2026): a Next door's title can be long ("Next: Parliamentary Commissioner for the Environment"); under 640 a button wraps instead of widening the page */
@media (max-width: 640px) {
  body.airy .btn { white-space: normal; height: auto; min-height: 56px; line-height: 1.25; padding-top: 14px; padding-bottom: 14px; text-align: center; max-width: 100%; }
}