/* Querencia Better Conversations v2.6.16 — isolated teaching-deck styles.
   Approved five-set visual direction. No global component selectors. */
#screen-teaching.bc-screen{padding:6px 12px 34px;color:#28484b}
#screen-teaching .bc-root{max-width:560px;margin:0 auto}
#screen-teaching .bc-hub-nav{margin:0 0 8px}
#screen-teaching .bc-hero{position:relative;overflow:hidden;background:#e6f2ec;border-radius:24px;min-height:235px;padding:29px 23px 31px;text-align:center;border:1px solid #dce9df;box-shadow:0 3px 13px #2543330a}
#screen-teaching .bc-hero:after{content:"";position:absolute;width:110%;height:75px;left:-5%;bottom:-30px;border-radius:50% 50% 0 0;background:#d5e7dd;opacity:.58}
#screen-teaching .bc-hero-icon{width:53px;height:53px;margin:0 auto 10px;color:#598c79}
#screen-teaching svg{display:block;width:100%;height:100%}
#screen-teaching .bc-hero h1{position:relative;z-index:1;font-family:var(--serif,Georgia,serif);font-size:clamp(34px,8.4vw,45px);font-weight:500;letter-spacing:-.035em;color:#275147;line-height:1.1;margin:0 0 15px}
#screen-teaching .bc-hero p{position:relative;z-index:1;font-size:clamp(15px,4vw,17px);line-height:1.49;margin:0 auto;max-width:380px;color:#44665b}
#screen-teaching .bc-overview-intro{margin:19px 12px 24px;color:#4b6461;font-size:16px;line-height:1.53}
#screen-teaching .bc-overview-intro p{margin:0 0 12px}
#screen-teaching .bc-section-list{display:grid;gap:10px}
#screen-teaching .bc-section{display:grid;grid-template-columns:53px minmax(0,1fr) 21px;gap:13px;align-items:center;width:100%;padding:16px 13px;background:#fff;border:1px solid #e2e8e2;border-radius:19px;min-height:90px;text-align:left;box-shadow:0 3px 14px #364e4312;color:#284e49;cursor:pointer}
#screen-teaching .bc-section.bc-tile-green{background:#f7fbf7}
#screen-teaching .bc-section.bc-tile-lilac{background:#faf8fd}
#screen-teaching .bc-section.bc-tile-blue{background:#f7fafc}
#screen-teaching .bc-section.bc-tile-mint{background:#f5faf7}
#screen-teaching .bc-section-icon{width:46px;height:46px;padding:10px;background:#e7f1e9;border-radius:16px;color:#5a8477}
#screen-teaching .bc-tile-lilac .bc-section-icon{background:#f0eafa}
#screen-teaching .bc-tile-blue .bc-section-icon{background:#e9f2f8}
#screen-teaching .bc-section strong{display:block;font-size:clamp(16px,4.4vw,18px);line-height:1.28;color:#294e4b;font-weight:770}
#screen-teaching .bc-section small{display:block;margin-top:5px;font-size:clamp(13px,3.5vw,15px);line-height:1.4;color:#54706b}
#screen-teaching .bc-chevron{font-size:26px;color:#658c7b;font-weight:400}
/* The deck list already introduces each short set. Do not repeat its large title above every card. */
#screen-teaching .bc-subhead{display:flex;align-items:center;justify-content:flex-start;min-height:48px;margin:0 0 9px}
#screen-teaching .bc-back{display:inline-flex;align-items:center;border:0;background:transparent;text-align:left;color:#607b72;font-size:15px;padding:8px 10px;min-height:42px;margin:0}
#screen-teaching .bc-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#screen-teaching .bc-subhead h1:not(.bc-visually-hidden){font-family:var(--serif,Georgia,serif);color:#2e514b;font-weight:500;font-size:clamp(25px,6.3vw,32px);line-height:1.17;letter-spacing:-.025em;margin:0 auto}
#screen-teaching .bc-stack{position:relative;margin:0 4px 18px}
#screen-teaching .bc-stack:before,#screen-teaching .bc-stack:after{content:"";position:absolute;inset:10px -5px -8px 5px;border-radius:24px;background:#f9fbf8;border:1px solid #e5eae5;box-shadow:0 3px 10px #203f380d;z-index:0;transform:rotate(1deg)}
#screen-teaching .bc-stack:after{inset:6px -2px -4px 2px;transform:rotate(-.55deg);background:#fff}
#screen-teaching .bc-card{position:relative;z-index:1;min-height:440px;padding:28px 22px 74px;overflow:hidden;border:1px solid #e3e7e4;border-radius:23px;background:linear-gradient(to bottom,#fffefd 0%,#fffefd 74%,#edf4ee 100%);box-shadow:0 13px 25px #28463b14}
#screen-teaching .bc-tone-lilac{background:linear-gradient(to bottom,#fffefd 0%,#fffefd 74%,#f3eff9 100%)}
#screen-teaching .bc-tone-blue{background:linear-gradient(to bottom,#fffefd 0%,#fffefd 74%,#e9f2f8 100%)}
#screen-teaching .bc-tone-mint{background:linear-gradient(to bottom,#fffefd 0%,#fffefd 74%,#e9f4ee 100%)}
#screen-teaching .bc-wave{position:absolute;bottom:-1px;left:0;width:100%;height:60px;pointer-events:none}
#screen-teaching .bc-card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:330px;max-width:400px;margin:0 auto}
#screen-teaching .bc-card h2{font-family:var(--serif,Georgia,serif);font-weight:500;font-size:clamp(25px,6.5vw,32px);line-height:1.16;letter-spacing:-.027em;color:#264b4b;margin:0 0 18px;text-align:center}
#screen-teaching .bc-prose{max-width:370px;width:100%;color:#344f51;font-size:clamp(16px,4.15vw,18px);line-height:1.52}
#screen-teaching .bc-prose p{margin:0 0 17px}
#screen-teaching .bc-prose p:last-child{margin-bottom:0}
#screen-teaching .bc-prose strong,#screen-teaching .bc-after strong{font-weight:800;color:#244e47}
#screen-teaching .bc-kind-compare .bc-card-content,#screen-teaching .bc-kind-dialogue .bc-card-content,#screen-teaching .bc-kind-type .bc-card-content{min-height:365px}
#screen-teaching .bc-compare{display:grid;gap:7px;width:100%;max-width:370px}
#screen-teaching .bc-compare-box{border:1px solid #e4e7e4;background:#f7f7f5;border-radius:16px;padding:13px 15px;text-align:left}
#screen-teaching .bc-compare-box.bc-better{background:#e9f3ed;border-color:#d7e8df}
#screen-teaching .bc-compare-box span,#screen-teaching .bc-speech span,#screen-teaching .bc-type-dialogue span{display:block;font-size:11px;font-weight:790;text-transform:uppercase;letter-spacing:.08em;color:#587d73}
#screen-teaching .bc-compare-box p{font-size:clamp(17px,4.5vw,20px);font-weight:700;line-height:1.32;color:#284e4c;margin:8px 0}
#screen-teaching .bc-compare-box small{font-size:clamp(14px,3.6vw,16px);line-height:1.42;color:#536d69}
#screen-teaching .bc-compare-arrow{font-size:22px;color:#6a9a88;line-height:1}
#screen-teaching .bc-dialogue{display:grid;gap:9px;max-width:370px;width:100%}
#screen-teaching .bc-speech{text-align:left;background:#f2f6f4;border:1px solid #e3ebe6;border-radius:15px;padding:10px 14px}
#screen-teaching .bc-speech:nth-child(2){background:#f5f0ed;margin-left:15px}
#screen-teaching .bc-speech:last-child{background:#e8f2ed}
#screen-teaching .bc-speech p{font-size:clamp(16px,4.2vw,18px);line-height:1.37;font-weight:650;color:#2c4c4e;margin:5px 0 0}
#screen-teaching .bc-dialogue-lead{font-size:clamp(15px,4vw,17px);line-height:1.44;margin:0 0 15px;color:#4d6465;max-width:350px}
#screen-teaching .bc-after{color:#4d6665;font-size:clamp(15px,3.9vw,17px);line-height:1.45;margin:17px 0 0;max-width:355px}
#screen-teaching .bc-type-what{font-size:clamp(16px,4.15vw,18px);line-height:1.43;color:#456262;max-width:350px;margin:0 0 18px}
#screen-teaching .bc-type-dialogue{display:grid;gap:10px;width:100%;max-width:370px}
#screen-teaching .bc-type-dialogue>div{text-align:left;border-radius:15px;border:1px solid #e2e9e6;background:#f5f7f7;padding:12px 14px}
#screen-teaching .bc-type-dialogue>.bc-reply{background:#e7f2eb;border-color:#d5e9dc}
#screen-teaching .bc-type-dialogue p{font-size:clamp(17px,4.4vw,19px);line-height:1.35;color:#2a4e4b;font-weight:680;margin:6px 0 0}
#screen-teaching .bc-when{width:100%;max-width:370px;text-align:left;border-top:1px solid #dce8e3;margin:17px 0 0;padding:13px 3px 0}
#screen-teaching .bc-when strong{font-size:12px;letter-spacing:.075em;text-transform:uppercase;color:#557972}
#screen-teaching .bc-when p{font-size:clamp(15px,4vw,17px);line-height:1.44;color:#3b5956;margin:6px 0 0}
#screen-teaching .bc-intro-icon{width:55px;height:55px;color:#679485;margin:0 auto 20px}
#screen-teaching .bc-kind-closing .bc-card-content{min-height:440px}
#screen-teaching .bc-kind-closing-final .bc-card-content{min-height:360px}
#screen-teaching .bc-kind-end .bc-card-content{min-height:370px}
#screen-teaching .bc-kind-end .bc-prose{font-size:clamp(17px,4.25vw,19px)}
#screen-teaching .bc-kind-closing .bc-prose{font-size:clamp(16px,4.1vw,18px)}
#screen-teaching .bc-bottom-nav{display:grid;grid-template-columns:54px 1fr 54px;align-items:center;gap:8px;margin:4px 12px 17px;min-height:50px}
#screen-teaching .bc-arrow{border:1px solid #dce7dd;border-radius:50%;min-width:47px;min-height:47px;background:#fff;color:#477466;font-size:34px;line-height:1;display:grid;place-items:center;padding:0 0 5px;cursor:pointer}
#screen-teaching .bc-arrow:disabled{opacity:.36;cursor:default}
#screen-teaching .bc-count{font-size:16px;color:#536e68;font-weight:730;text-align:center;font-variant-numeric:tabular-nums}
#screen-teaching .bc-end-actions{display:grid;gap:10px;margin:20px 6px 12px}
#screen-teaching .bc-primary,#screen-teaching .bc-secondary{min-height:54px;border-radius:14px;padding:12px 16px;font-size:clamp(15px,4.1vw,17px);font-weight:750;border:1px solid #647e69;cursor:pointer}
#screen-teaching .bc-primary{background:#6b7a5c;color:white}
#screen-teaching .bc-secondary{background:white;color:#42675f;border-color:#d1dfd4}
#screen-teaching button:focus-visible{outline:3px solid #3a7c6b;outline-offset:3px}
@media(max-width:359px){#screen-teaching.bc-screen{padding-left:6px;padding-right:6px}#screen-teaching .bc-card{padding:23px 16px 69px}#screen-teaching .bc-section{padding:12px 10px;gap:9px;grid-template-columns:46px minmax(0,1fr) 16px}#screen-teaching .bc-section-icon{width:42px;height:42px}#screen-teaching .bc-hero{padding:24px 16px 29px}#screen-teaching .bc-overview-intro{margin-left:5px;margin-right:5px}}
@media(prefers-reduced-motion:reduce){#screen-teaching .bc-root *{scroll-behavior:auto!important;transition:none!important}}

/* v2.6.18: single action on each completion card, and the same A3 Q reveal
   as the opening screen. All text stays still; only the masked Q catches light. */
#screen-teaching .bc-kind-end .bc-card-content{justify-content:center;}
#screen-teaching .bc-kind-end .bc-complete-q{width:132px;height:140px;position:relative;isolation:isolate;overflow:visible;margin:20px auto 0;transform:rotate(-7deg)}
#screen-teaching .bc-q-layer{position:absolute;inset:0;display:block;-webkit-mask-image:url('icons/q-emboss-mask.png');mask-image:url('icons/q-emboss-mask.png');-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}
#screen-teaching .bc-q-shadow{background:#375c50;opacity:.19;transform:translate(4px,5px)}
#screen-teaching .bc-q-highlight{background:#fff;opacity:.94;transform:translate(-3px,-4px)}
#screen-teaching .bc-q-relief{background:#4a695d;opacity:.18;animation:querenciaA3Relief 2.9s ease-in-out .18s both}
#screen-teaching .bc-q-sheen{background:linear-gradient(108deg,transparent 38%,rgba(255,255,255,.10) 46%,rgba(255,255,255,1) 50%,rgba(255,255,255,.10) 54%,transparent 62%);background-size:360% 100%;background-position:100% 50%;opacity:0;animation:querenciaA3EdgePass 2.9s cubic-bezier(.3,.08,.25,1) .18s both}
#screen-teaching .bc-kind-closing .bc-prose p{margin-bottom:18px}
#screen-teaching .bc-kind-closing-final .bc-prose p{margin-bottom:25px}
#screen-teaching .bc-kind-closing-final .bc-prose p:last-child{margin-bottom:0}
@media(prefers-reduced-motion:reduce){#screen-teaching .bc-q-relief,#screen-teaching .bc-q-sheen{animation:none!important}#screen-teaching .bc-q-sheen{opacity:0!important}}

/* v2.6.19 — approved embossed covers. Applied ONLY to teaching-set
   entry views, leaving the 25 teaching cards and completion style intact. */
#screen-teaching .bc-kind-cover{
  --bc-cover-start:#e1ece5; --bc-cover-end:#bbd3c3;
  min-height:510px; padding:39px 25px 38px;
  border-color:#ffffffc9;
  background:linear-gradient(155deg,var(--bc-cover-start) 0%,var(--bc-cover-start) 38%,var(--bc-cover-end) 100%);
  display:flex;align-items:stretch;
}
#screen-teaching .bc-kind-cover.bc-tone-lilac{--bc-cover-start:#f0e8f1;--bc-cover-end:#cfc0d9}
#screen-teaching .bc-kind-cover.bc-tone-blue{--bc-cover-start:#e3ecf1;--bc-cover-end:#b9d0df}
#screen-teaching .bc-kind-cover.bc-tone-mint{--bc-cover-start:#e3eee8;--bc-cover-end:#b6d7c7}
#screen-teaching .bc-kind-cover:after{
  content:"";position:absolute;width:280px;height:280px;
  border:35px solid #ffffff13;border-radius:50%;top:-170px;right:-115px;pointer-events:none
}
#screen-teaching .bc-kind-cover .bc-card-content{
  width:100%;max-width:390px;min-height:430px;flex:1;
  margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
}
#screen-teaching .bc-cover-copy{position:relative;z-index:2;width:100%}
#screen-teaching .bc-kind-cover h2{font-size:clamp(27px,7vw,35px);line-height:1.16;letter-spacing:-.025em;margin:0 auto 22px;max-width:345px}
#screen-teaching .bc-kind-cover .bc-prose{font-size:clamp(17px,4.45vw,19px);line-height:1.49;color:#365858}
#screen-teaching .bc-kind-cover .bc-prose p{max-width:340px;margin:0 auto 16px}
#screen-teaching .bc-kind-cover .bc-prose p:last-child{margin-bottom:0}
#screen-teaching .bc-cover-art{
  flex:0 0 auto;position:relative;width:176px;height:166px;max-width:73%;
  margin:auto auto 0;padding-top:18px;display:flex;align-items:center;
  justify-content:center;color:#fffcf3
}
#screen-teaching .bc-cover-art:before{
  content:"";position:absolute;width:154px;height:154px;border-radius:50%;
  background:radial-gradient(circle,#ffffff2d,transparent 72%);
  left:50%;top:55%;transform:translate(-50%,-50%);
}
#screen-teaching .bc-cover-art svg{
  display:block;position:relative;z-index:1;width:100%;height:100%;
  overflow:visible;opacity:.86;
  filter:drop-shadow(0 2px 1px #45635755) drop-shadow(0 -1.5px 0 #ffffffb0)
}
#screen-teaching .bc-kind-cover .bc-cover-wave{height:76px;opacity:.54}
@media(max-width:359px){
  #screen-teaching .bc-kind-cover{min-height:505px;padding:28px 17px 25px}
  #screen-teaching .bc-kind-cover .bc-card-content{min-height:450px}
  #screen-teaching .bc-cover-art{width:147px;height:135px;padding-top:12px}
  #screen-teaching .bc-kind-cover h2{margin-bottom:16px}
  #screen-teaching .bc-kind-cover .bc-prose p{margin-bottom:12px}
}

/* v2.6.21: match the approved main deck-picker grid and place navigation INSIDE teaching cards. */
#screen-teaching .bc-section-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;align-items:stretch;
}
#screen-teaching .bc-section{
  display:flex;flex-direction:column;align-items:stretch;
  min-width:0;min-height:219px;height:100%;width:100%;
  gap:0;padding:0;border-radius:19px;border:1px solid #e3e7e0;
  background:#fff;box-shadow:0 5px 17px rgba(32,56,49,.055);
  overflow:hidden;text-align:left;
  transition:transform .18s ease, box-shadow .18s ease;
}
#screen-teaching .bc-section:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(32,56,49,.1)}
#screen-teaching .bc-section-art{
  position:relative;display:block;overflow:hidden;width:100%;
  min-height:113px;height:113px;flex:0 0 113px;
  background:linear-gradient(137deg,#e1ece5,#bbd3c3);
}
#screen-teaching .bc-tile-lilac .bc-section-art{background:linear-gradient(137deg,#f0e8f1,#cfc0d9)}
#screen-teaching .bc-tile-blue .bc-section-art{background:linear-gradient(137deg,#e3ecf1,#b9d0df)}
#screen-teaching .bc-tile-mint .bc-section-art{background:linear-gradient(137deg,#e3eee8,#b6d7c7)}
#screen-teaching .bc-section-art:before{
  content:"";position:absolute;width:151px;height:151px;box-sizing:content-box;
  border:24px solid rgba(255,255,255,.17);border-radius:50%;
  top:-89px;right:-50px;pointer-events:none;
}
#screen-teaching .bc-section-emboss{
  position:absolute;display:grid;place-items:center;
  width:104px;height:104px;top:5px;right:calc(50% - 52px);
  color:#fffcf3;opacity:.88;pointer-events:none;
  filter:drop-shadow(0 2px 1px rgba(55,75,67,.23)) drop-shadow(0 -1.5px 0 rgba(255,255,255,.52));
}
#screen-teaching .bc-section-emboss svg{width:100%;height:100%;overflow:visible;display:block}
#screen-teaching .bc-section-copy{
  display:flex;flex:1;align-items:flex-start;min-height:91px;
  padding:14px 12px 15px;background:#fff;
}
#screen-teaching .bc-section-copy strong{
  display:block;min-width:0;overflow-wrap:break-word;
  font:750 clamp(15px,3.6vw,17px)/1.22 system-ui,-apple-system,sans-serif;
  letter-spacing:-.018em;color:#294448;
}
#screen-teaching .bc-card.bc-has-nav{
  display:flex;flex-direction:column;
  padding-bottom:17px;
}
#screen-teaching .bc-card.bc-has-nav .bc-card-content{
  flex:1 0 auto;width:100%;margin:0 auto;
}
#screen-teaching .bc-card.bc-has-nav.bc-kind-cover .bc-card-content{
  min-height:0;flex:1 1 auto;
}
#screen-teaching .bc-card-nav{
  position:relative;z-index:3;flex:0 0 auto;align-self:stretch;
  display:grid;grid-template-columns:48px minmax(0,1fr) 48px;
  gap:12px;align-items:center;margin:19px 0 0;padding:12px 0 0;
  border-top:1px solid rgba(53,69,59,.14);
}
#screen-teaching .bc-card-nav .bc-arrow{
  width:46px;height:46px;min-width:46px;min-height:46px;
  font-family:Georgia,serif;font-weight:400;font-size:30px;
  background:rgba(255,255,255,.42);border:1px solid rgba(41,84,72,.18);
  color:#315c52;
}
#screen-teaching .bc-card-nav .bc-arrow:disabled{opacity:.27}
#screen-teaching .bc-card-nav .bc-count{
  font-size:16px;font-weight:700;color:#42665d;
}
@media(max-width:359px){
  #screen-teaching .bc-section-list{gap:10px}
  #screen-teaching .bc-section{min-height:207px}
  #screen-teaching .bc-section-art{height:113px;min-height:113px;flex-basis:113px}
  #screen-teaching .bc-section-emboss{width:98px;height:98px;right:calc(50% - 49px)}
  #screen-teaching .bc-section-copy{padding:12px 10px;min-height:94px}
  #screen-teaching .bc-section-copy strong{font-size:15px}
  #screen-teaching .bc-card-nav{grid-template-columns:43px minmax(0,1fr) 43px;gap:7px;margin-top:15px}
  #screen-teaching .bc-card-nav .bc-arrow{width:43px;height:43px;min-width:43px;min-height:43px}
}
@media(prefers-reduced-motion:reduce){
  #screen-teaching .bc-section{transition:none!important}
}

/* v2.6.22 — Single fixed-height teaching-card frame, matching the full-card
   reading experience. Cover, lesson and completion cards retain exactly the
   same exterior dimensions on a given device. No content-driven growth.
   Exception: on very small screens, overflow stays readable via internal
   card-content scrolling rather than clipping or shrinking type. */
#screen-teaching .bc-card {
  box-sizing:border-box;
  height:clamp(425px, calc(100dvh - 153px), 750px);
  min-height:0;
  max-height:none;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
#screen-teaching .bc-card.bc-kind-cover{
  height:clamp(425px, calc(100dvh - 153px), 750px);
  min-height:0;
  padding:28px 23px 18px;
}
#screen-teaching .bc-card .bc-card-content,
#screen-teaching .bc-card.bc-has-nav .bc-card-content,
#screen-teaching .bc-card.bc-has-nav.bc-kind-cover .bc-card-content {
  flex:1 1 auto;
  min-height:0;
  max-height:100%;
  width:100%;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(58,95,83,.25) transparent;
  padding:5px 0 13px;
  justify-content:safe center;
}
#screen-teaching .bc-card.bc-kind-cover .bc-card-content{
  justify-content:flex-start;
}
#screen-teaching .bc-card .bc-card-nav{
  flex:0 0 auto;
  margin-top:0;
}
#screen-teaching .bc-card.bc-kind-cover .bc-cover-art{
  width:160px;
  height:150px;
  max-height:39%;
  min-height:106px;
  margin:18px auto 0;
  padding-top:0;
}
#screen-teaching .bc-card.bc-kind-end .bc-card-content{
  justify-content:safe center;
}
@media (max-height:760px){
  #screen-teaching .bc-card.bc-has-nav{padding:19px 15px 11px}
  #screen-teaching .bc-card.bc-kind-cover{padding:21px 17px 11px}
  #screen-teaching .bc-prose p{margin-bottom:12px}
  #screen-teaching .bc-card h2{margin-bottom:13px}
  #screen-teaching .bc-cover-art{margin-top:11px}
  #screen-teaching .bc-kind-cover h2{margin-bottom:13px}
  #screen-teaching .bc-kind-cover .bc-prose p{margin-bottom:10px}
}
/* Preserve the approved text size but reclaim excess vertical white space in
   longer lessons so a standard phone can display them without inner scrolling. */
#screen-teaching .bc-card.bc-has-nav:not(.bc-kind-cover){padding-top:22px;padding-bottom:13px}
#screen-teaching .bc-kind-prose .bc-prose p{margin-bottom:12px}
#screen-teaching .bc-kind-dialogue .bc-dialogue-lead{margin-bottom:10px}
#screen-teaching .bc-kind-dialogue .bc-dialogue{gap:7px}
#screen-teaching .bc-kind-dialogue .bc-speech{padding:8px 12px}
#screen-teaching .bc-kind-dialogue .bc-after{margin-top:10px}
#screen-teaching .bc-kind-type .bc-type-what{margin-bottom:12px}
#screen-teaching .bc-kind-type .bc-type-dialogue{gap:7px}
#screen-teaching .bc-kind-type .bc-type-dialogue>div{padding:9px 12px}
#screen-teaching .bc-kind-type .bc-when{margin-top:11px;padding-top:9px}
#screen-teaching .bc-kind-type .bc-after{margin-top:10px}

#screen-teaching .bc-scroll-cue{flex:0 0 auto;font-size:12px;font-weight:680;line-height:1.2;color:#42665d;text-align:center;margin:3px 0 2px;transition:opacity 160ms ease-out}
@media(prefers-reduced-motion:reduce){#screen-teaching .bc-scroll-cue{transition:none}}