/* v1.87.207: compact pre-lesson preferences and a no-toolbar PC practice.
   All selectors scoped to Typing Coach, never touch flick, result or WP chrome. */
.tc-shell[data-tc-app] .tc-guide-settings {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px;
}
.tc-shell[data-tc-app] .tc-guide-setting { min-width:0; display:flex; flex-direction:column; gap:6px; }
.tc-shell[data-tc-app] .tc-guide-setting-title { font-size:12px; font-weight:800; color:#122a47; display:flex; align-items:baseline; gap:8px; }
.tc-shell[data-tc-app] .tc-guide-setting-title small { font-size:10px; font-weight:600; color:#5c6d80; }
.tc-shell[data-tc-app] .tc-guide-settings .tc-guide-choice { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:7px!important; margin:0!important; }
.tc-shell[data-tc-app] .tc-guide-settings .tc-guide-mode { min-width:0!important; min-height:37px!important; padding:6px 9px!important; text-align:center!important; }
.tc-shell[data-tc-app] .tc-guide-settings .tc-guide-mode b { font-size:12px!important; }
.tc-shell[data-tc-app] .tc-guide-settings .tc-guide-mode:focus-visible { outline:2px solid #bf8b27; outline-offset:3px; }
@media(max-width:760px){
 .tc-shell[data-tc-app] .tc-guide-settings{grid-template-columns:1fr;gap:12px;}
 .tc-shell[data-tc-app] .tc-guide-setting-title{flex-wrap:wrap;}
}
/* The former practice toolbar has been removed from markup. No hidden row is
   reserved for it; the keyboard moves UP, not out of the fixed viewport. */
html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas .tc-metrics-formal {
  display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important; min-width:0!important;
}
html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas .tc-metric-card {
  min-width:0!important; box-sizing:border-box!important; overflow:hidden!important;
}
html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas .tc-metric-copy{min-width:0!important;}
html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas .tc-metric-copy b[data-metric="elapsed"]{
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas .tc-metric-card-time{
  border-top:3px solid #657e9f!important;
}
@media(min-width:1101px){
 html body.tc-stage-practice .tc-shell[data-tc-app][data-lesson-type].tc-unified-pc-practice .tc-practice-canvas {
   /* 6 rows vs. previous 7; height remains exactly 690px. */
   grid-template-rows:46px 78px 215px 68px 210px 34px!important;
   row-gap:3px!important;
 }
 html body.tc-stage-practice .tc-shell[data-tc-app][data-lesson-type].tc-unified-pc-practice .tc-practice-canvas .tc-metrics-formal{
   height:78px!important;min-height:78px!important;max-height:78px!important;
 }
 html body.tc-stage-practice .tc-shell[data-tc-app][data-lesson-type].tc-unified-pc-practice .tc-practice-canvas .tc-metric-card {
   height:78px!important;min-height:78px!important;max-height:78px!important;
   grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important;padding:7px 10px!important;
 }
 html body.tc-stage-practice .tc-shell[data-tc-app][data-lesson-type].tc-unified-pc-practice .tc-practice-canvas .tc-metric-icon{
   width:37px!important;height:37px!important;
 }
 html body.tc-stage-practice .tc-shell[data-tc-app][data-lesson-type].tc-unified-pc-practice .tc-practice-canvas .tc-metric-copy b{
   font-size:26px!important;line-height:1.08!important;
 }
}
@media(max-width:1100px){
 html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas { grid-template-rows:repeat(6,auto)!important; }
 html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas .tc-metric-card{
  grid-template-columns:34px minmax(0,1fr)!important;gap:5px!important;padding:6px!important;
 }
 html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas .tc-metric-icon{
  width:30px!important;height:30px!important;
 }
 html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas .tc-metric-copy b{
  font-size:22px!important;
 }
 html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas .tc-metric-label{
  font-size:11px!important;
 }
 html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas .tc-metric-sub{
  font-size:8px!important;
 }
}
@media(max-width:760px){
 html body.tc-stage-practice .tc-shell[data-tc-app][data-lesson-type].tc-unified-pc-practice .tc-practice-canvas .tc-metrics-formal{
   grid-template-columns:repeat(6,minmax(0,1fr))!important;
   height:auto!important;min-height:0!important;max-height:none!important;
   grid-auto-rows:minmax(60px,auto)!important;
 }
 html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas .tc-metric-card:nth-child(-n+3){grid-column:span 2;}
 html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas .tc-metric-card:nth-child(n+4){grid-column:span 3;}
}

@media(max-width:520px){
 html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas .tc-metric-card .tc-metric-icon{display:none!important;}
 html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas .tc-metric-card{
   grid-template-columns:minmax(0,1fr)!important;min-height:60px!important;height:60px!important;
   padding:5px 7px!important;
 }
 html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas .tc-metric-copy b{font-size:19px!important;}
 html body.tc-stage-practice .tc-shell[data-tc-app] .tc-practice-canvas .tc-metric-sub{font-size:8px!important;}
}
/* Short/basic lessons have legacy 64px KPI rules with unusually high
   specificity. Reserve TWO rows when 5 metrics wrap on narrow screens. */
@media(max-width:760px){
 html body.tc-stage-practice.tc-stage-practice .tc-shell[data-tc-app][data-lesson-type].tc-unified-pc-practice .tc-practice-viewport .tc-practice-canvas .tc-metrics.tc-metrics-formal{
   height:auto!important;min-height:128px!important;max-height:none!important;
 }
}
@media(max-width:760px){
 html body.tc-stage-practice.tc-stage-practice .tc-shell[data-tc-app][data-lesson-type].tc-unified-pc-practice .tc-practice-viewport .tc-practice-canvas{
   grid-template-rows:repeat(6,auto)!important;
 }
}