/* NANDAX SpeakMatrix RC2 — Finalization / discoverability / readability */

/* The permanent navigation is product UI; development-wave drawer groups are not. */
.r1DrawerCore,.r2DrawerCore,.r3DrawerCore{display:none!important}

/* Header-level tutorial is a second, unmistakable entry point. */
.rc2HeaderTutorial{border:1px solid #5d5128;background:#282319;color:#ffe18b;border-radius:11px;min-height:38px;padding:0 11px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;white-space:nowrap}
.rc2HeaderTutorial:hover{background:#332b1b;border-color:var(--yellow)}

/* Reading comfort: never squeeze learning content into micro-text. */
.roleCard,.intentCard{min-height:80px!important}
.roleCard b,.intentCard b{font-size:16px!important;line-height:1.22!important}
.roleCard small,.intentCard small{font-size:12.5px!important;line-height:1.42!important}
.railTitle{font-size:13px!important;letter-spacing:.085em!important}
.tuneButton{min-height:52px!important;padding:11px 12px!important}
.tuneButton b{font-size:15.5px!important}.tuneButton span{font-size:12.5px!important}
.kickerChip{font-size:12px!important}.hindiLabel,.liveLabel{font-size:12px!important}
.bridgeTab{font-size:11px!important;padding:6px 10px!important}
.changeLine{font-size:12.5px!important}.levelBtn{font-size:12px!important;padding:8px 11px!important}
.transformBtn{font-size:12.5px!important;min-height:38px!important}
.microBtn{font-size:12px!important;min-height:36px!important;padding:7px 10px!important}
.drawerGroup h3{font-size:12.5px!important}.drawerLink{font-size:15px!important;min-height:42px!important}
.choice,.choice b{font-size:15px!important}.choice{min-height:48px!important}
.infoCard h4{font-size:15px!important}.infoCard p{font-size:14.5px!important}
.sheetHead b{font-size:16px!important}.practicePrompt{font-size:21px!important}
.r2Mode b,.r2CoachCard h4{font-size:15.5px!important}.r2Mode span,.r2CoachCard p{font-size:13px!important}
.r3Textarea{font-size:16px!important;line-height:1.5!important}.r3Rewrite p{font-size:14.5px!important}
.rc1FeatureBtn{font-size:14px!important;min-height:46px!important;height:46px!important}

/* Reading-size preference. */
body.rc2LargeText{font-size:108%}
body.rc2LargeText .roleCard b,body.rc2LargeText .intentCard b{font-size:17px!important}
body.rc2LargeText .roleCard small,body.rc2LargeText .intentCard small{font-size:13.5px!important}
body.rc2LargeText .drawerLink,body.rc2LargeText .choice,body.rc2LargeText .choice b{font-size:16px!important}
body.rc2LargeText .infoCard p{font-size:15.5px!important}
body.rc2LargeText .rc1FeatureBtn{font-size:15px!important}

.rc2PrefRow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.rc2Pref{border:1px solid #3a4248;background:#191e22;color:#eee;border-radius:12px;min-height:48px;padding:10px;font-size:14px;text-align:left}
.rc2Pref.active{border-color:var(--yellow);background:#2b2518;color:#fff}
.rc2StatusCard{border:1px solid #364048;background:#151a1e;border-radius:14px;padding:13px;margin:10px 0}
.rc2StatusCard b{font-size:14px}.rc2StatusCard p{font-size:13px;line-height:1.5;color:#bcc2c6;margin:5px 0 0}

@media(max-width:760px){
  .rc2HeaderTutorial{min-width:38px;padding:0 9px}.rc2HeaderTutorial span{display:none}
  .roleCard,.intentCard{min-height:76px!important}
  .roleCard b,.intentCard b{font-size:15.5px!important}.roleCard small,.intentCard small{font-size:12.5px!important}
  .rc1FeatureBtn{font-size:13.5px!important;min-height:44px!important;height:44px!important}
  .hindiThought{font-size:14.5px!important;line-height:1.36!important}
  .rc2PrefRow{grid-template-columns:1fr}
}