/* Signal & Tide: completed records, room reflection, and campaign results. */
.automatic-debrief{max-width:1750px;margin:0 auto;padding:16px 0 30px}
.debrief-masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.debrief-masthead>.eyebrow{margin:0;font-size:12px;letter-spacing:2.2px}
.observation-number{font-size:11px;letter-spacing:2px;color:#81a8bc}
.automatic-debrief>h1{max-width:1400px;font-size:clamp(38px,3.7vw,68px);line-height:1.12;letter-spacing:-.04em;margin:0 0 34px}
.reflection-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(300px,1fr);gap:30px;align-items:stretch}
.reflection-layout:not(:has(.reflection-question)){grid-template-columns:1fr}
.beat-presenter{padding:36px 42px 40px;border:1px solid #3d6a80;border-radius:14px;background:radial-gradient(ellipse at 0 0,#1b4a5b88,transparent 70%),#0b293b;box-shadow:0 20px 70px #00131e35}
.beat-speaker{display:flex;align-items:center;gap:30px;margin-bottom:28px}
.beat-speaker .avatar-portrait{width:clamp(165px,12.5vw,235px);height:clamp(165px,12.5vw,235px);border-radius:18px;border:1px solid #528194;box-shadow:0 15px 40px #021b2966}
.beat-speaker strong{display:block;font-size:clamp(25px,2.2vw,40px);font-weight:600;letter-spacing:-.025em;color:#f3f8fa}
.beat-speaker>div>span{display:block;margin-top:10px;color:#35d4ed;font-size:12px;letter-spacing:2.5px;text-transform:uppercase}
.beat-presenter>.beat-text{font-size:clamp(24px,2vw,36px);line-height:1.52;color:#d7eaf2;margin:0;max-width:1150px;letter-spacing:-.012em}
.reflection-question{display:flex;flex-direction:column;align-items:start;padding:34px 32px;border:1px solid #665a4c;border-top:3px solid #ff8a48;border-radius:14px;background:linear-gradient(150deg,#263843,#102b3a);position:relative}
.reflection-mark{font-size:54px;color:#ff8a48;line-height:1;margin-bottom:35px;font-weight:300}
.reflection-question>.eyebrow{font-size:10px;letter-spacing:2px;color:#ffae7d;margin:0 0 16px}
.reflection-question>p:not(.eyebrow){font-size:clamp(25px,1.9vw,35px);line-height:1.4;letter-spacing:-.025em;margin:0 0 30px;color:#f1f7fa}
.reflection-question>small{font-size:12px;line-height:1.5;letter-spacing:.2px;color:#86a6b7;margin-top:auto}
.auto-run>.prediction-summary{display:grid;grid-template-columns:minmax(200px,.7fr) 1fr;gap:14px 30px;align-items:center;padding:22px 28px;margin:0 0 22px;border:1px solid #3a657a;border-radius:12px;background:linear-gradient(120deg,#123849,#0a2739)}
.auto-run>.prediction-summary>.eyebrow{font-size:11px;margin:0;max-width:320px}
.auto-run>.prediction-summary>p:not(.eyebrow){font-size:16px;line-height:1.5;margin:0;color:#9fc1d1}
.auto-run>.prediction-summary .prediction-shapes{justify-content:space-between;gap:30px}
.auto-run>.prediction-summary .prediction-shapes>div{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.auto-run>.prediction-summary .prediction-shapes strong{font-size:40px;letter-spacing:-1px}
.auto-run>.prediction-summary .prediction-shapes span{font-size:13px;max-width:110px;color:#aecbd8}
.auto-run>.prediction-summary>.history-table{margin:0}
.auto-run>.prediction-summary .history-table table{font-size:15px}
.auto-run>.prediction-summary .history-table td,.auto-run>.prediction-summary .history-table th{padding:10px 14px}
.auto-run>.replay-view{margin:0;padding:0}
.auto-run>.replay-view>.replay-heading{margin:0 0 20px;align-items:center}
.auto-run>.replay-view>.replay-heading h1{font-size:clamp(38px,3.6vw,64px);letter-spacing:-.045em;margin:5px 0 0}
.auto-run>.replay-view>.replay-heading .eyebrow{font-size:10px;letter-spacing:1.8px}
.auto-run>.replay-view .replay-select{display:flex;align-items:center;gap:14px}
.auto-run>.replay-view .replay-select label{font-size:11px;color:#8eafc0;letter-spacing:1.5px;text-transform:uppercase}
.auto-run>.replay-view .replay-select select{font-size:15px;min-width:155px;border-color:#3e667a;padding:11px 15px;background:#102e40}
.auto-run>.replay-view>.phase-guide{margin:0 0 22px;padding:24px 30px;gap:28px;min-height:185px;border:1px solid #3f6b80;border-left:3px solid #35d4ed;border-radius:10px;background:linear-gradient(110deg,#173d50,#0b2a3b)}
.auto-run>.replay-view>.phase-guide .avatar-portrait{width:clamp(140px,10vw,185px);height:clamp(140px,10vw,185px);border-radius:14px}
.auto-run>.replay-view>.phase-guide p{font-size:clamp(22px,1.8vw,32px);line-height:1.42;margin-top:10px}
.auto-run>.replay-view>.phase-guide .phase-speaker{font-size:20px;letter-spacing:0;color:#f1f8fb}
.auto-run>.replay-view>.phase-guide .phase-speaker small{font-size:10px;letter-spacing:2px;margin-top:6px}
.auto-run>.replay-view>.district-map,.auto-run>.replay-view .cannery-board,.auto-run>.replay-view .fishery-board{border-radius:12px;border-color:#3d7186;box-shadow:0 15px 50px #00152030}
.auto-run>.replay-view>.replay-chart{padding:18px 24px;margin-top:20px;background:#082536;border:1px solid #315a70;border-radius:10px}
.auto-run>.replay-view>.replay-chart>.eyebrow{font-size:10px;color:#86aebe;letter-spacing:1.6px}
.campaign-outro{max-width:1650px;margin:0 auto;padding-top:10px}
.campaign-outro>h1{font-size:clamp(42px,4vw,72px);letter-spacing:-.04em;margin:12px 0 28px}
.campaign-outro>.phase-guide{margin:0 0 28px;border:1px solid #42687b;border-radius:12px;padding:25px 30px;background:linear-gradient(110deg,#143b4d,#092737)}
.campaign-outro .campaign-scoreboard{margin-top:28px;border:1px solid #3c6376;border-radius:12px;background:#0b2a3a;padding:25px 30px}
.campaign-outro .campaign-scoreboard>summary{font-size:24px;font-weight:600;color:#e7f6fa;letter-spacing:-.4px;list-style-position:outside;margin-left:20px}
.campaign-outro .campaign-scoreboard>p{font-size:13px;max-width:1100px;color:#7da5b9;line-height:1.7}
.campaign-outro .campaign-scoreboard .history-table{margin:22px 0}
.campaign-outro .campaign-scoreboard th{font-size:12px;letter-spacing:.7px;color:#96bacb}
.campaign-outro .campaign-scoreboard td,.campaign-outro .campaign-scoreboard tbody th{font-size:18px;padding:20px 18px;line-height:1.5;border-bottom-color:#2a5066}
.campaign-outro .campaign-scoreboard tbody tr:first-child{background:#153f50}
.campaign-outro .campaign-scoreboard tbody tr:first-child>td:first-child{color:#ffbd79;font-weight:700}
.campaign-outro .campaign-scoreboard tbody th{color:#f0f8fb;font-weight:600}
.campaign-outro .campaign-scoreboard tbody td strong{color:#35d4ed;font-size:28px}
.campaign-outro .campaign-scoreboard td>span{display:block;font-size:13px;color:#b3d0dc}
@media(min-width:1100px) and (max-height:850px){.automatic-debrief{padding-top:4px}.debrief-masthead{margin-bottom:14px}.automatic-debrief>h1{font-size:44px;margin-bottom:24px}.reflection-layout{gap:22px;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr)}.beat-presenter{padding:25px 30px}.beat-speaker{gap:24px;margin-bottom:22px}.beat-speaker .avatar-portrait{width:150px;height:150px}.beat-speaker strong{font-size:30px}.beat-presenter>.beat-text{font-size:25px;line-height:1.5}.reflection-question{padding:26px}.reflection-mark{font-size:44px;margin-bottom:24px}.reflection-question>p:not(.eyebrow){font-size:25px}.auto-run>.prediction-summary{padding:15px 22px;margin-bottom:16px}.auto-run>.replay-view>.replay-heading{margin-bottom:14px}.auto-run>.replay-view>.replay-heading h1{font-size:40px}.auto-run>.replay-view>.phase-guide{padding:18px 24px;min-height:155px;margin-bottom:16px}.auto-run>.replay-view>.phase-guide .avatar-portrait{width:125px;height:125px}.auto-run>.replay-view>.phase-guide p{font-size:23px}.campaign-outro>h1{font-size:45px;margin-bottom:20px}.campaign-outro .campaign-scoreboard{padding:20px 25px;margin-top:20px}.campaign-outro .campaign-scoreboard td,.campaign-outro .campaign-scoreboard tbody th{padding:14px 16px;font-size:16px}.campaign-outro .campaign-scoreboard>summary{font-size:22px}}
@media(max-width:1099px){.reflection-layout{grid-template-columns:1fr}.reflection-question{min-height:220px}.reflection-mark{margin-bottom:20px}.auto-run>.prediction-summary{grid-template-columns:1fr}.campaign-outro .campaign-scoreboard{padding:20px}.campaign-outro .campaign-scoreboard td,.campaign-outro .campaign-scoreboard tbody th{font-size:15px;padding:15px}}
@media(max-width:600px){.debrief-masthead{align-items:start;gap:15px}.observation-number{font-size:9px;letter-spacing:1px}.debrief-masthead>.eyebrow{font-size:9px}.automatic-debrief>h1{font-size:36px;margin-bottom:24px}.beat-presenter{padding:23px}.beat-speaker{gap:20px}.beat-speaker .avatar-portrait{width:110px;height:110px}.beat-speaker strong{font-size:24px}.beat-speaker>div>span{font-size:9px;letter-spacing:1.5px}.beat-presenter>.beat-text{font-size:23px;line-height:1.5}.reflection-question>p:not(.eyebrow){font-size:25px}.auto-run>.replay-view>.phase-guide{padding:18px;gap:16px}.auto-run>.replay-view>.phase-guide .avatar-portrait{width:95px;height:95px}.auto-run>.replay-view>.phase-guide p{font-size:19px}.auto-run>.replay-view>.phase-guide .phase-speaker{font-size:17px}.auto-run>.replay-view>.replay-heading{align-items:start}.auto-run>.replay-view>.replay-heading h1{font-size:34px}.auto-run>.replay-view .replay-select{display:grid;gap:6px}.auto-run>.replay-view .replay-select select{min-width:100px;max-width:130px}.auto-run>.prediction-summary .prediction-shapes{gap:12px}.auto-run>.prediction-summary .prediction-shapes>div{display:flex;flex-direction:column;align-items:start;gap:5px}.auto-run>.prediction-summary .prediction-shapes span{font-size:11px}.campaign-outro .campaign-scoreboard>summary{font-size:19px}.campaign-outro>h1{font-size:39px}}

/* Reveal and feelings questions hold the harbor before any recorded data appears. */
.replay-question{position:relative;isolation:isolate;display:grid;align-items:center;min-height:calc(100svh - 195px);padding:55px 5vw;border:1px solid #3d6579;border-radius:16px;overflow:hidden;background:linear-gradient(90deg,#061c2bf2,#0c263bd9),url('/assets/harbor.png') center 48%/cover no-repeat;box-shadow:inset 0 0 150px #03132370}
.replay-question:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#051929cc,transparent 65%),radial-gradient(ellipse at 85% 15%,#b27a4930,transparent 60%);pointer-events:none}
.replay-question>.phase-guide{display:flex;align-items:center;gap:5vw;padding:0;margin:0;border:0;background:transparent;min-height:0}
.replay-question .phase-guide .avatar-portrait{width:clamp(220px,22vw,370px);height:clamp(220px,22vw,370px);border:1px solid #6a93a3;border-radius:24px;box-shadow:0 24px 80px #000a}
.replay-question .phase-speaker{font-size:clamp(22px,1.8vw,32px);color:#f0f8fc;letter-spacing:-.3px;margin-bottom:28px}
.replay-question .phase-speaker small{margin-top:9px;font-size:12px;letter-spacing:2.5px;color:#35d4ed}
.replay-question .phase-guide p{font-size:clamp(30px,3vw,52px);line-height:1.4;letter-spacing:-.025em;max-width:1080px;margin:0;color:#eff7fa;text-wrap:pretty}
@media(min-width:1100px) and (max-height:850px){.replay-question{min-height:calc(100svh - 165px);padding:40px 4vw}.replay-question .phase-guide .avatar-portrait{width:240px;height:240px}.replay-question .phase-guide p{font-size:36px}.replay-question .phase-speaker{margin-bottom:20px}}
@media(max-width:700px){.replay-question{min-height:70svh;padding:30px 24px}.replay-question>.phase-guide{flex-direction:column;align-items:start;gap:28px}.replay-question .phase-guide .avatar-portrait{width:160px;height:160px}.replay-question .phase-guide p{font-size:28px}.replay-question .phase-speaker{margin-bottom:18px}}

/* All five guesses remain visible without squeezing the summary into one column. */
.auto-run>.prediction-summary:has(.prediction-shapes){grid-template-columns:minmax(0,1fr)}
.auto-run>.prediction-summary .prediction-shapes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;min-width:0}
.auto-run>.prediction-summary .prediction-shapes>div{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:7px;min-width:0}
.auto-run>.prediction-summary .prediction-shapes span{max-width:none;overflow-wrap:anywhere;font-size:14px;line-height:1.4}
@media(max-width:700px){.auto-run>.prediction-summary .prediction-shapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.auto-run>.prediction-summary .prediction-shapes span{font-size:13px}}
@media(max-width:420px){.auto-run>.prediction-summary .prediction-shapes{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* "What happened" on a 1920x1080 TV (playtest 2): the presenter, the prediction summary and the heading are compact,
   so the board and its chart end above the footer instead of running off the bottom edge. */
@media(min-width:1100px) and (orientation:landscape){
.auto-run>.replay-view>.replay-heading{margin:0 0 10px}
.auto-run>.replay-view>.replay-heading h1{font-size:clamp(36px,2.8vw,52px)}
.auto-run>.replay-view>.phase-guide{padding:12px 22px;gap:20px;min-height:0;margin:0 0 12px}
.auto-run>.replay-view>.phase-guide .avatar-portrait{width:92px;height:92px;border-radius:12px}
.auto-run>.replay-view>.phase-guide p{font-size:clamp(20px,1.5vw,28px);line-height:1.35;margin-top:4px}
.auto-run>.replay-view>.phase-guide .phase-speaker{font-size:17px}
.auto-run>.prediction-summary{padding:12px 24px;margin:0 0 12px;gap:8px 30px}
.auto-run>.prediction-summary .history-table td,.auto-run>.prediction-summary .history-table th{padding:5px 14px}
.auto-run>.prediction-summary .prediction-shapes strong{font-size:32px}
.auto-run>.replay-view>.replay-chart{padding:10px 20px;margin-top:12px}
.auto-run>.replay-view .replay-chart svg{height:110px}
}

/* Auto-debrief charts and motion: all animation timing follows the stable beat elapsed clock. */
.reflection-layout:has(>.debrief-chart-card){display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);grid-template-areas:"presenter reflection" "chart reflection";gap:20px 26px;align-items:stretch}
.reflection-layout:has(>.debrief-chart-card):not(:has(>.reflection-question)){grid-template-columns:minmax(0,1fr);grid-template-areas:"presenter" "chart"}
.reflection-layout:has(>.debrief-chart-card)>.beat-presenter{grid-area:presenter;min-width:0}
.reflection-layout:has(>.debrief-chart-card)>.debrief-chart-card{grid-area:chart;min-width:0;margin:0;padding:18px 22px;border:1px solid #3d6a80;border-radius:14px;background:linear-gradient(135deg,#103448,#092536);box-shadow:0 12px 36px #00131e30}
.reflection-layout:has(>.debrief-chart-card)>.reflection-question{grid-area:reflection;min-width:0}
.debrief-chart-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 8px}
.debrief-chart-heading h2{font-size:clamp(22px,1.8vw,30px);line-height:1.2;margin:0;color:#f3f8fa}
.debrief-chart-unit{font-size:20px;color:#9fc1d1;line-height:1.35}
.debrief-chart-svg{display:block;width:100%;height:auto;overflow:visible}
.debrief-chart-svg text{font-family:Arial,Helvetica,sans-serif}
.debrief-chart-svg .chart-axis,.debrief-chart-svg .chart-label{font-size:30px;fill:#a9c4d0}
.debrief-chart-svg .chart-value{font-size:32px;font-weight:700;fill:#f3f8fa}.debrief-count{font-size:clamp(24px,2.5vw,42px);font-weight:700;color:#f3f8fa;font-variant-numeric:tabular-nums}
.debrief-chart-svg .chart-guide{stroke:#31566a;stroke-width:2;stroke-dasharray:5 8;vector-effect:non-scaling-stroke}
.debrief-chart-svg .chart-line{fill:none;stroke:#35d4ed;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.debrief-chart-svg .chart-bar{fill:#35d4ed;transform-box:fill-box;transform-origin:left center}.debrief-chart-svg rect.chart-guide{fill:#071d2b}.debrief-chart-svg .debrief-count{font-size:32px}.debrief-metrics{display:flex;flex-wrap:wrap;gap:12px 20px;margin:12px 0 6px}.debrief-metric{display:grid;gap:3px;min-width:130px}.debrief-metric>span{font-size:20px;line-height:1.3;color:#a9c4d0}.debrief-metric>strong{font-size:clamp(24px,2vw,36px);line-height:1.1;color:#f3f8fa}.debrief-metric>strong .debrief-count{font-size:inherit}
@keyframes debrief-settle{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes debrief-line-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes debrief-bar-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.automatic-debrief[data-debrief-motion="running"] .beat-presenter,.automatic-debrief[data-debrief-motion="running"] .reflection-question,.automatic-debrief[data-debrief-motion="running"] .debrief-chart-card{animation:debrief-settle 650ms ease-out var(--debrief-elapsed,0ms) both}
.automatic-debrief[data-debrief-motion="running"] .debrief-chart-svg .chart-line{stroke-dasharray:1;stroke-dashoffset:1;animation:debrief-line-draw 1800ms cubic-bezier(.2,.65,.3,1) var(--debrief-elapsed,0ms) both}
.automatic-debrief[data-debrief-motion="running"] .debrief-chart-svg .chart-bar{transform:scaleX(0);animation:debrief-bar-grow 1800ms cubic-bezier(.2,.65,.3,1) var(--debrief-elapsed,0ms) both}
.automatic-debrief[data-debrief-motion="complete"] .debrief-chart-svg .chart-line,.automatic-debrief[data-debrief-motion="static"] .debrief-chart-svg .chart-line{stroke-dasharray:none!important;stroke-dashoffset:0!important}
.automatic-debrief[data-debrief-motion="complete"] .debrief-chart-svg .chart-bar,.automatic-debrief[data-debrief-motion="static"] .debrief-chart-svg .chart-bar{transform:scaleX(1)!important}
@media(max-width:1099px){.reflection-layout:has(>.debrief-chart-card){grid-template-columns:minmax(0,1fr);grid-template-areas:"presenter" "chart" "reflection"}.reflection-layout:has(>.debrief-chart-card)>.debrief-chart-card{padding:16px 18px}}
@media(max-width:700px){
  body:has(.automatic-debrief){height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
  body:has(.automatic-debrief)>header{flex:0 0 auto}
  body:has(.automatic-debrief)>main#app{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;margin:0;padding:16px 16px 24px}
  body:has(.automatic-debrief)>footer{flex:0 0 auto;margin-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  body:has(.automatic-debrief) .hub-back{top:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:10px;transform:none}
  body:has(.automatic-debrief) .sound-gear{bottom:calc(14px + env(safe-area-inset-bottom,0px))}
  body:has(.automatic-debrief) .sound-panel{bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  .automatic-debrief{max-width:none;padding:0 0 24px}
  .automatic-debrief>h1{font-size:clamp(32px,8vw,36px);line-height:1.08;margin-bottom:20px;letter-spacing:-.035em}
  .reflection-layout:has(>.debrief-chart-card){grid-template-columns:minmax(0,1fr);grid-template-areas:"presenter" "chart" "reflection";gap:16px}
  .reflection-layout:has(>.debrief-chart-card)>.debrief-chart-card{padding:14px 14px;margin:0}
  .debrief-chart-heading{align-items:start;flex-direction:column;gap:4px}
  .debrief-chart-heading h2{font-size:22px}
  .debrief-chart-unit{font-size:16px}
  .debrief-chart-svg .chart-axis,.debrief-chart-svg .chart-label{font-size:42px}
  .debrief-chart-svg .chart-value{font-size:46px}.debrief-chart-svg .debrief-count{font-size:46px}.debrief-metrics{gap:8px 12px;margin:8px 0 4px}.debrief-metric{min-width:0;flex:1 1 120px}.debrief-metric>span{font-size:15px}.debrief-metric>strong{font-size:24px}
  .reflection-question{min-height:0;padding:24px 20px 28px}
  .reflection-mark{font-size:42px;margin-bottom:18px}
  .reflection-question>p:not(.eyebrow){font-size:clamp(22px,6vw,25px);line-height:1.35;margin-bottom:22px}
  .reflection-question>small{margin-top:0}
}
body.motion-off .automatic-debrief .beat-presenter,body.motion-off .automatic-debrief .reflection-question,body.motion-off .automatic-debrief .debrief-chart-card{animation:none!important;opacity:1;transform:none}
body.motion-off .automatic-debrief .debrief-chart-svg .chart-line{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}
body.motion-off .automatic-debrief .debrief-chart-svg .chart-bar{animation:none!important;transform:scaleX(1)!important}
@media(prefers-reduced-motion:reduce){.automatic-debrief .beat-presenter,.automatic-debrief .reflection-question,.automatic-debrief .debrief-chart-card{animation:none!important;opacity:1;transform:none}.automatic-debrief .debrief-chart-svg .chart-line{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}.automatic-debrief .debrief-chart-svg .chart-bar{animation:none!important;transform:scaleX(1)!important}}
@media(min-width:1100px) and (max-height:850px){
  .reflection-layout:has(>.debrief-chart-card)>.beat-presenter{padding:16px 20px}
  .reflection-layout:has(>.debrief-chart-card)>.beat-presenter .beat-speaker{gap:18px;margin-bottom:14px}
  .reflection-layout:has(>.debrief-chart-card)>.beat-presenter .beat-speaker .avatar-portrait{width:112px;height:112px}
  .reflection-layout:has(>.debrief-chart-card)>.beat-presenter .beat-speaker strong{font-size:26px}
  .reflection-layout:has(>.debrief-chart-card)>.beat-presenter>.beat-text{font-size:22px;line-height:1.38}
  .reflection-layout:has(>.debrief-chart-card)>.debrief-chart-card{padding:12px 18px}
  .reflection-layout:has(>.debrief-chart-card)>.reflection-question{padding:20px 22px}
  .reflection-layout:has(>.debrief-chart-card) .reflection-mark{font-size:40px;margin-bottom:18px}
  .reflection-layout:has(>.debrief-chart-card) .reflection-question>p:not(.eyebrow){font-size:24px;line-height:1.35;margin-bottom:18px}
}
@media(min-width:1100px) and (min-height:851px){
  .reflection-layout:has(>.debrief-chart-card)>.beat-presenter{padding:24px 30px}
  .reflection-layout:has(>.debrief-chart-card)>.beat-presenter .beat-speaker{gap:18px;margin-bottom:16px}
  .reflection-layout:has(>.debrief-chart-card)>.beat-presenter .beat-speaker .avatar-portrait{width:180px;height:180px}
  .reflection-layout:has(>.debrief-chart-card)>.beat-presenter .beat-speaker strong{font-size:30px}
  .reflection-layout:has(>.debrief-chart-card)>.beat-presenter>.beat-text{font-size:30px;line-height:1.4}
  .reflection-layout:has(>.debrief-chart-card)>.debrief-chart-card{padding:16px 22px}
  .reflection-layout:has(>.debrief-chart-card) .debrief-chart-svg{height:230px}
}
@media(min-width:1100px) and (max-height:850px){
  .reflection-layout:has(>.debrief-chart-card)>.debrief-chart-card{padding:8px 14px}
  .debrief-chart-heading{margin-bottom:5px}
  .debrief-metrics{gap:6px 14px;margin:6px 0 2px}
  .debrief-metric{gap:2px}
  .reflection-layout:has(>.debrief-chart-card) .debrief-chart-svg{height:165px}
  .debrief-chart-svg .chart-axis,.debrief-chart-svg .chart-label{font-size:34px}
  .debrief-chart-svg .chart-value,.debrief-chart-svg .debrief-count{font-size:36px}
}