/* agent-demo-cutover (2026-10-05): the page is a theater program and its script.
   Linked only from article-agent-demo-cutover.html. The opener is the program itself,
   open on a spread: a cover with the house drawn on it, then the setting, the scenes and
   the cast. Act One (the demo) is set on paper as a script with scenes, stage
   directions in italics and character names in small caps. The intermission carries the
   three questions. Act Two (opening night) goes dark: a proscenium stage with a red
   curtain over the real conditions of the cutover weekend.
   Motion: the curtain rises (clip-path from the bottom edge up) and the three conditions
   light one by one. Scoped to .armed, which the script adds. */

.tp-page{
  --tp-paper:#f7f5f0; --tp-paper2:#efece4; --tp-ink:#16150f; --tp-ink2:#33312a; --tp-mut:#6b6660;
  --tp-navy:#0e1330; --tp-navy2:#16304F; --tp-red:#A93A3A; --tp-gold:#B8862F;
  --tp-hair:#d6d0c3; --tp-night-t:rgba(247,245,240,.94); --tp-night-m:rgba(247,245,240,.74);
  background:var(--tp-paper);
}
.tp-page ::selection{background:var(--tp-red);color:var(--tp-paper);}
.tp-page a:focus-visible,.tp-page button:focus-visible{outline:2px solid var(--tp-gold);outline-offset:3px;}
.tp-page .art-rail{display:none !important;}
.tp section{padding:0;}
.tp p{margin:0;}

/* the one small-caps label style: serif small caps, as a program sets it */
.tp .tp-sc{font-family:var(--serif);font-variant-caps:all-small-caps;font-weight:500;letter-spacing:.08em;font-size:1.06rem;line-height:1.25;}

.tp .tp-wrap{width:min(1180px,calc(100vw - 32px));margin:0 auto;}
.tp .tp-col{width:min(700px,calc(100vw - 32px));margin:0 auto;}
.tp .tp-scene > p:not(.tp-sc):not(.tp-dir),.tp .tp-run .tp-col > p,.tp .tp-lede{font-family:var(--serif);font-size:clamp(1.12rem,1.5vw,1.24rem);line-height:1.62;color:var(--tp-ink2);margin-top:1.05rem;max-width:66ch;}

/* ---------- the program, open on a spread ---------- */
.tp .tp-hero{padding:clamp(1.4rem,3.5vw,2.6rem) 0 clamp(3rem,7vw,5.5rem);background:var(--tp-paper2);}
.tp .tp-hero .back-link{margin:0 0 1.4rem;color:var(--tp-ink2);}
.tp .tp-spread{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  background:var(--tp-paper);
  box-shadow:0 1px 0 rgba(22,21,15,.08),0 30px 60px -38px rgba(22,21,15,.55),0 8px 18px -12px rgba(22,21,15,.25);
  position:relative;
}
.tp .tp-spread::after{content:"";position:absolute;top:0;bottom:0;left:41.666%;width:46px;margin-left:-23px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(22,21,15,.07) 46%,rgba(22,21,15,.13) 50%,rgba(22,21,15,.04) 54%,transparent);}
.tp .tp-cover{padding:clamp(18px,2.4vw,30px);display:flex;flex-direction:column;}
.tp .tp-mast{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:.7rem .9rem;background:var(--tp-ink);color:var(--tp-paper);
  font-family:var(--sans);font-size:.84rem;font-weight:600;border-bottom:3px solid var(--tp-gold);}
.tp .tp-mast span:last-child{font-weight:500;color:rgba(247,245,240,.8);font-variant-numeric:tabular-nums;}
.tp .tp-art{display:block;width:100%;height:auto;margin-top:0;}
.tp .tp-billtop{margin-top:1.4rem;color:var(--tp-mut);}
.tp .tp-acts{margin-top:.7rem;font-family:var(--serif);font-style:italic;font-size:1.2rem;color:var(--tp-ink2);}
.tp .tp-hero h1{margin:.35rem 0 0;font-size:clamp(2.3rem,4.4vw,3.7rem);line-height:1.02;letter-spacing:-.025em;font-weight:500;color:var(--tp-ink);}
.tp .tp-hero .article-meta{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;margin-top:auto;padding-top:1.4rem;color:var(--tp-mut);border-top:1px solid var(--tp-hair);}

.tp .tp-inside{padding:clamp(22px,3.2vw,46px) clamp(20px,3.4vw,48px);border-left:1px solid var(--tp-hair);}
.tp .tp-hero .dek{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2.1vw,1.7rem);line-height:1.36;color:var(--tp-ink);max-width:30ch;margin:0;}
.tp .tp-cols{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:1.6rem clamp(1.4rem,3vw,2.6rem);margin-top:clamp(1.6rem,3vw,2.4rem);padding-top:1.4rem;border-top:3px double var(--tp-ink);}
.tp .tp-lab{color:var(--tp-ink);margin:0 0 .55rem;}
.tp .tp-cols .tp-lab + *{margin-bottom:1.5rem;}
.tp .tp-setting{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.35rem .8rem;font-size:.95rem;line-height:1.45;}
.tp .tp-setting dt{font-family:var(--serif);font-style:italic;color:var(--tp-red);}
.tp .tp-setting dd{margin:0;color:var(--tp-ink2);}
.tp .tp-scenes{list-style:none;margin:0;padding:0;counter-reset:sc;}
.tp .tp-scenes li{padding:.38rem 0;border-bottom:1px solid var(--tp-hair);font-size:.93rem;line-height:1.35;color:var(--tp-mut);}
.tp .tp-scenes a{font-family:var(--serif);font-size:1.08rem;color:var(--tp-ink);text-decoration:none;background-image:linear-gradient(var(--tp-red),var(--tp-red));background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .25s;}
.tp .tp-scenes a:hover{background-size:100% 1px;}
.tp .tp-scenes span{display:block;font-style:italic;font-family:var(--serif);}
.tp .tp-cast{margin:0;display:grid;grid-template-columns:auto 1fr;gap:0 .9rem;}
.tp .tp-cast dt,.tp .tp-cast dd{padding:.36rem 0;border-bottom:1px solid var(--tp-hair);line-height:1.3;}
.tp .tp-cast dt{font-family:var(--serif);font-variant-caps:all-small-caps;letter-spacing:.07em;font-size:1.02rem;color:var(--tp-ink);max-width:9.5rem;}
.tp .tp-cast dd{margin:0;font-family:var(--serif);font-style:italic;font-size:.98rem;color:var(--tp-ink2);}

/* ---------- acts and scenes ---------- */
.tp .tp-act,.tp .tp-interval,.tp .tp-run{padding:clamp(4rem,9vw,7rem) 0 clamp(3rem,6vw,4.5rem);}
.tp .tp-acthead{text-align:center;margin-bottom:clamp(1.8rem,4vw,2.8rem);}
.tp .tp-acthead .tp-sc{display:inline-flex;align-items:center;gap:.9rem;color:var(--tp-red);font-size:1.18rem;}
.tp .tp-acthead .tp-sc::before,.tp .tp-acthead .tp-sc::after{content:"";width:clamp(28px,6vw,64px);height:0;border-top:3px double currentColor;}
.tp .tp-acthead h2{margin:.5rem auto 0;max-width:18ch;font-size:clamp(2.6rem,6.4vw,4.8rem);line-height:1;letter-spacing:-.03em;font-weight:500;font-style:italic;color:var(--tp-ink);}
.tp .tp-interval .tp-acthead h2,.tp .tp-run .tp-acthead h2{font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.05;}
.tp .tp-when{margin-top:.7rem;font-family:var(--serif);font-size:1.18rem;color:var(--tp-mut);}

.tp .tp-dir{font-family:var(--serif);font-style:italic;font-size:clamp(1.08rem,1.45vw,1.2rem);line-height:1.55;color:var(--tp-mut);max-width:58ch;margin:1.2rem auto 0;text-align:center;}
.tp .tp-dir::before{content:"(";} .tp .tp-dir::after{content:")";}
.tp .tp-scene{margin-top:clamp(3rem,6vw,4.4rem);}
.tp .tp-scene:first-child,.tp .tp-bill + .tp-col .tp-scene:first-child{margin-top:clamp(2rem,4vw,3rem);}
.tp .tp-sceneno{color:var(--tp-red);}
.tp .tp-scene h3{margin:.3rem 0 0;font-family:var(--serif);font-size:clamp(1.6rem,2.8vw,2.15rem);line-height:1.12;letter-spacing:-.015em;font-weight:500;color:var(--tp-ink);max-width:24ch;}
.tp .tp-scene .tp-dir{text-align:left;margin-left:0;}

/* the script set: name in small caps, the line beside it */
.tp .tp-script{margin:1.8rem 0 0;padding:1.3rem 0;border-top:1px solid var(--tp-hair);border-bottom:1px solid var(--tp-hair);}
.tp .tp-line{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:.2rem 1.2rem;align-items:baseline;margin:0;}
.tp .tp-line + .tp-line,.tp .tp-dir-in + .tp-line{margin-top:1.1rem;}
.tp .tp-who{color:var(--tp-ink);text-align:right;}
.tp .tp-say{font-family:var(--serif);font-size:clamp(1.2rem,1.8vw,1.42rem);line-height:1.42;color:var(--tp-ink);}
.tp .tp-dir-in{text-align:left;margin:.45rem 0 0 9.7rem;font-size:1.06rem;max-width:52ch;}

/* top billing and the small print */
.tp .tp-bill{width:min(980px,calc(100vw - 32px));margin:clamp(2.6rem,5vw,3.8rem) auto 0;padding:clamp(1.6rem,3vw,2.4rem) 0;text-align:center;border-top:3px double var(--tp-ink);border-bottom:3px double var(--tp-ink);}
.tp .tp-billrow{padding:clamp(1rem,2vw,1.5rem) 0;}
.tp .tp-billrow + .tp-billrow{border-top:1px solid var(--tp-hair);}
.tp .tp-big{font-family:var(--serif);font-weight:500;line-height:.98;letter-spacing:-.03em;color:var(--tp-ink);font-variant-numeric:lining-nums tabular-nums;}
.tp .tp-b1{font-size:clamp(2.6rem,8.4vw,6.2rem);}
.tp .tp-b2{font-size:clamp(2.3rem,7vw,5.1rem);}
.tp .tp-b3{font-size:clamp(1.7rem,4.4vw,3.2rem);max-width:20ch;margin:0 auto;}
.tp .tp-small{max-width:56ch;margin:.8rem auto 0;font-family:var(--sans);font-size:.86rem;line-height:1.5;color:var(--tp-ink2);}
.tp .tp-small b{font-weight:700;color:var(--tp-red);font-variant-numeric:tabular-nums;}
.tp .tp-bill figcaption{margin-top:1rem;color:var(--tp-mut);}

/* who's who */
.tp .tp-whos{margin-top:1.6rem;padding:1.4rem 0 .2rem;border-top:3px double var(--tp-ink);}
.tp .tp-whos > p:not(.tp-lab){font-family:var(--serif);font-size:1.12rem;line-height:1.58;color:var(--tp-ink2);margin-bottom:1rem;max-width:62ch;}
.tp .tp-whos b{color:var(--tp-ink);font-size:1.1rem;margin-right:.2rem;}

/* rehearsal numbers */
.tp .tp-notes{list-style:none;margin:1.6rem 0 0;padding:0;}
.tp .tp-notes li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem 1rem;align-items:baseline;padding:.8rem 0 1rem;border-bottom:1px solid var(--tp-hair);}
.tp .tp-n-k{font-family:var(--serif);font-size:1.1rem;line-height:1.35;color:var(--tp-ink);}
.tp .tp-n-v{font-family:var(--sans);font-size:1.02rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--tp-red);white-space:nowrap;}
.tp .tp-notes i{position:absolute;left:0;bottom:-1px;height:3px;width:100%;background:var(--tp-ink);transform-origin:0 50%;transform:scaleX(var(--v));}

/* ---------- intermission ---------- */
.tp .tp-interval{background:var(--tp-paper2);border-top:1px solid var(--tp-hair);border-bottom:1px solid var(--tp-hair);}
.tp .tp-interval .tp-script{border-color:var(--tp-hair);}

/* ---------- act two: opening night ---------- */
.tp .tp-night{background:var(--tp-ink);color:var(--tp-night-t);}
.tp .tp-night ::selection{background:var(--tp-gold);color:var(--tp-ink);}
.tp .tp-night .tp-acthead h2,.tp .tp-night .tp-scene h3{color:var(--tp-paper);}
.tp .tp-night .tp-acthead .tp-sc,.tp .tp-night .tp-sceneno{color:#d9a850;}
.tp .tp-night .tp-when{color:var(--tp-night-m);}
.tp .tp-night .tp-scene > p:not(.tp-sc):not(.tp-dir),.tp .tp-night .tp-lede{color:var(--tp-night-t);}
.tp .tp-night .tp-lede{font-style:italic;color:var(--tp-night-m);margin-top:clamp(2.4rem,5vw,3.4rem);}

.tp .tp-stage{width:min(1120px,calc(100vw - 32px));margin:0 auto;}
.tp .tp-pros{position:relative;overflow:hidden;background:#0b0e22;border:10px solid var(--tp-ink2);border-top-width:0;
  box-shadow:inset 0 0 0 1px rgba(184,134,47,.45);}
.tp .tp-valance{position:relative;z-index:4;height:30px;background:var(--tp-red);
  -webkit-mask:radial-gradient(18px 14px at 50% 16px,#000 98%,transparent) 0 0/36px 30px repeat-x,linear-gradient(#000,#000) 0 0/100% 16px no-repeat;
          mask:radial-gradient(18px 14px at 50% 16px,#000 98%,transparent) 0 0/36px 30px repeat-x,linear-gradient(#000,#000) 0 0/100% 16px no-repeat;}
.tp .tp-set{position:relative;padding:clamp(1.6rem,4vw,3rem) clamp(16px,3.5vw,44px) clamp(2rem,4vw,3rem);
  background:radial-gradient(120% 70% at 50% 108%,rgba(184,134,47,.16),transparent 60%);}
.tp .tp-setdir{font-family:var(--serif);font-style:italic;font-size:clamp(1.08rem,1.6vw,1.26rem);line-height:1.5;color:var(--tp-night-m);text-align:center;max-width:46ch;margin:0 auto;}
.tp .tp-setdir::before{content:"(";} .tp .tp-setdir::after{content:")";}
.tp .tp-spots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.4vw,2rem);margin-top:clamp(1.6rem,3.4vw,2.6rem);}
.tp .tp-spot{position:relative;padding:clamp(3.4rem,6vw,4.6rem) .4rem 1.6rem;text-align:center;}
.tp .tp-spot::before{content:"";position:absolute;left:50%;top:-1.2rem;width:150%;height:calc(100% + 1.2rem);transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(48% 20% at 50% 94%,rgba(247,245,240,.16),transparent 70%),linear-gradient(180deg,rgba(247,245,240,.07),rgba(247,245,240,.02) 80%,transparent);
  clip-path:polygon(44% 0,56% 0,88% 100%,12% 100%);}
.tp .tp-spot > *{position:relative;}
.tp .tp-spot-k{color:#d9a850;}
.tp .tp-spot-v{margin-top:.5rem;font-family:var(--serif);font-size:clamp(1.4rem,2.3vw,1.85rem);line-height:1.12;color:var(--tp-paper);letter-spacing:-.01em;}
.tp .tp-num{font-variant-numeric:lining-nums tabular-nums;}
.tp .tp-spot-d{margin:.7rem auto 0;max-width:26ch;font-family:var(--sans);font-size:.9rem;line-height:1.5;color:var(--tp-night-m);}
.tp .tp-coda{margin:clamp(1rem,2vw,1.6rem) auto 0;padding-top:1.2rem;border-top:1px solid rgba(184,134,47,.4);max-width:30ch;text-align:center;font-family:var(--serif);font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.25;color:var(--tp-paper);}

/* the curtain: only shown once the script arms the stage */
.tp .tp-curtain,.tp .tp-hem{display:none;}
.tp .tp-ctlrow{display:flex;justify-content:flex-end;margin-top:.7rem;min-height:1.6rem;}
.tp .tp-ctl{appearance:none;background:none;border:0;padding:.15rem 0;cursor:pointer;font-family:var(--sans);font-size:.9rem;color:var(--tp-night-m);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(247,245,240,.4);}
.tp .tp-ctl:hover{color:var(--tp-paper);}

/* ---------- before the run ---------- */
.tp .tp-run .tp-acthead{margin-bottom:1.6rem;}
.tp .tp-five{margin:1.4rem 0 0;padding:0;list-style:none;counter-reset:f;border-top:3px double var(--tp-ink);}
.tp .tp-five li{counter-increment:f;display:flex;gap:1rem;align-items:baseline;padding:.75rem 0;border-bottom:1px solid var(--tp-hair);font-family:var(--serif);font-size:1.22rem;line-height:1.35;color:var(--tp-ink);}
.tp .tp-five li::before{content:counter(f);min-width:1.2rem;font-family:var(--sans);font-size:.92rem;font-weight:600;color:var(--tp-red);font-variant-numeric:tabular-nums;}
.tp .tp-slip{margin:clamp(2.4rem,5vw,3.4rem) 0 0;padding:1.4rem clamp(16px,3vw,28px) 1.5rem;background:var(--tp-paper2);
  background-image:radial-gradient(circle at 6px 0,var(--tp-paper) 3px,transparent 3.5px);background-size:14px 6px;background-repeat:repeat-x;}
.tp .tp-slip .tp-lab{color:var(--tp-red);}
.tp .tp-slip p:not(.tp-lab){font-family:var(--serif);font-size:1.2rem;line-height:1.55;color:var(--tp-ink);max-width:60ch;}
.tp .tp-src{margin-top:clamp(3rem,6vw,4.2rem);padding-top:1.3rem;border-top:1px solid var(--tp-hair);columns:2 300px;column-gap:2.4rem;}
.tp .tp-src .tp-lab{column-span:all;}
.tp .tp-src p:not(.tp-lab){font-size:.86rem;line-height:1.6;color:var(--tp-ink2);margin:0 0 .6rem;break-inside:avoid;}
.tp .tp-src a{color:var(--tp-navy2);}
.tp .tp-cta{padding:0 0 clamp(3rem,6vw,4.5rem);}
.tp .tp-cta .wrap{width:min(1120px,calc(100vw - 32px));}

/* ---------- smaller screens ---------- */
@media (max-width:980px){
  .tp .tp-spread{grid-template-columns:1fr;}
  .tp .tp-spread::after{display:none;}
  .tp .tp-inside{border-left:0;border-top:1px solid var(--tp-hair);}
}
@media (max-width:720px){
  .tp .tp-cols{grid-template-columns:1fr;}
  .tp .tp-spots{grid-template-columns:1fr;gap:0;}
  .tp .tp-spot{padding-top:3rem;}
  .tp .tp-line{grid-template-columns:1fr;}
  .tp .tp-who{text-align:left;}
  .tp .tp-dir-in{margin-left:0;}
  .tp .tp-pros{border-width:6px;border-top-width:0;}
}

/* ---------- motion (only once armed by the script) ---------- */
@media screen and (prefers-reduced-motion:no-preference){
  .tp .tp-stage.armed .tp-curtain{
    display:flex;align-items:center;justify-content:center;position:absolute;z-index:3;inset:0;
    background:
      repeating-linear-gradient(90deg,rgba(14,19,48,.34) 0,rgba(14,19,48,0) 22px,rgba(247,245,240,.07) 34px,rgba(14,19,48,0) 46px,rgba(14,19,48,.34) 68px),
      var(--tp-red);
    clip-path:inset(0 0 0 0);opacity:.8;
    transition:clip-path 2.4s cubic-bezier(.55,.06,.3,1),opacity .25s ease;
  }
  .tp .tp-stage.armed .tp-hem{display:block;position:absolute;z-index:3;inset:0;pointer-events:none;opacity:.8;
    background:var(--tp-gold);clip-path:inset(calc(100% - 7px) 0 0 0);
    transition:clip-path 2.4s cubic-bezier(.55,.06,.3,1),opacity .25s ease;}
  .tp .tp-stage.run .tp-curtain,.tp .tp-stage.run .tp-hem{opacity:1;}
  .tp .tp-stage.up .tp-hem{clip-path:inset(-7px 0 100% 0);}
  .tp .tp-stage.done .tp-hem{visibility:hidden;}
  .tp .tp-stage.up .tp-curtain{clip-path:inset(0 0 100% 0);}
  .tp .tp-stage.done .tp-curtain{visibility:hidden;}
  .tp .tp-stage.drop .tp-curtain,.tp .tp-stage.drop .tp-hem{transition:none;}

  .tp .tp-stage.run .tp-setdir,.tp .tp-stage.run .tp-coda{opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease;}
  .tp .tp-stage.run .tp-spot > *{opacity:.14;transition:opacity .6s ease;}
  .tp .tp-stage.run .tp-spot::before{opacity:0;transform:translateX(-50%) scaleY(.6);transform-origin:50% 0;transition:opacity .5s ease,transform .7s cubic-bezier(.2,.8,.3,1);}
  .tp .tp-stage.run .tp-setdir.lit,.tp .tp-stage.run .tp-coda.lit{opacity:1;transform:none;}
  .tp .tp-stage.run .tp-spot.lit > *{opacity:1;}
  .tp .tp-stage.run .tp-spot.lit::before{opacity:1;transform:translateX(-50%);}
  .tp .tp-stage.run .tp-spot.lit .tp-spot-v{animation:tp-rise .7s cubic-bezier(.2,.8,.3,1) both;}
  @keyframes tp-rise{from{transform:translateY(10px);}to{transform:none;}}
}

/* ---------- print ---------- */
@media print{
  .tp-page .reveal{opacity:1 !important;transform:none !important;}
  .tp .tp-curtain,.tp .tp-hem,.tp .tp-ctlrow{display:none !important;}
  .tp .tp-hero,.tp .tp-interval{background:#fff;}
  .tp .tp-night,.tp .tp-pros,.tp .tp-mast,.tp .tp-art{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .tp .tp-stage,.tp .tp-spread,.tp .tp-billrow,.tp .tp-scene{break-inside:avoid;}
  .tp .tp-spread{box-shadow:none;border:1px solid var(--tp-hair);}
}

/* ---------- restored images (2026-10-05) ---------- */
/* the two sets: the hero on a dark band between the program and Act One */
.tp .tp-house{margin:0;padding:clamp(2.4rem,5vw,4rem) 16px clamp(2rem,4vw,3rem);background:var(--tp-ink);color:var(--tp-night-t);}
.tp .tp-house img{display:block;width:min(1180px,100%);height:auto;margin:0 auto;}
.tp .tp-house figcaption{width:min(1180px,100%);margin:1rem auto 0;display:flex;flex-wrap:wrap;gap:.2rem 1rem;align-items:baseline;font-family:var(--serif);font-style:italic;font-size:1.08rem;line-height:1.45;color:var(--tp-night-m);}
.tp .tp-house figcaption .tp-sc{font-style:normal;color:var(--tp-gold);}
/* lobby card: the three questions as a card set on a paper mat at the intermission */
.tp .tp-lobby{width:min(700px,calc(100vw - 32px));margin:clamp(2.6rem,5vw,3.6rem) auto 0;}
.tp .tp-lobby img{display:block;width:100%;height:auto;padding:14px;background:var(--tp-paper);outline:1px solid var(--tp-hair);transform:rotate(-.6deg);}
.tp .tp-lobby figcaption{margin-top:1.1rem;text-align:center;font-family:var(--serif);font-style:italic;font-size:1.06rem;color:var(--tp-mut);}
.tp .tp-lobby figcaption .tp-sc{display:block;font-style:normal;color:var(--tp-red);}
@media (max-width:600px){.tp .tp-lobby img{padding:8px;transform:none;}}
@media print{.tp .tp-house{background:none;color:#000;}.tp .tp-lobby img{transform:none;}}

/* QA 2026-10-05: the page resets p margins, which pulled the CTA paragraph tight against its heading and button */
.tp .cta-band p{margin:1rem 0 1.7rem;}

/* ---------- color pass (2026-10-09): electric blue leads, red keeps the act heads ----------
   The billing figures go blue, a 600-seat house chart shows the 22 genuinely agentic
   apps, the rehearsal numbers become blue bars, the intermission sits on a blue
   wash, and scene numbers and the pilot's five terms take the blue. */
.tp-page{--tp-blue:#0003cc;--tp-blue-d:#0002a8;--tp-blue-t:#ececfb;}

/* top billing: the number is the star */
.tp .tp-bn{color:var(--tp-blue);}

/* scene numbers on paper, and the five pilot terms */
.tp .tp-act:not(.tp-night) .tp-sceneno,.tp .tp-run .tp-sceneno{color:var(--tp-blue);}
.tp .tp-five li::before{color:var(--tp-blue);}

/* the house: 600 seats, 22 filled */
.tp .tp-sliver{margin:1.8rem 0 .4rem;padding:1.2rem 0 1rem;border-top:3px double var(--tp-ink);border-bottom:1px solid var(--tp-hair);}
.tp .tp-sliver-g{display:grid;grid-template-columns:repeat(40,10px);gap:3px;}
.tp .tp-sliver-g i{display:block;width:10px;height:10px;box-sizing:border-box;border:1px solid rgba(22,21,15,.26);}
.tp .tp-sliver-g i:nth-child(-n+22){background:var(--tp-blue);border-color:var(--tp-blue);}
.tp .tp-sliver figcaption{display:flex;align-items:baseline;gap:.9rem;margin-top:1rem;}
.tp .tp-sliver-n{font-family:var(--serif);font-size:clamp(2.4rem,4.4vw,3.2rem);font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--tp-blue);font-variant-numeric:lining-nums;}
.tp .tp-sliver-c{font-family:var(--serif);font-style:italic;font-size:1.04rem;line-height:1.45;color:var(--tp-ink2);max-width:40ch;}

/* rehearsal numbers as blue bars on a pale track */
.tp .tp-notes li{padding-bottom:1.5rem;border-bottom:0;}
.tp .tp-notes li::after{content:"";position:absolute;left:0;right:0;bottom:.35rem;height:.55rem;background:var(--tp-blue-t);}
.tp .tp-notes i{bottom:.35rem;height:.55rem;background:var(--tp-blue);z-index:1;}
.tp .tp-notes .tp-n-v{color:var(--tp-blue);}
.tp .tp-notes .tp-n-lo i{background:var(--tp-red);transform:scaleX(.012);min-width:3px;}
.tp .tp-notes .tp-n-lo .tp-n-v{color:var(--tp-red);}

/* intermission on a blue wash */
.tp .tp-interval{background:repeating-linear-gradient(45deg,rgba(0,3,204,.045) 0 1px,transparent 1px 9px),var(--tp-blue-t);border-top:1px solid rgba(0,3,204,.22);border-bottom:1px solid rgba(0,3,204,.22);}
.tp .tp-interval .tp-script{border-color:rgba(0,3,204,.2);}
.tp .tp-interval .tp-who{color:var(--tp-blue-d);}

@media (max-width:760px){
  .tp .tp-sliver-g{grid-template-columns:repeat(30,minmax(0,1fr));gap:2px;max-width:360px;}
  .tp .tp-sliver-g i{width:auto;height:auto;aspect-ratio:1;}
  .tp .tp-sliver figcaption{flex-direction:column;gap:.3rem;}
}
@media print{
  .tp .tp-sliver-g i,.tp .tp-notes i,.tp .tp-notes li::after,.tp .tp-interval{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .tp .tp-sliver{break-inside:avoid;}
}
.tp .tp-sliver-g{grid-template-columns:repeat(50,minmax(0,1fr));}
.tp .tp-sliver-g i{width:auto;height:auto;aspect-ratio:1;}
@media (max-width:760px){.tp .tp-sliver-g{grid-template-columns:repeat(30,minmax(0,1fr));}}
/* the Do this week slip takes a blue header bar */
.tp .tp-slip{border-bottom:3px solid var(--tp-blue);}
.tp .tp-slip .tp-lab{color:var(--tp-blue-d);}
@media print{.tp .tp-slip{-webkit-print-color-adjust:exact;print-color-adjust:exact;}}

/* QA 2026-10-10: the blue tint read lavender on warm paper; the intermission wash and bar tracks now lean navy. Electric blue ink unchanged. */
.tp-page{--tp-blue-t:#e8edf5;}
.tp .tp-interval{background:repeating-linear-gradient(45deg,rgba(14,19,48,.04) 0 1px,transparent 1px 9px),var(--tp-blue-t);border-top-color:rgba(14,19,48,.18);border-bottom-color:rgba(14,19,48,.18);}
.tp .tp-interval .tp-script{border-color:rgba(14,19,48,.16);}