/* Load after the original page styles and site-shell.css. No content replacement. */
.ck {
  --paper:#fff; --ink:#000; --soft:#111; --mute:#555;
  --hair:#000; --faint:#d4d4d4;
  --red:#D0021B; --orange:#FF8C00; --cyan:#FF8C00; --slate:#000;
  --head:var(--mono);
  font-size:16px; font-weight:400; line-height:1.65;
  font-variant-numeric:tabular-nums;
}
.ck :is(h1,h2,h3,.troupe b,.timeline b,.bell b,.week b,.subs b) {
  font-family:var(--mono); font-weight:700; text-transform:none;
  letter-spacing:0; overflow-wrap:anywhere;
}
.ck h1 {font-size:44px;line-height:1.14;}
.ck h2 {font-size:32px;line-height:1.22;}
.ck .line h3,.ck .play h3 {font-size:24px;line-height:1.3;font-weight:700;}
.ck :is(.cap,.chip,.crumb,.meta,.btn,.line-bar,.play-bar,.play-bar .num,
 .troupe small,.lv-hint,.play-face figcaption,.foyer figcaption,
 .line h3 small,.cast-row b,.inlab b,.timeline b,.week b) {
  text-transform:none;letter-spacing:0;font-weight:600;
}
.ck :is(.lead,.line p,.grid2 span,.sched div,.one,.cast-row,.remark,.aloud,
 .inlab,.timeline span,.bell span,.note,.harness,.day,.need,.week span,.subs span,.links span,
 .duo span:last-child) {font-size:16px;line-height:1.65;}
.ck :is(.cap,.chip,.crumb,.meta,.line h3 small,.play-bar .num,.genre,
 .play-face figcaption,.foyer figcaption,.troupe small,.lv-hint,.day small,.tl-ruler) {
  font-size:14px;line-height:1.5;
}
.ck :is(.btn,.more,.line-bar,.play-bar,.duo b,.troupe b,.timeline .t,.timeline b,.bell b,.week b,.inlab b) {
  font-size:16px;line-height:1.45;
}
.ck .duo b {font-weight:600;letter-spacing:0;text-transform:none;}
.ck :is(.troupe b,.timeline b,.bell b,.week b) {font-weight:700;}
.ck .btn {min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere;}
.ck .more {min-height:44px;display:inline-flex;align-items:center;}
.ck :is(.line-bar,.play-bar) {flex-wrap:wrap;gap:8px 16px;}
.ck :is(.cast-row b,.inlab b,.day small) {white-space:normal;}
.ck :is(.cast-row,.inlab,.links a) {min-width:0;overflow-wrap:anywhere;}
.ck .sched div {grid-template-columns:112px minmax(0,1fr);}
.ck .body p {max-width:68ch;}
.ck .troupe>div {padding-inline:12px;}
.ck .troupe small {letter-spacing:0;}
.ck .lv-hint {color:var(--mute);}
.ck .week span {color:#e5cdbb;}
.ck :is(.duo,.troupe,.grid2,.line,.play,.timeline,.tl-bar,.bell,.foyer figure,.subs,.links) {background:var(--paper);}
.ck .play {box-shadow:6px 6px 0 #ececec;}
.ck .play-face {background:#fff;}
.ck .play.veiled .play-face {background:#fff;}
.ck :is(.duo a,.subs>a,.links a):hover {background:#fff;}
.ck .subs>a.main:hover {background:var(--red);}
.ck .premiere p {color:#eddfd2;}
.ck a:focus-visible {outline:3px solid var(--red);outline-offset:5px;}
.ck .premiere a:focus-visible,.ck .subs>a.main:focus-visible {outline-color:#f5b17d;}
@keyframes ck-slice {
  0%{clip-path:inset(12% 0 62% 0);transform:translateX(-7px);filter:grayscale(1) contrast(1.4) drop-shadow(4px 0 0 #D0021Baa) drop-shadow(-4px 0 0 #FF8C00aa)}
  18%{clip-path:inset(58% 0 14% 0);transform:translateX(6px)}
  36%{clip-path:inset(28% 0 36% 0);transform:translateX(-3px);filter:grayscale(1) contrast(1.3) drop-shadow(2px 0 0 #D0021B99) drop-shadow(-2px 0 0 #FF8C0099)}
  54%{clip-path:inset(0 0 48% 0);transform:translateX(2px)}
  72%{clip-path:inset(0 0 8% 0);transform:none}
  100%{clip-path:inset(0);transform:none}
}
@media (min-width:981px) and (max-width:1150px) {
  .ck .timeline {grid-template-columns:repeat(3,minmax(0,1fr));}
  .ck .timeline>div {border-bottom:1px solid var(--ink);}
  .ck .tl-bar,.ck .tl-ruler {display:none;}
}
@media (max-width:640px) {
  .ck h1 {font-size:32px;line-height:1.18;}
  .ck h2 {font-size:24px;line-height:1.28;}
  .ck .sched div {grid-template-columns:minmax(0,1fr);}
  .ck .troupe {grid-template-columns:repeat(2,minmax(0,1fr));}
  .ck .troupe>div {border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);}
  .ck .troupe>div:nth-child(2n) {border-right:0;}
  .ck .troupe>div:nth-child(3) {border-right:1px solid var(--hair);}
  .ck .troupe>div:nth-last-child(-n+2) {border-bottom:0;}
  .ck .cta {align-items:stretch;}
  .ck .cta .btn {width:100%;justify-content:center;}
  .ck .links a {flex-wrap:wrap;gap:8px;}
  .ck .links span {text-align:left;}
  .ck .inlab {flex-wrap:wrap;gap:4px;}
}
/* The original footer heading has an inline fluid size; keep it on the AIM scale. */
.ck h2[style*="font-size"] {font-size:24px !important;}
.ck .tl-ruler {font-weight:400;}

/* White surfaces and the explicitly selected black shared-header CTA. */
html,body {background:#fff;}
.ck .premiere,.ck .week,.ck .week>div {background:#fff;color:var(--ink);}
.ck .premiere h2,.ck .week b {color:var(--ink);}
.ck .premiere p,.ck .week span {color:var(--soft);}
.ck .premiere .dust pre {color:#dedede;}
.ck .premiere pre.ascii {color:var(--ink);}



/* F26 orange from internal-sites/f26/style.css; compact theatrical playbills. */
.ck .chip {background:var(--orange);color:#000;}
.ck .chip.ink,.ck .chip.slate {background:#000;color:#fff;}
.ck .line.understand .line-bar,.ck .play-bar {background:#000;color:#fff;}
.ck .play-bar {border-left:6px solid var(--orange);padding:10px 16px;}
.ck .play {box-shadow:none;border-color:#000;}
.ck .plays {gap:24px;}
.ck .play-text {padding:18px 22px;}
.ck .play-face {padding:18px 12px;gap:8px;}
.ck .play h3 {margin-bottom:14px;}
.ck .cast {margin-bottom:14px;}
.ck .cast .cap {margin-bottom:4px;}
.ck .cast-row {margin:2px 0;line-height:1.5;}
.ck .remark {margin-bottom:12px;line-height:1.55;}
.ck .aloud {margin-bottom:12px;}
.ck .inlab {margin-bottom:14px;}
.ck .play-face figcaption {color:#000;}
.ck .subs .cap,.ck .timeline .t {color:#000;}
.ck .subs .cap {border-left:4px solid var(--orange);padding-left:8px;}

@media (min-width:981px) {
 .ck .play-body {grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);}
}
@media (max-width:640px) {
 .ck .play-text {padding:16px;}
 .ck .play-face {padding:16px;}
}

/* One canvas for the shared shell and theatrical page; keep brand gutters. */
:root {--chitki-canvas:1320px;--chitki-gutter:clamp(32px,4.6vw,64px);}
.ck {--w:var(--chitki-canvas);}
.ck .ck-w {
  box-sizing:border-box;width:100%;max-width:var(--chitki-canvas);
  margin-inline:auto;padding-inline:var(--chitki-gutter);
}
.ck .inlab b {flex:0 0 auto;white-space:nowrap;}
@media (max-width:640px) {:root {--chitki-gutter:16px;}}

/* Hero palette: black and F26 orange; curtain red is scoped separately. */
.ck .hero{--red:#FF8C00;}
.ck .hero h1 em{color:#000;}
.ck .hero .hl.red{background:#FF8C00;color:#000;}


.ck .hero a:focus-visible{outline-color:#FF8C00;}

.ck .bells-cta {position:relative;z-index:1;margin-top:24px;}

/* Subscription cards keep the white canvas in normal, hover and focus states. */
.ck .subs>a,.ck .subs>a.main,
.ck .subs>a:hover,.ck .subs>a.main:hover,
.ck .subs>a:focus-visible,.ck .subs>a.main:focus-visible {background:#fff;color:#000;}
.ck .subs>a span,.ck .subs>a.main span {color:#000;}
.ck .subs>a .cap,.ck .subs>a.main .cap {color:#000;border-left-color:var(--orange);}
.ck .subs>a:hover b,.ck .subs>a:focus-visible b {text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:5px;}

/* Accent subscription card: black fill retained across interaction states. */
.ck .subs>a.main,.ck .subs>a.main:hover,.ck .subs>a.main:focus-visible {
  background:#000;color:#fff;
}
.ck .subs>a.main span,.ck .subs>a.main .cap {color:#fff;}

/* Each route owns its CTA; shared rows align the two desktop actions. */
.ck .duo {grid-template-columns:repeat(2,minmax(0,1fr));}
.ck .duo-card {display:grid;grid-template-rows:subgrid;grid-row:span 4;gap:10px;padding:16px;min-width:0;}
.ck .duo-card+.duo-card {border-left:1.5px solid var(--ink);}
.ck .duo-card .hl {justify-self:start;align-self:start;}
.ck .duo .duo-copy {font-size:16px;line-height:1.65;color:var(--soft);}
.ck .duo .btn {align-self:end;justify-self:start;width:auto;max-width:100%;text-align:center;}

.ck .hero .stage {display:flex;flex-direction:column;gap:18px;}
.ck .stage-afisha {justify-content:center;}

@media(max-width:640px) {
 .ck .duo {grid-template-columns:minmax(0,1fr);}
 .ck .duo-card {grid-template-rows:auto auto auto auto;grid-row:auto;}
 .ck .duo-card+.duo-card {border-left:0;border-top:1.5px solid var(--ink);}
 .ck .duo .btn {align-self:end;justify-self:start;width:auto;max-width:100%;text-align:center;}
}

/* Shared portrait/name/role tracks keep each row of the troupe aligned. */
.ck .troupe>div{display:grid;grid-template-rows:subgrid;grid-row:span 3;justify-items:center;align-items:start;row-gap:8px;}
.ck .troupe>div>.lv{align-self:end;}
.ck .troupe>div>b,.ck .troupe>div>small{align-self:start;}

/* Requested hero text accents; CTA remains strictly black/white. */
.ck .hero-readings-title{color:#FF8C00;}
.ck .hero #duo-challenge{background:#000;color:#fff;}


.ck .troupe>div{grid-template-columns:minmax(0,1fr);}
.ck .troupe>div>.lv{max-width:100%!important;}
.ck .troupe>div>b,.ck .troupe>div>small{max-width:100%;overflow-wrap:anywhere;}

/* Explicit CTA states requested by Anka. */





/* Separate red narrative for the challenge, keeping all page surfaces white. */
.ck .bells-cta {display:flex;justify-content:center;}
.ck #foyer .part-head .chip {background:#000;color:#fff;}
.ck #foyer .day>b,.ck .duo-card:has(#duo-challenge)>b {color:#000;}


.ck #foyer .harness {border-color:#000;}
.ck .duo-card:has(#duo-challenge) {border-top:3px solid #000;}
.ck .foyer-autumn-art {display:block;width:100%;height:160px;border:0;border-top:1px solid #BF0909;background:#fff;pointer-events:none;}

/* Selected reference concerns the local neutral surface and red accents only. */
.ck #foyer>.ck-w {background:#f5f5f5;border-radius:16px;padding-top:28px;padding-bottom:28px;}
.ck .duo-card:has(#duo-challenge) {background:#f5f5f5;}
@media(max-width:640px){.ck #foyer>.ck-w{border-radius:12px;padding-top:24px;padding-bottom:24px;}}
/* Anka: one CTA treatment everywhere. Red is hover only. */


.ck .hero .duo a.btn{width:100%!important;min-height:52px;}
/* Match the fourth stage's optical top/height to the portrait row, preserving baselines. */
.ck .troupe .code-curtain-host .code-curtain-toggle{transform:scaleY(.82);transform-origin:bottom center;}

/* Restore the premiere's dark theatrical surface only. */
.ck #premiere {background:#000;color:#fff;}
.ck #premiere h2,.ck #premiere .week b,.ck #premiere pre.ascii {color:#fff;}
.ck #premiere p {color:#e0e0e0;}
.ck #premiere .week,.ck #premiere .week>div {background:#000;}
.ck #premiere .week {border-color:#444;}
.ck #premiere .week span {color:#ccc;}
.ck #premiere .dust pre {color:#292929;}

.ck #premiere a:focus-visible {outline-color:#FF8C00;}
/* Orange navigation arrows in the next-step links. */
.ck .links a::after{color:#FF8C00!important;}

/* One semantic CTA system. Shape is copied verbatim from source-original.html:58. */
.ck#top a.btn {background:var(--cta-bg,#FF8C00);color:var(--cta-ink,#000);border:0;box-shadow:none;border-radius:0;justify-content:center;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,4px 4px);}
.ck#top a.btn:hover {background:var(--cta-hover-bg,#000);color:var(--cta-hover-ink,#fff);}
.ck#top a.btn:focus-visible {text-decoration:underline;text-underline-offset:4px;outline:3px solid #000;outline-offset:4px;}
.ck#top #premiere a.btn:focus-visible {outline-color:#FF8C00;}
.ck#top a.btn[data-line="challenge"] {--cta-bg:#000;--cta-ink:#fff;--cta-hover-bg:#333;--cta-hover-ink:#fff;}
.ck#top #linii .line .line-bar {background:#000;color:#fff;}
.ck#top #linii .line.understand .line-bar {background:#FF8C00;color:#000;}
.ck#top .inlab b {color:#FF8C00;}

/* Challenge neutral; premiere CTA exception. Semantic system stays unchanged elsewhere. */
.ck#top #premiere a.btn {--cta-bg:#fff;--cta-ink:#000;--cta-hover-bg:#FF8C00;--cta-hover-ink:#000;}