@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;450;500;600;700&display=swap');
:root {
  --blue:#304DCE;
  --ink:#20231f;
  --muted:#666b67;
  --line:#d9dcd6;
  --paper:#fff;
  --wash:#f5f6f2;
  font-family:'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;
  color:var(--ink);
  background:var(--paper);
  font-synthesis:none;
  scroll-behavior:smooth;
  scroll-padding-top:90px
}
* {
  box-sizing:border-box
}
body {
  margin:0
}
h1,h2,h3,p {
  margin:0
}
p {
  line-height:1.6
}
a {
  color:inherit;
  text-decoration:none
}
button,input,textarea,select {
  font:inherit
}
button,a,input,select,textarea {
  -webkit-tap-highlight-color:transparent
}
button {
  cursor:pointer
}
button:disabled {
  opacity:.5;
  cursor:wait
}
[hidden] {
  display:none!important
}
:focus-visible {
  outline:3px solid #8b9eed;
  outline-offset:5px
}
.skip-link {
  position:fixed;
  top:-80px;
  left:20px;
  background:white;
  padding:15px;
  z-index:30
}
.skip-link:focus {
  top:10px
}
.site-header {
  height:88px;
  padding:0 4.5%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
  position:sticky;
  top:0;
  background:#fffffff5;
  z-index:10
}
.brand {
  font-weight:600;
  font-size:25px;
  letter-spacing:-1.3px;
  display:flex;
  align-items:center;
  gap:10px
}
.brand-tagline {
  flex:1;
  padding:0 24px;
  text-align:center;
  font-size:13px;
  font-weight:400;
  letter-spacing:0;
  line-height:1.4;
  color:var(--muted)
}
.site-logo {
  display:block;
  width:76px;
  height:76px;
  object-fit:contain;
}
nav {
  display:flex;
  gap:34px;
  font-size:13px
}
nav a {
  padding:12px 0;
  border-bottom:2px solid transparent
}
nav a:hover,nav a[aria-current] {
  color:var(--blue);
  border-color:var(--blue)
}
.eyebrow {
  font-size:11px;
  font-weight:500;
  letter-spacing:1.6px
}
.hero {
  padding:32px 4.5% 0;
  min-height:calc(100svh - 88px);
  display:flex;
  flex-direction:column;
  position:relative
}
.hero-meta {
  display:flex;
  justify-content:space-between
}
.hero-meta>span,.edition {
  font-size:10px;
  letter-spacing:1px
}
.hero h1 {
  font-size:clamp(85px,12.4vw,200px);
  font-weight:500;
  letter-spacing:-.075em;
  line-height:.94;
  margin:65px 0 50px;
  position:relative
}
.hero h1>span:first-of-type {
  color:var(--blue)
}
.hero-bottom {
  display:grid;
  grid-template-columns:1fr 1.35fr 1fr;
  align-items:end;
  gap:25px;
  margin-top:auto;
  padding-bottom:35px
}
.hero-bottom p {
  font-size:18px;
  line-height:1.45
}
.hero-bottom p span {
  font-size:13px;
  color:var(--muted)
}
.edition {
  line-height:1.8
}
.text-link {
  display:flex;
  justify-content:space-between;
  gap:40px;
  border-bottom:1px solid currentColor;
  padding:15px 0;
  font-size:14px
}
.text-link span {
  font-size:24px;
  line-height:1
}
.hero-rule {
  height:12px;
  background:var(--blue);
  margin:0 -4.95%
}
.manifesto {
  background:var(--blue);
  color:white;
  padding:70px 7% 90px;
  display:grid;
  grid-template-columns:1fr;
  text-align:center;
  justify-items:center;
  gap:40px
}
.manifesto>.eyebrow {
  grid-column:1/-1
}
.manifesto h2 {
  font-size:clamp(45px,6.6vw,100px);
  font-weight:450;
  letter-spacing:-.055em;
  line-height:1.05
}
.manifesto h2 span {
  color:#c8d1ff
}
.manifesto-aside {
  max-width:290px;
  justify-self:end;
  align-self:end
}
.manifesto-aside p {
  font-size:14px;
  margin-top:24px
}
.chapter {
  padding:100px 4.5%
}
.chapter-heading {
  display:grid;
  grid-template-columns:1fr 1.7fr;
  gap:26px;
  margin-bottom:48px
}
.chapter-heading>.eyebrow {
  grid-column:1/-1;
  color:var(--blue)
}
.chapter-heading h2 {
  font-size:clamp(42px,5.5vw,80px);
  line-height:1.03;
  letter-spacing:-.055em;
  font-weight:500
}
.chapter-heading>p:last-child {
  justify-self:end;
  align-self:end;
  font-size:14px
}
.workspace {
  border:1px solid var(--line)
}
.workspace-bar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid var(--line);
  padding:0 28px
}
.workspace-title {
  color:var(--blue);
  border-bottom:3px solid var(--blue);
  padding:20px 0
}
.workspace-label,.panel-heading span {
  font-size:9px;
  letter-spacing:1px;
  color:var(--muted)
}
.document-grid {
  display:grid;
  grid-template-columns:1.3fr 1fr
}
.document-input {
  padding:30px;
  border-right:1px solid var(--line)
}
.panel-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:28px;
  gap:12px
}
.panel-heading h3 {
  font-size:17px;
  font-weight:500
}
.document-feedback {
  background:var(--wash);
  padding:38px
}
.document-feedback>.eyebrow {
  color:var(--blue);
  margin-bottom:40px
}
.document-feedback h3 {
  font-size:32px;
  line-height:1.15;
  letter-spacing:-1px;
  font-weight:450;
  margin-bottom:25px
}
.document-feedback>p:not(.eyebrow) {
  font-size:14px;
  color:var(--muted)
}
label {
  display:block;
  font-size:12px;
  font-weight:500;
  margin:0 0 10px
}
input,select,textarea {
  width:100%;
  background:white;
  border:1px solid var(--line);
  border-radius:0;
  padding:14px;
  color:var(--ink);
  font-size:14px
}
textarea {
  resize:vertical;
  line-height:1.65;
  display:block
}
textarea::placeholder,input::placeholder {
  color:#787c76
}
input:focus,select:focus,textarea:focus {
  border-color:var(--blue)
}
button {
  border:1px solid var(--blue);
  border-radius:0;
  padding:14px 22px;
  background:var(--blue);
  color:white;
  font-size:13px;
  min-height:46px;
  transition:background .2s
}
button:hover:not(:disabled) {
  background:#243ba4
}
.quiet {
  background:transparent;
  color:var(--blue);
  border-color:var(--line)
}
.quiet:hover:not(:disabled) {
  background:#e8ecfb
}
.action-row {
  display:flex;
  gap:12px;
  margin-top:20px
}
.help {
  font-size:11px;
  color:var(--muted);
  line-height:1.6;
  margin:12px 0 20px
}
.upload-label {
  display:flex;
  justify-content:space-between;
  font-size:15px
}
input[type=file] {
  border-style:dashed;
  background:var(--wash);
  font-size:12px
}
input::file-selector-button {
  border:0;
  background:transparent;
  color:var(--blue);
  font:inherit;
  margin-right:12px;
  cursor:pointer
}
.answer-feedback section {
  border-top:1px solid var(--line);
  padding:16px 0;
  overflow-wrap:anywhere;
}
.answer-feedback h3 { margin:0 0 8px; font-size:16px; }
.answer-feedback p, .answer-feedback blockquote { margin:0; white-space:pre-wrap; }
.answer-feedback blockquote { border-left:3px solid var(--blue); padding-left:16px; }
.feedback-copy {
  white-space:pre-wrap;
  font-size:14px;
  line-height:1.8;
  overflow-wrap:anywhere;
  margin-top:20px
}
.feedback-copy:not(:empty) {
  border-top:1px solid var(--line);
  padding-top:20px
}
[role=status]:empty {
  display:none
}
[role=status]:not(:empty) {
  font-size:13px;
  padding:15px 0;
  color:var(--blue);
  white-space:pre-wrap;
  overflow-wrap:anywhere
}
.pitch-chapter {
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9%;
  background:var(--wash)
}
.pitch-title>.eyebrow {
  color:var(--blue)
}
.pitch-title h2 {
  font-size:clamp(60px,7vw,110px);
  letter-spacing:-.065em;
  line-height:1;
  margin:35px 0
}
.pitch-title h2 span {
  color:var(--blue)
}
.pitch-title>p:not(.eyebrow) {
  font-size:14px
}
.pitch-workspace {
  align-self:center
}
.two-fields {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:26px
}
.writing-meta {
  display:flex;
  justify-content:space-between;
  color:var(--muted);
  font-size:10px;
  margin:12px 0 25px
}
.interview-intro {
  background:var(--blue);
  color:white;
  padding:70px 7% 50px
}
.interview-intro h2 {
  font-weight:450;
  font-size:clamp(55px,8.5vw,125px);
  letter-spacing:-.06em;
  line-height:1;
  margin:40px 0
}
.interview-intro-bottom {
  display:flex;
  align-items:end;
  gap:50px
}
.interview-intro-bottom p {
  font-size:14px
}
.room-label {
  margin-left:auto;
  font-size:10px;
  letter-spacing:1px
}
.interview-workspace {
  max-width:1000px;
  margin:0 auto;
  padding:65px 40px 90px
}
#setup-form {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px
}
.full-width,#setup-form>[role=status] {
  grid-column:1/-1
}
.form-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
  padding-bottom:25px
}
.form-heading .eyebrow {
  color:var(--blue);
  margin-bottom:12px
}
.form-heading h2,#results-screen h2 {
  font-size:38px;
  letter-spacing:-1.5px;
  font-weight:450
}
.optional {
  color:var(--muted);
  margin-left:8px;
  font-weight:400
}
.start-action {
  display:flex;
  justify-content:space-between;
  align-items:center
}
.start-action .help {
  margin:0
}
#interview-screen {
  display:grid;
  gap:22px
}
#interview-screen>button {
  justify-self:start
}
.session-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px
}
.session-top>div {
  display:flex;
  gap:8px
}
#interview-screen h2 {
  font-size:16px;
  font-weight:400;
  color:var(--muted)
}
#question-text {
  font-size:clamp(24px,3.4vw,42px);
  line-height:1.3;
  letter-spacing:-1px;
  padding:18px 0 30px;
  border-bottom:1px solid var(--line)
}
details {
  font-size:12px
}
summary {
  cursor:pointer;
  padding:10px 0
}
#results-screen>p,#results-screen>button {
  margin-top:20px
}
#answers-list article {
  border-top:1px solid var(--line);
  padding:25px 0
}
#answers-list h3 {
  font-size:13px;
  color:var(--blue);
  margin-bottom:15px
}
#answers-list p {
  font-size:14px;
  margin-top:10px
}
audio {
  max-width:100%;
  margin-top:15px
}
.closing {
  border-top:1px solid var(--line);
  padding:70px 7%;
  position:relative
}
.closing h2 {
  font-size:clamp(80px,13vw,180px);
  line-height:.95;
  letter-spacing:-.065em;
  font-weight:500;
  margin-top:35px
}
.closing h2 span {
  color:var(--blue)
}
.closing .text-link {
  position:absolute;
  right:7%;
  bottom:75px;
  width:220px
}
footer {
  margin:0 4.5%;
  padding:28px 0;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px
}
footer p,footer>span {
  font-size:11px;
  color:var(--muted)
}
body.focus-mode .site-header,body.focus-mode main>section:not(#interview),body.focus-mode .interview-intro,body.focus-mode footer {
  display:none
}
body.focus-mode .interview-workspace {
  min-height:100svh;
  padding-top:40px
}
@media(min-width:900px) {
  @supports(animation-timeline:view()) {
    .hero-rule {
      transform-origin:left;
      animation:expand linear both;
      animation-timeline:view();
      animation-range:entry 0% entry 100%
    }
    @keyframes expand {
      from {
        transform:scaleX(.3)
      }
      to {
        transform:scaleX(1)
      }
    }
  }
}
@media(max-width:750px) {
  :root {
    scroll-padding-top:105px
  }
  .site-header {
    height:auto;
    min-height:98px;
    align-items:start;
    padding:15px 5%;
    gap:15px;
    flex-direction:column
  }
  .brand {
    font-size:22px
  }
  .brand-tagline {
    flex:none;
    width:100%;
    padding:0;
  }
  nav {
    width:100%;
    justify-content:space-between;
    gap:16px
  }
  nav a {
    font-size:12px;
    padding:3px 0
  }
  .hero {
    min-height:660px;
    padding:25px 5% 0
  }
  .hero-meta>span {
    display:none
  }
  .hero h1 {
    font-size:clamp(67px,14vw,110px);
    margin-top:65px;
    letter-spacing:-.07em
  }
  .hero-bottom {
    grid-template-columns:1fr;
    gap:25px
  }
  .hero-bottom .edition {
    display:none
  }
  .hero-bottom p {
    font-size:16px
  }
  .hero-bottom .text-link {
    max-width:280px
  }
  .hero-rule {
    margin:0 -5.56%
  }
  .manifesto {
    padding:45px 6%;
    grid-template-columns:1fr;
    gap:30px
  }
  .manifesto-aside {
    justify-self:start;
    max-width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px
  }
  .manifesto-aside p {
    font-size:12px;
    margin:0
  }
  .chapter {
    padding:65px 5%
  }
  .chapter-heading {
    grid-template-columns:1fr;
    gap:20px
  }
  .chapter-heading>p:last-child {
    justify-self:start
  }
  .workspace-bar {
    padding:0 18px
  }
  .workspace-label {
    display:none
  }
  .document-grid {
    grid-template-columns:1fr
  }
  .document-input {
    border-right:0;
    padding:22px
  }
  .document-feedback {
    padding:28px 22px;
    border-top:1px solid var(--line)
  }
  .document-feedback>.eyebrow {
    margin-bottom:25px
  }
  .pitch-chapter {
    grid-template-columns:1fr;
    gap:35px
  }
  .pitch-title h2 {
    margin:25px 0
  }
  .interview-intro {
    padding:50px 6%
  }
  .interview-intro-bottom {
    gap:25px
  }
  .room-label {
    display:none
  }
  .interview-workspace {
    padding:35px 5% 60px
  }
  #setup-form {
    grid-template-columns:1fr
  }
  .form-heading {
    display:block
  }
  .form-heading .help {
    display:block;
    margin-bottom:0
  }
  .start-action {
    display:block
  }
  .start-action button {
    margin-top:20px;
    width:100%
  }
  .session-top {
    align-items:start;
    flex-direction:column
  }
  .closing {
    padding:55px 6%
  }
  .closing .text-link {
    position:static;
    margin-top:40px;
    width:220px
  }
  footer {
    flex-wrap:wrap
  }
  footer>span {
    width:100%
  }
  .two-fields {
    gap:10px
  }
  .panel-heading span {
    display:none
  }
}
@media(prefers-reduced-motion:reduce) {
  :root {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important
  }
}

.hero-title {
  position:relative;
}
.hero-logo {
  position:absolute;
  right:2%;
  top:50%;
  transform:translateY(-50%);
  width:18%;
  height:85%;
  overflow:visible;
  pointer-events:none;
}
.hero-logo img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 65%;
  transform:scale(1.8);
  transform-origin:50% 65%;
}
@media (max-width:750px) {
  .hero-title h1 {
    font-size:clamp(42px,10.5vw,79px);
  }
  .hero-logo {
    right:0;
    width:20%;
    height:75%;
  }
}

.hero-logo-image {
  width:100%;
  height:100%;
  overflow:hidden;
}
.assistant-caption {
  display:block;
  margin-top:8px;
  font-size:11px;
  font-weight:400;
  letter-spacing:0;
  line-height:1.4;
  color:var(--muted);
  text-align:center;
}

/* The call and device setup are scoped to Mock Interview. */
.mock-preflight {
  display:grid;
  grid-template-columns:200px 1fr;
  gap:24px;
  border-top:1px solid var(--line);
  padding-top:24px;
}
.mock-preflight-portrait { align-self:start; }
.mock-preflight-portrait img { display:block; width:100%; height:auto; }
.mock-preflight h3 { font-size:24px; margin:10px 0; }
.mock-preflight p { line-height:1.6; }
.mock-device-tests { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.mock-device-tests button { padding:10px 12px; font-size:12px; }
#mock-pre-video { width:180px; max-width:100%; aspect-ratio:16/10; object-fit:cover; transform:scaleX(-1); }
#mock-mic-level { display:block; width:100%; margin:10px 0; }
#mock-call {
  width:100vw; max-width:none; height:100dvh; max-height:none;
  margin:0; padding:24px 32px 0; border:0;
  background:#111419; color:#fff;
  grid-template-rows:auto minmax(220px,1fr) auto auto auto;
  overflow:auto;
}
#mock-call[open] { display:grid; }
#mock-call::backdrop { background:#111419; }
#mock-call button { background:#252a33; color:#fff; border:1px solid #626c7c; padding:12px 18px; font-size:13px; }
#mock-call button:hover { background:#384253; }
#mock-call button:focus-visible, #mock-call summary:focus-visible { outline:3px solid #a8b8ff; outline-offset:3px; }
#mock-call button:disabled { opacity:.45; cursor:default; }
.mock-call-header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:20px; }
.mock-call-header .eyebrow { color:#b2bcda; font-size:10px; }
.mock-call-header>div:first-child { min-width:0; }
.mock-call-header h2 { overflow-wrap:anywhere; font-size:clamp(18px,2vw,28px); font-weight:450; margin-top:8px; letter-spacing:-.03em; }
.mock-session-meta { display:flex; gap:24px; color:#c9d0dc; font-size:12px; }
#mock-timer { font-variant-numeric:tabular-nums; }
.mock-stage { position:relative; min-height:220px; overflow:hidden; background:#20252d; display:flex; align-items:center; justify-content:center; border:1px solid #353c48; }
#mock-interviewer { display:block; width:100%; height:100%; max-height:60dvh; object-fit:contain; }
.mock-stage.is-speaking #mock-interviewer { animation:mock-speaking 1.5s ease-in-out infinite; }
@keyframes mock-speaking { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-3px); } }
.mock-nameplate { position:absolute; left:20px; bottom:18px; padding:8px 12px; background:#111419e8; font-size:13px; }
.mock-nameplate span { display:block; margin-top:3px; font-size:10px; color:#c4cce0; }
.mock-self { position:absolute; top:20px; right:20px; width:clamp(100px,18vw,240px); aspect-ratio:16/11; background:#15191f; border:1px solid #687386; }
.mock-self video { width:100%; height:100%; object-fit:cover; transform:scaleX(-1); }
#mock-camera-off { display:grid; place-content:center; text-align:center; height:100%; font-size:11px; color:#bbc4d3; gap:8px; }
#mock-camera-off { padding-bottom:22px; }
#mock-camera-off>span { font-size:18px; letter-spacing:.12em; }
.mock-self-label { position:absolute; bottom:6px; left:8px; font-size:10px; background:#111419dd; padding:3px 5px; max-width:calc(100% - 16px); }
.mock-captions { position:absolute; bottom:90px; left:50%; transform:translateX(-50%); width:max-content; max-width:75%; text-align:center; padding:12px 18px; background:#101319ed; color:white; font-size:clamp(16px,1.8vw,24px); line-height:1.45; border-radius:3px; }
.mock-turn { display:flex; align-items:center; gap:14px; padding:18px 0 12px; }
.mock-turn>div:first-child { flex:1; font-size:14px; }
.mock-state-dot { display:inline-block; width:7px; height:7px; margin-right:10px; background:#a7b3cb; border-radius:50%; }
#mock-call[data-state="user_speaking"] .mock-state-dot { background:#7ed3a7; }
#mock-call[data-state="ai_speaking"] .mock-state-dot { background:#8ca6ff; }
#mock-call #mock-state { color:#e1e7f3; padding:0; margin:0; }
#mock-notice { margin-top:7px; font-size:12px; color:#c3cbdb; max-width:70ch; }
#mock-call #mock-done, #mock-call #mock-recover-audio { background:#304dce; border-color:#7b93f5; }
.mock-transcription { border-top:1px solid #353c48; padding:12px 0; font-size:12px; color:#c3cbdb; }
.mock-transcription summary { cursor:pointer; }
.mock-transcription label { margin-top:12px; color:#e0e5f0; }
#mock-response { background:#1c212a; color:white; border:1px solid #748097; margin-top:8px; padding:12px; font-size:14px; }
#mock-interim { margin-top:5px; }
#mock-call .mock-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0; margin:0; border-top:1px solid #353c48; background:transparent; color:white; }
.mock-toolbar>div { display:flex; flex-wrap:wrap; gap:10px; }
#mock-call .mock-end { background:#97382e; border-color:#c9776e; }
#mock-call [aria-pressed="true"] { border-color:#a9b9f8; }
@media(max-width:750px) {
  .mock-preflight { grid-template-columns:110px 1fr; gap:16px; }
  #mock-call { padding:16px 14px 0; }
  .mock-call-header { align-items:start; }
  .mock-session-meta { flex-direction:column; gap:8px; text-align:right; flex-shrink:0; }
  .mock-self { top:10px; right:10px; width:120px; aspect-ratio:4/3; }
  .mock-captions { max-width:90%; bottom:76px; }
  .mock-turn { flex-wrap:wrap; }
  .mock-turn>div:first-child { flex-basis:100%; }
  #mock-call .mock-toolbar { align-items:stretch; flex-direction:column; gap:10px; }
  .mock-toolbar>div { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
  #mock-call button { padding:10px; font-size:11px; }
  .mock-nameplate { left:10px; bottom:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .mock-stage.is-speaking #mock-interviewer { animation:none; }
}

.camera-coach-setup { border-top:1px solid var(--line); margin-top:18px; padding-top:18px; }
.camera-coach-optin { display:flex; align-items:center; gap:10px; font-weight:500; }
.camera-coach-optin input { width:18px; height:18px; margin:0; accent-color:var(--blue); }
.camera-coach-setup ul { padding-left:18px; font-size:13px; line-height:1.6; }
.camera-coach-setup li+li { margin-top:8px; }
.camera-coach-setup [data-calibrate] { margin-top:12px; }
.camera-coach-live { position:absolute; top:20px; left:20px; width:290px; max-width:45%; padding:14px; border:1px solid #596579; background:#111419ed; color:#e1e7f3; font-size:12px; }
.camera-coach-live .eyebrow { font-size:9px; color:#b9c8f6; }
#mock-call .camera-coach-live [role=status] { color:#e1e7f3; font-size:12px; padding:8px 0; }
.camera-coach-live strong { display:block; margin-top:8px; }
.camera-coach-live [data-coach-tip] p { font-size:12px; margin:6px 0 10px; }
#mock-call .camera-coach-live button { font-size:11px; padding:7px 10px; }
#camera-coach-review { border-top:2px solid var(--blue); background:var(--wash); padding:24px; margin:28px 0; }
#camera-coach-review h3 { font-size:22px; margin-bottom:12px; }
#camera-coach-review p,#camera-coach-review li { font-size:14px; line-height:1.65; }
#camera-coach-review ul { padding-left:20px; }
#camera-coach-review li+li { margin-top:12px; }
@media(max-width:750px) {
  .camera-coach-live { top:10px; left:10px; max-width:calc(100% - 150px); padding:8px; }
  #mock-call .camera-coach-live [role=status],.camera-coach-live [data-coach-tip] p { font-size:10px; }
  .mock-toolbar>div { grid-template-columns:repeat(2,1fr); }
}