/* STUDENT-MODE-0911 */
#sm{--ink:#14121F;--or:#FF5B2E;--li:#B6F03C;--bl:#3B4BFF;--cr:#F5F0E6}
.sm-note{background:var(--cr);border:2px solid var(--ink);border-radius:8px;padding:10px 14px;margin:14px 0;font-size:.95rem}
.sm-ai{display:inline-block;font-size:.8rem;font-weight:700;border:2px solid var(--ink);border-radius:999px;padding:1px 10px;background:#fff}
.sm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:12px 0}
.sm-ucard{display:flex;flex-direction:column;gap:6px;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:14px;color:var(--ink);text-decoration:none;box-shadow:4px 4px 0 var(--ink)}
.sm-ucard:hover,.sm-ucard:focus-visible{box-shadow:6px 6px 0 var(--or)}
.sm-ucard b{font-size:1.1rem}
.sm-gr{font-size:.85rem;font-weight:700;color:#333;margin:0}
.sm-pr{font-size:.88rem;color:#333}
.sm-bar{display:block;height:10px;border:2px solid var(--ink);border-radius:6px;background:#fff;overflow:hidden}
.sm-bar i{display:block;height:100%;background:var(--li)}
.sm-sum{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:10px 14px;margin:12px 0}
.sm-sum .sm-bar{flex:1 1 100%}
.sm-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 0;border-bottom:2px solid var(--ink)}
.sm-tabs [role=tab]{font:inherit;font-weight:700;border:2px solid var(--ink);border-bottom:0;border-radius:10px 10px 0 0;background:var(--cr);color:var(--ink);padding:9px 14px;cursor:pointer;min-height:44px}
.sm-tabs [role=tab][aria-selected=true]{background:var(--or)}
[role=tabpanel]{padding:14px 0}
#sm button,#sm .btn{min-height:44px}
#sm button:focus-visible,#sm a:focus-visible,#sm input:focus-visible,#sm select:focus-visible,#sm textarea:focus-visible{outline:3px solid var(--bl);outline-offset:2px}
.sm-ctl{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.sm-sm{font:inherit;font-weight:700;border:2px solid var(--ink);border-radius:8px;background:#fff;color:var(--ink);padding:6px 12px;cursor:pointer}
.sm-count{margin:8px 0;font-weight:600}
.sm-cardwrap{perspective:1200px}
.sm-card,#sm .sm-card{position:relative;display:block;width:100%;min-height:250px;border:0;background:none;padding:0;cursor:pointer;font:inherit;color:var(--ink);text-align:start;transform-style:preserve-3d;transition:transform .45s}
.sm-card.flip{transform:rotateY(180deg)}
.sm-card .f,.sm-card .b{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:22px 20px;border:2px solid var(--ink);border-radius:16px;box-shadow:5px 5px 0 var(--ink);backface-visibility:hidden;-webkit-backface-visibility:hidden;font-size:1.15rem;line-height:1.6;overflow:auto}
.sm-card .f{background:#fff;font-size:1.3rem;font-weight:700;text-align:center;align-items:center}
.sm-card .b{background:var(--cr);transform:rotateY(180deg)}
.sm-card .side{font-size:.75rem;font-weight:700;color:#444}
.sm-card .ref{font-size:.85rem;font-weight:600;color:#333}
.sm-card .nc{font-size:.85rem;background:#fff;border:2px dashed var(--ink);border-radius:6px;padding:4px 8px}
@media (prefers-reduced-motion:reduce){.sm-card{transition:none}}
.sm-hint{font-size:.85rem;color:#444;text-align:center;margin:8px 0}
.sm-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sm-nav button{font:inherit;font-weight:700;border:2px solid var(--ink);border-radius:10px;background:#fff;color:var(--ink);padding:8px;cursor:pointer}
.sm-nav button.ok{background:var(--li)}
@media(min-width:640px){.sm-nav{grid-template-columns:repeat(4,1fr)}#sm .sm-card{min-height:270px}}
.qt{font-family:"Frank Ruhl Libre","David",serif;font-size:1.06em}
bdi.m{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.95em;white-space:nowrap}
.sm-q{border:2px solid var(--ink);border-radius:12px;background:#fff;padding:12px 14px;margin:0 0 12px}
.sm-q legend{font-weight:700;padding:0 6px;font-size:1.05rem}
.sm-q legend .n{color:#333}
.sm-from{font-size:.75rem;font-weight:700;border:1px solid var(--ink);border-radius:999px;padding:0 8px;margin-inline-start:6px;background:var(--cr)}
.sm-opts{display:grid;gap:6px;margin-top:6px}
.sm-opt{display:flex;gap:8px;align-items:flex-start;border:2px solid #555;border-radius:8px;padding:9px 10px;cursor:pointer;min-height:44px}
.sm-opt input{margin-top:5px;width:18px;height:18px;flex:0 0 auto}
.sm-opt.right{background:#DDF7A8;border-color:var(--ink)}
.sm-opt.wrong{background:#FFD9CF;border-color:var(--ink)}
.sm-opt .tag{margin-inline-start:auto;white-space:nowrap}
.sm-fb p{margin:6px 0}.sm-fb .yes{font-weight:800;color:#1d5c00}.sm-fb .no{font-weight:800;color:#9b1c00}
.sm-qstat{font-weight:700;position:sticky;top:0;background:var(--cr);border:2px solid var(--ink);border-radius:8px;padding:6px 10px;z-index:2}
.sm-qend,#sm-mres{background:var(--li);border:2px solid var(--ink);border-radius:12px;padding:12px 14px;margin:12px 0;box-shadow:4px 4px 0 var(--ink)}
.big{font-size:1.25rem;margin:0 0 6px}
.sm-bq{background:#fff;border:2px solid var(--ink);border-radius:12px;padding:12px 14px}
.sm-part{border-top:2px dashed #999;padding-top:10px;margin-top:10px}
.sm-part .pts{font-size:.85rem;color:#333;white-space:nowrap}
.sm-draft{display:block;font-size:.85rem;font-weight:600;margin:6px 0}
.sm-draft textarea{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:1rem;border:2px solid #555;border-radius:8px;padding:8px;margin-top:4px}
.sm-model{background:var(--cr);border:2px solid var(--ink);border-radius:8px;padding:6px 12px;margin-top:8px}
.sm-err{background:#FFD9CF;border:2px solid var(--ink);border-radius:8px;padding:10px}
.sm-mockline{margin:4px 0 18px}
.sm-sel{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}
.sm-sel select{font:inherit;border:2px solid var(--ink);border-radius:8px;padding:6px 10px;min-height:44px;background:#fff}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media print{.sm-tabs,.sm-nav,.sm-ctl,#sm-reset,#sm-reset-all{display:none!important}[role=tabpanel]{display:block!important}}
