/* RealMocks – Steno dictation pages (uses the typing page colours from rbe-typing.css) */
.st-app{background:#fff;border:1px solid var(--ty-line);border-radius:18px;padding:20px;margin:18px 0;box-shadow:0 12px 30px rgba(15,23,42,.08);position:relative}
.st-screen{display:none}.st-screen.on{display:block}
.st-modes{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.st-modes button{flex:1;min-width:220px;text-align:left;background:#f8fafc;border:2px solid var(--ty-line);border-radius:14px;padding:12px 14px;cursor:pointer;font-family:inherit;color:var(--ty-ink)}
.st-modes button b{display:block;font-size:17px;color:var(--ty-navy)}.st-modes button span{font-size:13.5px;color:var(--ty-mut)}
.st-modes button.on{border-color:var(--ty-navy);background:#eef2ff;box-shadow:0 0 0 3px rgba(32,56,100,.12)}
.st-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:10px 0}
.st-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--ty-mut)}
.st-grid select{font:inherit;font-size:15px;padding:9px 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:var(--ty-ink)}
.st-chk{display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--ty-ink);font-weight:500;margin:4px 0}
.st-sum{background:#f1f5f9;border-radius:10px;padding:8px 12px;font-size:14px;color:var(--ty-navy);font-weight:600;margin:6px 0 0}
.st-fx{border:1px dashed #cbd5e1;border-radius:14px;padding:14px 16px;margin:16px 0;background:#fcfcfe}
.st-fx h3{margin:0 0 4px!important;font-size:17px}
.st-presets{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.st-presets button{font-family:inherit;font-weight:700;font-size:14px;border:1.5px solid var(--ty-line);background:#fff;border-radius:999px;padding:7px 14px;cursor:pointer;color:var(--ty-navy)}
.st-presets button.on{background:var(--ty-navy);color:#fff;border-color:var(--ty-navy)}
.st-fxl{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:4px 16px}
.st-fxl small{display:block;color:var(--ty-mut);font-weight:400;font-size:12.5px;margin-left:26px;margin-top:-3px}
.st-lvl{display:flex;align-items:center;gap:10px;font-size:14px;margin-top:8px;flex-wrap:wrap}
.st-lvl input{flex:1;max-width:280px}
.st-go{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
.st-go .ty-btn.pri{font-size:17px;padding:12px 26px}
.st-rules ol{margin:6px 0 0;padding-left:20px;font-size:14.5px}.st-rules li{margin:3px 0}
.st-warn{display:none;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:10px 12px;font-size:14px;margin:10px 0}
.st-dict{text-align:center;padding:10px 0}
.st-dmin{font-size:30px;font-weight:800;color:var(--ty-navy);margin:16px 0 6px}
.st-pen{font-size:46px;line-height:1}
.st-bar{height:12px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin:14px auto;max-width:640px}.st-bar>div{height:100%;width:0;background:linear-gradient(90deg,#2b4a82,#2563eb)}
.st-drow{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;align-items:center;font-size:14px;color:var(--ty-mut)}
.st-ctl{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}
#st-timer{position:sticky;top:8px;float:right;font:700 20px/1 Verdana,sans-serif;border:2px solid var(--ty-navy);color:var(--ty-navy);background:#fff;border-radius:10px;padding:7px 12px;min-width:110px;text-align:center;display:none;z-index:5}
#st-timer.low{border-color:var(--ty-bad);color:var(--ty-bad)}
.st-ta{width:100%;height:58vh;min-height:300px;font:19px/1.65 "Times New Roman",serif;padding:14px;border:1.5px solid #94a3b8;border-radius:10px;background:#fff;color:#111;resize:vertical;margin-top:10px}
.st-ta:focus{outline:none;border-color:var(--ty-navy);box-shadow:0 0 0 3px rgba(32,56,100,.15)}
.st-trow{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}
.st-verdict{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;border-radius:14px;padding:14px 18px;margin:0 0 14px}
.st-verdict b{font-size:26px}.st-verdict span{font-size:17px;font-weight:600}.st-verdict small{flex-basis:100%;font-size:13.5px;opacity:.85}
.st-verdict.ok{background:#dcfce7;color:#065f46}.st-verdict.bad{background:#fee2e2;color:#991b1b}
.st-kv th{text-align:left!important;font-weight:500;color:var(--ty-mut);width:60%}.st-kv td{text-align:left!important;font-weight:700}
.st-cmp{border:1px solid var(--ty-line);border-radius:12px;padding:14px;font:17px/2.05 "Times New Roman",serif;background:#fff}
.st-cmp .full,.st-full{color:#c62828;font-weight:700}.st-cmp .half,.st-half{color:#b26a00;font-weight:700}
.st-cmp del{color:#c62828}.st-cmp ins{color:#c62828;text-decoration:underline}.st-cmp .t{font-size:12px;vertical-align:super;color:var(--ty-mut)}
.st-master{line-height:1.75}.st-master p{margin:0 0 10px}
.st-det{margin:12px 0}.st-det summary{cursor:pointer;font-weight:700;color:var(--ty-navy);padding:6px 0}
.st-sh{display:flex;flex-wrap:wrap;gap:10px}.st-sh img{max-width:100%;height:auto;border:1px solid var(--ty-line);background:#fff}
.st-again{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.st-bad{color:var(--ty-bad);font-weight:600}
.st-modal{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;z-index:60;padding:16px}
.st-modal.on{display:flex}.st-modal>div{background:#fff;border-radius:14px;padding:20px;max-width:420px;width:100%}
.st-course{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:linear-gradient(135deg,#fff7d6,#fff 70%);border:1.5px solid #fde68a;border-radius:16px;padding:16px 18px;margin:18px 0}
.st-course .ic{font-size:40px}.st-course b{display:block;font-size:19px;color:var(--ty-navy)}.st-course ul{margin:6px 0 0;padding-left:18px;font-size:14px;color:#374151}
.st-course .pr{text-align:center}.st-course .pr em{display:block;font-style:normal;font-size:26px;font-weight:800;color:#b91c1c;margin-bottom:6px}
@media(max-width:700px){.st-course{grid-template-columns:1fr}.st-course .ic{display:none}.st-app{padding:14px}.st-dmin{font-size:24px}}
.st-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.st-card{background:#fff;border:1px solid var(--ty-line);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.st-card b{font-size:17px;color:var(--ty-navy)}.st-card .tags{display:flex;gap:6px;flex-wrap:wrap}
.st-card .tags span{font-size:12px;font-weight:700;border-radius:999px;padding:3px 9px;background:#eef2ff;color:#3730a3}.st-card .tags span.y{background:#fef3c7;color:#92400e}
.st-card .act{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.st-soon{opacity:.75;border-style:dashed}
.st-ladder td,.st-ladder th{text-align:left!important}
#st-hist table td,#st-hist table th{font-size:13.5px}