/* 2027-clock, round 4 (2026-10-04): year-by-year chapters.
   Linked only from article-2027-clock.html. A departures board lists the support
   runway, then each year is a chapter whose mark is a split-flap year set large in
   Newsreader. The flaps turn from the previous chapter's year as the chapter arrives.
   The last chapter's year is left for the reader to fill. */

.ck-page{
  --ck-ink:#16150f; --ck-ink2:#33312a; --ck-mut:#6b6660; --ck-hair:#d8d2c5; --ck-hair2:#e6e1d6;
  --ck-paper:#f7f5f0; --ck-tile:#e9e5da; --ck-navy:#0e1330; --ck-navy2:#1b2148; --ck-nv:#16304F;
  --ck-red:#e5322d; --ck-red2:#A93A3A; --ck-gold:#B8862F; --ck-con:#f2f1ec; --ck-dim:#9298b2;
  background:var(--ck-paper);
}
.ck-page ::selection{background:#e5322d;color:#fff;}
.ck-page a:focus-visible,.ck-page button:focus-visible{outline:2px solid var(--ck-red2);outline-offset:3px;}
.ck section{padding:0;}
.ck .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.ck .ck-w{width:min(1160px,calc(100vw - 32px));margin:0 auto;}

/* ---------- hero ---------- */
.ck .ck-hero{padding:clamp(1.6rem,4vw,3rem) 0 clamp(2.4rem,5vw,3.6rem);}
.ck .ck-series{margin:0 0 .9rem;font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--ck-red2);}
.ck .ck-hero h1{margin:0;max-width:14ch;font-size:clamp(2.6rem,6.4vw,5.2rem);font-weight:500;line-height:.98;letter-spacing:-.032em;color:var(--ck-ink);}
.ck .ck-hero .dek{max-width:42ch;margin:1.6rem 0 0;font-family:var(--serif);font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.42;color:var(--ck-ink2);}
.ck .ck-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin:1.5rem 0 0;font-family:var(--sans);font-size:.86rem;color:var(--ck-mut);}
.ck .ck-meta b{color:var(--ck-ink);font-weight:600;}

/* ---------- split-flap tiles (built by 2027-clock.js from data-year) ---------- */
.ck .flaps{display:inline-flex;gap:.07em;perspective:700px;font-family:var(--serif);font-weight:500;line-height:1;
  font-variant-numeric:tabular-nums lining-nums;color:var(--ck-ink);}
.ck .fl{position:relative;display:inline-block;width:.68em;height:1.14em;}
.ck .fl .h,.ck .fl .lf{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:var(--tilebg,var(--ck-tile));backface-visibility:hidden;}
.ck .fl .t{top:0;}
.ck .fl .b{bottom:0;}
.ck .fl b{position:absolute;left:0;right:0;height:200%;display:flex;align-items:center;justify-content:center;font-weight:500;}
.ck .fl .t b{top:0;}
.ck .fl .b b{bottom:0;}
.ck .fl .lf{z-index:2;visibility:hidden;}
.ck .fl .lf.t{transform-origin:50% 100%;}
.ck .fl .lf.b{transform-origin:50% 0;}
.ck .fl::after{content:"";position:absolute;left:0;right:0;top:50%;height:max(1px,.012em);background:var(--hinge,var(--ck-paper));z-index:3;}
.ck .fl.blank .h,.ck .fl.blank .lf{background:transparent;}
.ck .fl.blank{outline:1px dashed var(--blankline,#a9a291);outline-offset:-1px;}

/* ---------- departures board ---------- */
.ck .ck-board{background:var(--ck-navy);color:var(--ck-con);padding:clamp(2.4rem,5vw,3.8rem) 0;}
.ck .bd-top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid rgba(242,241,236,.35);}
.ck .bd-h{margin:0;font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:500;color:#fff;letter-spacing:-.015em;}
.ck .bd-sub{margin:0;font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--ck-dim);}
.ck .bd{list-style:none;margin:0;padding:0;}
.ck .bd li{border-bottom:1px solid rgba(242,241,236,.12);}
.ck .bd a{display:grid;grid-template-columns:11.5rem minmax(0,1fr);align-items:center;gap:1.6rem;padding:.75rem 0;color:var(--ck-con);text-decoration:none;}
.ck .bd a:hover .bd-t{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:4px;}
.ck .bd .flaps{font-size:2.5rem;--tilebg:var(--ck-navy2);--hinge:var(--ck-navy);--blankline:rgba(242,241,236,.4);color:var(--ck-con);}
.ck .bd li.hot .flaps{color:var(--ck-red);}
.ck .bd-t{font-family:var(--serif);font-size:1.16rem;line-height:1.35;color:var(--ck-con);}
.ck .bd li.hot .bd-t{color:#fff;}
.ck .bd li.yours .bd-t{font-style:italic;}
.ck .bd-short{max-width:60ch;margin:1.6rem 0 0;font-family:var(--sans);font-size:.95rem;line-height:1.6;color:var(--ck-dim);}
.ck .bd-short b{color:#fff;font-weight:600;}

/* ---------- prose ---------- */
.ck .ck-text p{max-width:38rem;margin:0 0 1.25rem;font-family:var(--serif);font-size:1.14rem;line-height:1.68;color:var(--ck-ink2);}
.ck .ck-text b{color:var(--ck-ink);font-weight:600;}
.ck .ck-pro{padding:clamp(3rem,6vw,4.6rem) 0 1rem;}
.ck .ck-pro .ck-text{padding-left:calc((min(1160px,100vw - 32px) - 4rem) * 5 / 12 + 4rem);} /* QA: same column as the chapter text */
.ck .ck-pro .ck-lead{font-size:1.32rem;line-height:1.55;color:var(--ck-ink);}

/* ---------- a chapter ---------- */
.ck .yr{padding:clamp(3.4rem,7vw,5.6rem) 0 clamp(2rem,4vw,3rem);}
.ck .yr+.yr{border-top:1px solid var(--ck-hair);}
.ck .yr-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:2rem 4rem;align-items:start;}
.ck .yr-m{position:sticky;top:96px;}
.ck .yr-m .flaps{font-size:clamp(4.4rem,10.4vw,9.6rem);}
.ck .yr-hot .yr-m .flaps{color:var(--ck-red);}
.ck .yr-fact{max-width:21rem;margin:1.2rem 0 0;font-family:var(--serif);font-style:italic;font-size:1.08rem;line-height:1.45;color:var(--ck-mut);}
.ck .yr-hot .yr-fact{color:var(--ck-red2);}
.ck .yr-rp{margin-top:.7rem;background:none;border:0;padding:0;font-family:var(--serif);font-style:italic;font-size:.92rem;color:var(--ck-mut);cursor:pointer;text-decoration:underline;text-decoration-color:rgba(107,102,96,.4);text-underline-offset:3px;}
.ck .yr-rp:hover{color:var(--ck-red2);}
.ck .yr-x h2{margin:.4rem 0 1.4rem;max-width:20ch;font-size:clamp(1.8rem,3.1vw,2.55rem);font-weight:500;line-height:1.08;letter-spacing:-.024em;color:var(--ck-ink);}
.ck .yr-x h3{margin:2.6rem 0 1rem;max-width:26ch;font-size:clamp(1.35rem,2.2vw,1.7rem);font-weight:500;line-height:1.15;letter-spacing:-.015em;color:var(--ck-ink);}

/* figures as ruled pairs */
.ck .figs{max-width:38rem;margin:.6rem 0 1.6rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem;border-top:1px solid var(--ck-ink);}
.ck .figs>div{padding:.9rem 0;border-bottom:1px solid var(--ck-hair2);}
.ck .figs dt{font-family:var(--serif);font-size:2.5rem;font-weight:500;line-height:1;color:var(--ck-ink);font-variant-numeric:lining-nums;letter-spacing:-.02em;}
.ck .figs dd{margin:.5rem 0 0;font-family:var(--sans);font-size:.88rem;line-height:1.5;color:var(--ck-ink2);}
.ck .figs dd span{display:block;margin-top:.25rem;color:var(--ck-mut);font-size:.8rem;}

/* roughly half: one ruled bar */
.ck .half{max-width:38rem;margin:.4rem 0 1.4rem;font-family:var(--sans);}
.ck .half-bar{height:16px;background:var(--ck-tile);}
.ck .half-bar i{display:block;height:100%;width:var(--p);background:var(--ck-nv);}
.ck .half-k{display:flex;justify-content:space-between;gap:1rem;margin-top:.5rem;font-size:.86rem;color:var(--ck-ink2);}
.ck .half-k span:last-child{text-align:right;color:var(--ck-mut);}
.ck .half-k b{font-weight:600;color:var(--ck-ink);}

/* RISE terms */
.ck .terms{max-width:38rem;margin:.4rem 0 1.6rem;border-top:1px solid var(--ck-ink);}
.ck .terms>div{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1.2rem;padding:.9rem 0;border-bottom:1px solid var(--ck-hair2);}
.ck .terms dt{font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--ck-red2);}
.ck .terms dd{margin:0;font-family:var(--sans);font-size:.92rem;line-height:1.55;color:var(--ck-ink2);}

/* vendors as ruled rows */
.ck .vend{max-width:44rem;margin:.4rem 0 1.6rem;border-top:1px solid var(--ck-ink);}
.ck .vend .v{display:grid;grid-template-columns:7rem minmax(0,1.15fr) minmax(0,1fr);gap:1.4rem;padding:1rem 0;border-bottom:1px solid var(--ck-hair2);align-items:baseline;}
.ck .vend h3{margin:0 !important;font-size:1.25rem !important;font-weight:600;color:var(--ck-ink);}
.ck .vend p{margin:0 !important;font-family:var(--sans) !important;font-size:.88rem !important;line-height:1.5 !important;color:var(--ck-ink2) !important;}
.ck .vend p.v-at{font-family:var(--serif) !important;font-style:italic;font-size:1rem !important;color:var(--ck-ink) !important;}

/* receipts */
.ck .rcpt{max-width:38rem;margin:.4rem 0 1.6rem;border-top:1px solid var(--ck-ink);}
.ck .rcpt>div{padding:1rem 0;border-bottom:1px solid var(--ck-hair2);}
.ck .rcpt dt{font-family:var(--serif);font-size:2rem;font-weight:500;line-height:1.05;color:var(--ck-red2);letter-spacing:-.015em;font-variant-numeric:lining-nums;}
.ck .rcpt dd{margin:.45rem 0 0;font-family:var(--sans);font-size:.9rem;line-height:1.55;color:var(--ck-ink2);}

/* your year */
.ck .yr-you{background:#efece4;border-top:0 !important;}
.ck .yr-you .yr-fact{color:var(--ck-ink);}

.ck .ck-src{padding:2.6rem 0 1rem;}
.ck .ck-src .ck-text{padding-left:calc((min(1160px,100vw - 32px) - 4rem) * 5 / 12 + 4rem);}
.ck .ck-src h2{margin:0 0 .6rem;font-family:var(--serif);font-size:1.05rem;font-weight:600;color:var(--ck-ink);}
.ck .ck-src p{font-family:var(--sans) !important;font-size:.82rem !important;line-height:1.6 !important;color:var(--ck-mut) !important;}
.ck .ck-cta{padding:1.6rem 0 2.4rem;}

/* ---------- restored images (2026-10-05) ----------
   The hero runs edge to edge between the title and the departures board, its dark
   foot running into the navy. Two posters sit beside a paragraph run at the foot of
   their chapters, captioned in the chapter mark's italic. No frames, no motion. */
.ck .ck-hero:has(.ck-band){padding-bottom:0;}
.ck .ck-band{margin:clamp(2rem,4.5vw,3.4rem) 0 0;}
.ck .ck-band img{display:block;width:100%;height:auto;}
.ck .ck-in{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,10fr);gap:1.6rem 3.4rem;align-items:center;margin-top:clamp(1.6rem,3vw,2.6rem);}
.ck .ck-in figure{margin:0;}
.ck .ck-in img{display:block;width:100%;height:auto;}
.ck .ck-in figcaption{max-width:30rem;margin:.9rem 0 0;font-family:var(--serif);font-style:italic;font-size:1.02rem;line-height:1.45;color:var(--ck-mut);}
.ck .ck-in .ck-text p{margin-bottom:0;}
.ck .ck-in-r{grid-template-columns:minmax(0,10fr) minmax(0,11fr);}
.ck .ck-in-r figure{order:2;}
.ck .ck-in-r .ck-text{order:1;align-self:start;} /* QA: closing line follows the prose, not floating mid-image */

/* ---------- narrow ---------- */
@media (max-width:860px){
  .ck .yr-g{grid-template-columns:minmax(0,1fr);gap:1.4rem;}
  .ck .yr-m{position:static;}
  .ck .yr-m .flaps{font-size:clamp(4rem,19vw,6.4rem);}
  .ck .ck-pro .ck-text,.ck .ck-src .ck-text{padding-left:0;}
  .ck .bd a{grid-template-columns:6.6rem minmax(0,1fr);gap:1rem;padding:.7rem 0;}
  .ck .bd .flaps{font-size:1.6rem;}
  .ck .bd-t{font-size:1.02rem;}
  .ck .vend .v{grid-template-columns:minmax(0,1fr);gap:.4rem;}
  .ck .figs{grid-template-columns:minmax(0,1fr);}
  .ck .terms>div{grid-template-columns:minmax(0,1fr);gap:.3rem;}
  .ck .ck-in,.ck .ck-in-r{grid-template-columns:minmax(0,1fr);}
  .ck .ck-in-r figure{order:1;}
  .ck .ck-in-r .ck-text{order:2;}
}
@media print{
  .ck .yr-m{position:static;}
  .ck .yr-rp{display:none !important;}
  .ck .fl .lf{visibility:hidden !important;}
}

/* print: site.js hides main > section as .reveal until scrolled into view; print it whether or not the reader scrolled (added 2026-10-05) */
@media print{main .reveal{opacity:1 !important;transform:none !important;}}

/* ---------- Color 2026-10-09: electric blue leads (the 9Nation blue), red stays on 2027 and the receipts ---------- */
.ck-page{--ck-bl:#0003cc; --ck-blt:#ececfb; --ck-bld:#0002a8; --ck-rdt:#FDF3F3;}
/* hero: a blue wash with a fine timetable grid behind the title */
.ck .ck-hero{background:
  linear-gradient(rgba(0,3,204,.055) 1px,transparent 1px) 0 0/100% 32px,
  linear-gradient(90deg,rgba(0,3,204,.055) 1px,transparent 1px) 0 0/32px 100%,
  linear-gradient(180deg,var(--ck-blt) 0%,var(--ck-paper) 92%);
  background-color:var(--ck-paper);-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.ck .ck-series{color:var(--ck-bld);}
/* chapter marks: blue tiles, the 2027 tiles in red */
.ck .yr-m .flaps{--tilebg:var(--ck-blt);color:var(--ck-bl);}
.ck .yr-hot .yr-m .flaps{--tilebg:var(--ck-rdt);color:var(--ck-red);}
.ck .yr-you .yr-m .flaps{--tilebg:var(--ck-paper);--hinge:var(--ck-blt);--blankline:var(--ck-bl);}
.ck .fl .h,.ck .fl .lf{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.ck .yr-rp:hover{color:var(--ck-bl);}
/* figures: big blue numerals over a gray label, hairlines between */
.ck .figs{border-top-color:var(--ck-bl);border-top-width:2px;}
.ck .figs>div:nth-child(2){padding-left:2rem;border-left:1px solid var(--ck-hair2);margin-left:-2rem;}
.ck .figs dt{font-size:clamp(2.6rem,4.4vw,3.4rem);font-weight:400;color:var(--ck-bl);font-variant-numeric:lining-nums tabular-nums;}
.ck .half-bar{background:var(--ck-blt);}
.ck .half-bar i{background:var(--ck-bl);}
.ck .half-bar,.ck .half-bar i{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.ck .vend h3{color:var(--ck-bld);}

/* the runway: 18 to 36 months from the middle of 2026, against December 31, 2027 */
.ck .ck-run{max-width:38rem;margin:.4rem 0 1.8rem;padding:1.1rem 0 .9rem;border-top:1px solid var(--ck-ink);border-bottom:1px solid var(--ck-hair2);}
.ck .ck-run-plot{position:relative;height:11.4rem;font-family:var(--sans);
  background:linear-gradient(90deg,var(--ck-hair2) 1px,transparent 1px) 0 0/25% 100%;}
.ck .ck-run-yr{position:absolute;top:0;left:calc(var(--x) * 1%);padding-left:.4rem;font-size:.8rem;font-weight:600;color:var(--ck-mut);font-variant-numeric:tabular-nums;}
.ck .ck-run-dl{position:absolute;top:1.6rem;bottom:1.7rem;left:50%;border-left:2px solid var(--ck-red);}
.ck .ck-run-dl b{position:absolute;top:0;left:.45rem;white-space:nowrap;font-size:.8rem;font-weight:600;color:var(--ck-red2);}
.ck .ck-run-row{position:absolute;left:12.5%;height:1.6rem;display:flex;align-items:center;}
.ck .ck-run-row i{position:absolute;inset:0;}
.ck .ck-run-row em{position:relative;padding-left:.6rem;font-style:normal;font-size:.84rem;font-weight:600;white-space:nowrap;}
.ck .ck-run-a{top:3.9rem;width:37.5%;}
.ck .ck-run-a i{background:var(--ck-bl);}
.ck .ck-run-a em{color:#fff;}
.ck .ck-run-b{top:6.2rem;width:75%;}
.ck .ck-run-b i{background:var(--ck-blt);border:1px solid var(--ck-bl);}
.ck .ck-run-b em{color:var(--ck-bld);}
.ck .ck-run-row i{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.ck .ck-run-st{position:absolute;left:12.5%;bottom:0;padding-left:.45rem;border-left:2px solid var(--ck-ink2);font-size:.8rem;color:var(--ck-ink2);line-height:1.6;}

/* your year: the last chapter on a blue band with a quiet dot field */
.ck .yr-you{background:radial-gradient(rgba(0,3,204,.13) 1px,transparent 1.3px) 0 0/20px 20px,var(--ck-blt);-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.ck .yr-you .yr-fact{color:var(--ck-bld);}
.ck .yr-you .ck-in figcaption{color:var(--ck-mut);}

@media (max-width:860px){
  .ck .figs>div:nth-child(2){padding-left:0;border-left:0;margin-left:0;}
  .ck .ck-run-dl b{left:auto;right:.45rem;}
  .ck .ck-run-plot{height:12rem;}
}

/* ---------- QA 2026-10-10 ---------- */
/* the blue tint read lavender on warm paper (hero wash, tiles, half bar, runway bar, your-year band); a cooler, quieter blue */
.ck-page{--ck-blt:#eaeff8;}
/* hero grid: quieter behind the dek */
.ck .ck-hero{background:
  linear-gradient(rgba(0,3,204,.04) 1px,transparent 1px) 0 0/100% 32px,
  linear-gradient(90deg,rgba(0,3,204,.04) 1px,transparent 1px) 0 0/32px 100%,
  linear-gradient(180deg,var(--ck-blt) 0%,var(--ck-paper) 92%);
  background-color:var(--ck-paper);}
/* image beside a short paragraph: the paragraph sat in the vertical middle of the image, far below its top */
.ck .ck-in{align-items:start;}
/* runway: the start marker rises from the bars to its label instead of floating as a short tick under empty space */
.ck .ck-run-st{top:3.9rem;display:flex;align-items:flex-end;}