/* Zirva – pass 10: one fact per row everywhere, home shortcuts, mistakes as tiles. */

/* home: two shortcuts under the week */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.duo-t{display:flex;flex-direction:column;gap:2px;padding:14px 16px 16px;border-radius:20px;background:var(--color-surface);box-shadow:inset 0 0 0 1.5px var(--color-border-strong),inset 0 -4px 0 var(--color-surface-sunken);color:var(--color-text);text-decoration:none;transition:transform 120ms var(--ease-out)}
.duo-t:active{transform:scale(.97)}
.duo-t .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;margin-bottom:10px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
.duo-t .ic.g{background:var(--color-success);color:#fff}
.duo-t .ic.y{background:var(--color-accent);color:var(--color-text)}
.duo-t b{font:600 17px/22px var(--font-family-ui)}
.duo-t small{font:var(--type-body-sm);color:var(--color-text-secondary)}
.d-side .say{margin-top:14px}

/* results: each mistake is a tile, wrong -> right on one line */
.mis2{margin-top:10px;padding:14px 16px;border-radius:16px;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border)}
.mis2>p:first-child{font:500 16px/24px var(--font-family-ui);color:var(--color-text)}
.mis2 .qwa{margin-top:6px}
.qwa .skip{color:var(--color-text-tertiary);font-style:italic}

/* homework: the task is the teacher talking */
.say-b ol{margin:8px 0 0;padding-left:22px;font:var(--type-body-md);color:var(--color-text)}
.say-b li+li{margin-top:4px}
.say-b .say-file+.say-file{margin-top:6px}
.hw-due{margin-top:10px}
.hw-due+.say-n{margin-top:24px}

/* grading: the student speaks first, the teacher answers in taps */
.say.me{margin:0 0 14px}
.scores{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.scores button{min-height:52px;border:0;border-radius:12px;background:var(--color-surface);box-shadow:inset 0 0 0 1.5px var(--color-border-strong),inset 0 -4px 0 #D6D0C3;font:600 20px/1 var(--font-family-display);color:var(--color-text);cursor:pointer;transition:transform 90ms ease}
.scores button:active{transform:translateY(2px)}
.scores button[aria-pressed="true"]{background:var(--color-success);color:#fff;box-shadow:inset 0 -4px 0 rgba(0,0,0,.22);animation:pop 320ms var(--ease-spring) backwards}
.qcs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.qc{min-height:44px;padding:0 14px;border:0;border-radius:999px;background:var(--color-surface-sunken);font:var(--type-label-md);color:var(--color-text);cursor:pointer}
.qc.used{opacity:.45}
.gb-k{margin-top:16px}
a.qx-k{color:var(--color-text);text-decoration:none}
.duo-t .ic.r{background:var(--color-danger);color:#fff}
.d-main>.duo{margin:0 0 4px}
@media (prefers-reduced-motion:reduce){.scores button[aria-pressed="true"]{animation:none}}
.d-main>.duo{margin:20px 0 4px}