/* Paper look inside the app (10 Nov). Loaded last; old studio CSS uses !important, so these do too. */
#builder{
  --pp-paper:#F5EFE3; --pp-sheet:#FBF8F1; --pp-ink:#1F1B16; --pp-ink2:#4A443B; --pp-pencil:#8A8275;
  --pp-rule:#DDD3C1; --pp-line:#DDE7EE; --pp-margin:#F0C6BF; --pp-red:#C2372B; --pp-hi:rgba(246,226,122,.55);
  --pp-serif:"Fraunces",Georgia,serif; --pp-read:"Newsreader",Georgia,serif; --pp-hand:"Caveat",cursive;
  background-color:var(--pp-paper)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 0 0.2 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")!important;
}

/* headings + handwritten eyebrows */
#builder .stage-heading :is(h1,h2),#builder .review-summary h2,#builder .studio-pane :is(h1,h2){font-family:var(--pp-serif)!important;font-weight:600!important;letter-spacing:-.02em!important;color:var(--pp-ink)!important}
#builder .stage-heading .studio-eyebrow{font-family:var(--pp-hand)!important;font-size:23px!important;font-weight:600!important;letter-spacing:0!important;text-transform:lowercase!important;color:var(--pp-red)!important;transform:rotate(-1.5deg);display:inline-block!important}
#builder .stage-heading p:not(.studio-eyebrow){font-family:var(--pp-read)!important;font-size:18px!important;color:var(--pp-ink2)!important}

/* step tabs: red pencil underline on the active step */
#builder .studio-nav-step[aria-current="step"]{
  border-bottom-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'%3E%3Cpath d='M2 5 C30 2,60 2,98 4' fill='none' stroke='%23C2372B' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:50% 100%!important;background-size:90% 7px!important}

/* buttons: ink pills / pencil outlines */
#builder .primary{background:var(--pp-ink)!important;color:var(--pp-sheet)!important;border:1.5px solid var(--pp-ink)!important;border-radius:999px!important;box-shadow:none!important}
#builder .primary:hover{background:var(--pp-red)!important;border-color:var(--pp-red)!important;color:#fff!important;transform:none!important}
#builder .outline,#builder .studio-text-button{border-radius:999px!important}
#builder .outline{background:transparent!important;border:1.5px solid var(--pp-ink2)!important;color:var(--pp-ink)!important}
#builder .outline:hover{border-color:var(--pp-red)!important;color:var(--pp-red)!important}

/* chat: notes on paper */
#builder .coach-bubble{background:var(--pp-sheet)!important;border:0!important;border-radius:4px 16px 16px 16px!important;box-shadow:0 1px 2px rgba(60,45,25,.12)!important}
#builder .coach-bubble p{font-family:var(--pp-read)!important;font-size:17px!important;line-height:1.5!important;color:var(--pp-ink)!important}
#builder .coach-bubble:not(.coach){background:transparent!important;border:1.5px dashed var(--pp-pencil)!important;border-radius:16px 4px 16px 16px!important;box-shadow:none!important}
#builder .coach-speaker{font-family:"Instrument Sans",sans-serif!important;font-size:11.5px!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--pp-pencil)!important}

/* WORDS: speech on lined paper */
#builder #script{
  font-family:var(--pp-read)!important;font-size:19px!important;line-height:32px!important;color:var(--pp-ink)!important;
  background-color:var(--pp-sheet)!important;
  background-image:linear-gradient(90deg,transparent 46px,var(--pp-margin) 46px,var(--pp-margin) 47.5px,transparent 47.5px),repeating-linear-gradient(to bottom,transparent 0 31px,var(--pp-line) 31px 32px)!important;
  background-attachment:local!important;background-position:0 0,0 22px!important;
  padding:22px 26px 22px 64px!important;border:0!important;border-radius:3px!important;
  box-shadow:0 1px 0 var(--pp-rule),0 18px 40px -22px rgba(60,45,25,.35),0 2px 6px rgba(60,45,25,.08)!important}
#builder #script:focus{outline:2px solid var(--pp-red)!important;outline-offset:3px!important}

/* REHEARSE: speech on a lectern, silent crowd behind */
#builder .rehearsal-prompt{
  position:relative!important;overflow:hidden!important;border:0!important;border-radius:14px!important;box-shadow:none!important;
  padding:170px 24px 150px!important;display:block!important;height:auto!important;max-height:none!important;min-height:0!important;gap:0!important;
  background-color:#EFE7D8!important;
  background-image:url("crowd.svg"),linear-gradient(to bottom,#E9E0CF,#EFE7D8 60%)!important;
  background-repeat:no-repeat!important;background-position:50% 0,0 0!important;background-size:max(1100px,110%) auto,100% 100%!important}
#builder .rehearsal-prompt::after{
  content:"allegedly."!important;position:absolute!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;
  width:min(920px,98%)!important;height:150px!important;z-index:1!important;
  background:url("lectern.svg") no-repeat center/100% 100%!important;opacity:.9!important;
  display:flex!important;align-items:center!important;justify-content:center!important;padding-top:20px!important;
  font:600 30px/1 var(--pp-hand)!important;color:var(--pp-red)!important;opacity:.95}
#builder .rehearsal-prompt>*{margin-top:0!important;margin-bottom:0!important;position:relative!important;z-index:2!important;max-width:860px!important;margin-left:auto!important;margin-right:auto!important;background:var(--pp-sheet)!important}
#builder .rehearsal-prompt .prompt-top{padding:16px 22px 8px 64px!important;border-radius:3px 3px 0 0!important;box-shadow:0 -1px 0 var(--pp-rule)!important;margin-bottom:0!important}
#builder .rehearsal-prompt .drill-banner:empty{display:none!important}
#builder .rehearsal-prompt .drill-banner{padding:8px 22px 8px 64px!important;margin:0 auto!important;border-radius:0!important}
#builder .prompt-text{
  font-family:var(--pp-read)!important;font-weight:400!important;font-size:25px!important;line-height:44px!important;letter-spacing:0!important;color:var(--pp-ink)!important;
  background-color:var(--pp-sheet)!important;
  background-image:linear-gradient(90deg,transparent 46px,var(--pp-margin) 46px,var(--pp-margin) 47.5px,transparent 47.5px),repeating-linear-gradient(to bottom,transparent 0 43px,var(--pp-line) 43px 44px)!important;
  background-attachment:local!important;background-position:0 0,0 8px!important;
  padding:8px 28px 40px 64px!important;margin-bottom:-26px!important;height:auto!important;min-height:380px!important;max-height:min(74vh,720px)!important;overflow-y:auto!important;border-radius:0 0 3px 3px!important;
  box-shadow:0 22px 40px -24px rgba(60,45,25,.5),0 2px 6px rgba(60,45,25,.1)!important}
#builder .prompt-text *{font-family:inherit!important}
#builder .recording-dock{background:var(--pp-sheet)!important;border:1px solid var(--pp-rule)!important;border-radius:14px!important;box-shadow:0 10px 24px -18px rgba(60,45,25,.4)!important}
#builder .recording-dock .clock,#builder #clock{font-family:var(--pp-serif)!important;font-weight:600!important;font-variant-numeric:tabular-nums!important;color:var(--pp-ink)!important}
#builder #record.primary{background:var(--pp-red)!important;border-color:var(--pp-red)!important;color:#fff!important}

/* SCORECARD: marked in red pen */
#builder .review-summary{background:var(--pp-sheet)!important;border:0!important;border-radius:3px!important;box-shadow:0 14px 30px -20px rgba(60,45,25,.4)!important}
#builder .review-total strong{font-family:var(--pp-hand)!important;font-size:64px!important;font-weight:700!important;color:var(--pp-red)!important;line-height:1!important;display:inline-block!important;transform:rotate(-6deg)!important}
#builder .review-total span{font-family:var(--pp-hand)!important;font-size:24px!important;color:var(--pp-red)!important}
#builder .score-tile{background:var(--pp-sheet)!important;border:0!important;border-radius:3px!important;box-shadow:0 8px 18px -14px rgba(60,45,25,.45),0 1px 2px rgba(60,45,25,.08)!important}
#builder .score-tile[aria-pressed="true"]{outline:2px solid var(--pp-red)!important;outline-offset:2px!important}
#builder .score-tile>strong{font-family:var(--pp-hand)!important;font-size:34px!important;font-weight:700!important;color:var(--pp-red)!important;line-height:1.1!important}
#builder .score-tile>span{font-family:"Instrument Sans",sans-serif!important;color:var(--pp-ink2)!important}
#builder .next-take-focus{background:var(--pp-sheet)!important;border:0!important;border-left:3px solid var(--pp-red)!important;border-radius:3px!important}
#builder .next-take-focus>p{font-family:var(--pp-hand)!important;font-size:28px!important;font-weight:600!important;line-height:1.15!important;color:var(--pp-red)!important}
#builder .priority-quote,#builder .moment-card blockquote{font-family:var(--pp-read)!important;font-style:italic!important;font-size:19px!important;color:var(--pp-ink)!important;border-left:0!important}
#builder .priority-quote{background:linear-gradient(transparent 18%,var(--pp-hi) 18% 88%,transparent 88%)!important;display:inline!important;padding:0 3px!important}
#builder .moment-card{background:var(--pp-sheet)!important;border:0!important;border-radius:3px!important;box-shadow:0 8px 18px -14px rgba(60,45,25,.45)!important}
#builder .moment-card>p{font-family:var(--pp-hand)!important;font-size:22px!important;line-height:1.2!important;color:var(--pp-red)!important}
#builder .score-evidence{font-family:var(--pp-read)!important;font-size:17px!important}

/* phones */
@media (max-width:640px){
  #builder .rehearsal-prompt{padding:96px 10px 92px!important;background-size:760px auto,100% 100%!important}
  #builder .rehearsal-prompt::after{height:92px!important;font-size:22px!important;padding-top:12px!important}
  #builder .rehearsal-prompt .prompt-top{padding:12px 14px 6px 44px!important}
  #builder .prompt-text{min-height:300px!important;max-height:66vh!important;font-size:20px!important;line-height:36px!important;padding:6px 16px 30px 44px!important;
    background-image:linear-gradient(90deg,transparent 30px,var(--pp-margin) 30px,var(--pp-margin) 31.5px,transparent 31.5px),repeating-linear-gradient(to bottom,transparent 0 35px,var(--pp-line) 35px 36px)!important;background-position:0 0,0 6px!important}
  #builder #script{font-size:17px!important;line-height:30px!important;padding:16px 14px 16px 44px!important;
    background-image:linear-gradient(90deg,transparent 30px,var(--pp-margin) 30px,var(--pp-margin) 31.5px,transparent 31.5px),repeating-linear-gradient(to bottom,transparent 0 29px,var(--pp-line) 29px 30px)!important;background-position:0 0,0 16px!important}
}
/* pause / laugh cues on the lectern sheet = red-pen margin notes, not app chips */
#builder .prompt-text :is(.tele-pause-cue,.tele-laugh-cue,mark){background:none!important;border:0!important;box-shadow:none!important;padding:0 4px!important;
  font-family:var(--pp-hand)!important;font-size:1.05em!important;font-weight:600!important;color:var(--pp-red)!important;display:inline-block!important;transform:rotate(-2deg)}
@media (min-width:641px){#builder .rehearsal-prompt{padding:180px 16px 150px!important}}

/* 11 Nov: no "notion" pill boxes; scorecard marked like an essay */
.wingman-role-pill,.wingman-kbd-pill,.bm-pill,.debrief-chip{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;font-family:var(--pp-hand)!important;color:var(--pp-red)!important;font-size:19px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}
.wingman-kbd-pill{display:none!important}
.marked-meta{font-family:var(--pp-hand);color:var(--pp-red);font-size:21px;margin:8px 0 0;transform:rotate(-1deg)}
.marked-card{position:relative;background:#fbf8f1;border:1px solid #e4dccb;border-radius:3px;box-shadow:0 12px 30px rgba(60,40,20,.09);padding:26px 30px 14px;margin:18px 0 22px}
.marked-eyebrow{display:block;font-size:12px;letter-spacing:.14em;color:#6d6658}
.marked-card h2{font-family:Fraunces,Georgia,serif;font-size:26px;line-height:1.2;margin:6px 0 12px}
.marked-grade{position:absolute;top:10px;right:28px;text-align:right;font-family:var(--pp-hand);color:var(--pp-red);transform:rotate(-5deg)}
.marked-grade strong{display:block;font-size:46px;line-height:1}
.marked-grade span{font-size:21px}
.marked-row{display:grid;grid-template-columns:1fr auto;column-gap:16px;padding:12px 0;border-top:1px solid #e6dfd0}
.marked-label{font-weight:600;font-size:15px}
.marked-score{grid-column:2;grid-row:1/span 2;align-self:center;font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:600}
.marked-note{grid-column:1;margin:3px 0 0;font-family:var(--pp-hand);color:var(--pp-red);font-size:19px;line-height:1.2;cursor:help}
.benchmark-telemetry{background:none!important;border:0!important;box-shadow:none!important;padding:8px 0!important}
.benchmark-card{background:#fbf8f1!important;border:1px solid #e4dccb!important;border-radius:3px!important;box-shadow:none!important}
.bm-value{font-family:Fraunces,Georgia,serif!important;font-weight:600!important}
.bm-track{height:2px!important;background:#d9d0bd!important;border-radius:0!important}
.bm-sweet-zone{background:rgba(184,50,42,.28)!important;height:2px!important}
.bm-pin{width:9px!important;height:9px!important;background:#2b2722!important;border:0!important;box-shadow:none!important}
.bm-refs,.bm-refs span{font-size:11px!important;color:#7a7264!important}
.bm-ref-sweet{color:var(--pp-red)!important}
@media (max-width:640px){.marked-card{padding:22px 18px 10px}.marked-grade{right:16px}.marked-grade strong{font-size:36px}}
#builder .benchmark-card .bm-pill,#builder .bm-pill.bm-good,#builder .bm-pill.bm-warn,#builder .bm-pill.bm-neutral,.bm-pill[class]{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;font-family:var(--pp-hand,'Caveat',cursive)!important;color:var(--pp-red,#b8322a)!important;font-size:19px!important;text-transform:lowercase!important;font-style:normal!important}
#builder .marked-card p.marked-note,.marked-card .marked-note{font-family:var(--pp-hand,'Caveat',cursive)!important;color:var(--pp-red,#b8322a)!important;font-size:19px!important;font-style:normal!important;line-height:1.2!important;margin:3px 0 0!important}
#builder p.marked-meta,.review-summary .marked-meta{font-family:var(--pp-hand,'Caveat',cursive)!important;color:var(--pp-red,#b8322a)!important;font-size:21px!important;font-style:normal!important}
/* 11 Nov v2: easier hand, darker ink, red only means "fix this" */
:root{--note-hand:'Kalam','Caveat',cursive;--note-red:#8e2a21;--note-green:#3f6a33;--note-ink:#4a443b}
#builder .marked-card p.marked-note,.marked-card .marked-note{font-family:var(--note-hand)!important;font-size:16px!important;line-height:1.35!important;color:var(--note-ink)!important;cursor:default!important}
.marked-row[data-level=fix] .marked-note{color:var(--note-red)!important}
.marked-row[data-level=good] .marked-score{color:var(--note-green)}
.marked-row[data-level=fix] .marked-score{color:var(--note-red)}
.marked-row.has-more{cursor:pointer}
.marked-row.has-more:not(.open) .marked-note::after{content:'  more';font-family:Manrope,Arial,sans-serif;font-size:12px;color:#8a8273;text-decoration:underline}
.marked-grade{color:var(--note-red)}
.marked-more{margin:14px 0 6px;background:none;border:1px solid #cfc6b4;border-radius:999px;padding:7px 16px;font-size:14px;color:#2b2722;cursor:pointer}
.marked-more:hover{background:#f1ebde}
#builder p.marked-meta,.review-summary .marked-meta{font-family:var(--note-hand)!important;color:var(--note-ink)!important;font-size:17px!important;transform:none}
/* less red around the results */
#builder .review-summary .studio-eyebrow,#builder .next-take-focus .studio-eyebrow,#builder .benchmark-header .studio-eyebrow{color:#7a7264!important;font-family:Manrope,Arial,sans-serif!important;font-size:12px!important;letter-spacing:.14em!important;text-transform:uppercase!important;transform:none!important}
#builder .next-take-focus{border-left-color:#2b2722!important;background:#fbf8f1!important}
#builder .next-take-focus>p{font-family:var(--note-hand)!important;color:#2b2722!important;font-size:20px!important;line-height:1.35!important}
#builder .priority-actions .primary{background:#2b2722!important;border-color:#2b2722!important;color:#fff!important}
/* data: rough hand numbers, colour by status */
#builder .bm-value{font-family:var(--note-hand)!important;font-weight:700!important;font-size:30px!important}
#builder .bm-pill.bm-good,#builder .bm-pin.bm-good{color:var(--note-green)!important}
#builder .bm-pill.bm-neutral{color:var(--note-ink)!important}
#builder .bm-pill.bm-warn{color:var(--note-red)!important}
#builder .bm-pill{font-family:var(--note-hand)!important;font-size:16px!important}
#builder .bm-pin.bm-good{background:var(--note-green)!important}
#builder .bm-pin.bm-neutral{background:#2b2722!important}
#builder .bm-pin.bm-warn{background:var(--note-red)!important}
#builder .bm-sweet-zone{background:rgba(63,106,51,.35)!important}
#builder .bm-ref-sweet{color:var(--note-green)!important}
#builder .advanced-diagnostics>summary{display:inline-block;border:1px solid #cfc6b4;border-radius:999px;padding:8px 18px;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;color:#2b2722!important;cursor:pointer;list-style:none}
#builder .advanced-diagnostics>summary::-webkit-details-marker{display:none}
#builder .next-take-focus .priority-actions button.primary,#builder section.next-take-focus button.primary{background:#2b2722!important;border-color:#2b2722!important;color:#fff!important;box-shadow:none!important}
#builder details.advanced-diagnostics>summary,#builder .advanced-diagnostics summary{font-family:Manrope,Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:600!important}