/* exxam.ru — страница «Задания и вопросы»: слой поверх base.css.
   Всё ограничено body.questions, чтобы общие классы не протекали.
   Каркас (шапка, футер, кнопки, ширина) — из base.css. */

body.questions main{position:relative;z-index:2;max-width:1360px;margin:0 auto;padding:34px 24px 64px}

body.questions .head{margin-bottom:26px}
body.questions .eyebrow{font-family:var(--mono);font-size:14px;color:var(--mint)}
body.questions .eyebrow::before{content:"// ";color:var(--dim)}
body.questions .head h1{font-size:clamp(28px,4vw,44px);font-weight:700;margin:12px 0 10px;letter-spacing:-.03em}
body.questions .head p{color:var(--muted);font-size:16px;max-width:640px}
body.questions .summary{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
body.questions .chip b{color:var(--edge-num)}

body.questions .controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0 22px}
body.questions .search{flex:1 1 260px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--input-bg);border-radius:12px;padding:11px 14px}
body.questions .search svg{width:18px;height:18px;color:var(--muted);flex:none}
body.questions .search input{flex:1;min-width:0;background:none;border:0;color:var(--ink);font-family:inherit;font-size:15px;outline:none}
body.questions .search input::placeholder{color:var(--dim)}
body.questions .filters{display:flex;gap:8px;flex-wrap:wrap}
body.questions .fbtn{cursor:pointer;font-family:var(--mono);font-size:13px;color:var(--muted);border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:9px 15px;transition:.12s}
body.questions .fbtn:hover{border-color:var(--violet);color:var(--violet)}
body.questions .fbtn.on{background:var(--violet);border-color:var(--violet);color:#fff}
body.questions .count{margin-left:auto;font-family:var(--mono);font-size:13px;color:var(--muted)}

body.questions .q-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body.questions .qcard{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:16px;padding:20px;
  background:linear-gradient(180deg,var(--panel),var(--panel-2));transition:transform .15s,border-color .15s,box-shadow .15s,background-color .25s}
body.questions .qcard.ready:hover{transform:translateY(-3px);border-color:var(--violet-line);box-shadow:0 24px 50px -30px var(--violet-glow)}
body.questions .qcard.ready{position:relative;cursor:pointer}
body.questions .qcard.ready .go::after{content:"";position:absolute;inset:0;z-index:1}
body.questions .qcard.soon{opacity:.45}
body.questions .qtop{display:flex;align-items:center;gap:12px}
body.questions .qnum{width:48px;height:48px;flex:none;border-radius:12px;display:grid;place-items:center;font-family:var(--mono);font-weight:700;font-size:20px;
  color:var(--violet);background:var(--violet-soft);border:1px solid var(--violet-border)}
body.questions .qcard.soon .qnum{color:var(--muted);background:var(--input-bg);border-color:var(--line)}
body.questions .qcard h3{font-size:16.5px;font-weight:600;flex:1;min-width:0}
body.questions .qtags{display:flex;gap:7px;flex-wrap:wrap}
body.questions .qtag{font-family:var(--mono);font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 9px}
body.questions .qfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:6px}
body.questions .go{font-family:var(--mono);font-size:13px;color:var(--mint);font-weight:700}
body.questions .go:hover{text-decoration:underline}
body.questions .badge{font-family:var(--mono);font-size:11px;font-weight:700;border-radius:999px;padding:4px 10px}
body.questions .badge.ok{color:var(--mint);background:var(--ok-soft);border:1px solid var(--violet-border)}
body.questions .badge.soon{color:var(--muted);background:var(--input-bg);border:1px solid var(--line)}

body.questions .empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:40px;border:1px dashed var(--line);border-radius:16px}

/* селектор предмета в шапке */
body.questions .subj-pick{display:inline-flex;align-items:center;gap:8px;margin-left:14px;min-width:0}
body.questions .subj-pick .lbl{font-family:var(--mono);font-size:11.5px;color:var(--muted);flex:none}
body.questions .subj-pick select{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink);background:var(--panel);
  border:1px solid var(--line);border-radius:10px;padding:9px 12px;cursor:pointer;max-width:220px;transition:border-color .15s}
body.questions .subj-pick select:hover{border-color:var(--violet)}
body.questions .subj-pick select:focus-visible{outline:2px solid var(--mint);outline-offset:2px}

@media (max-width:1000px){ body.questions .q-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:680px){
  body.questions main{padding:22px 16px 48px}
  body.questions .q-grid{grid-template-columns:1fr}
  body.questions .count{margin-left:0;width:100%}
  body.questions .subj-pick{margin-left:0}
  body.questions .subj-pick .lbl{display:none}
  body.questions .subj-pick select{max-width:128px;padding:8px 10px}
}

/* FAQ-карточка рубрикатора */
body.questions .card{padding:22px 24px}
body.questions .faq-card{margin-top:28px}
body.questions .faq-card h2{margin:0 0 12px}