/* Rosgosstrakh: official wordmark burgundy with warm peach and gold accents. */
:root {
  --brand: #990032;
  --brand-deep: #760027;
  --brand-soft: #f8e9ed;
  --ink: #32272b;
  --muted: #78656d;
  --paper: #fffaf7;
  --line: #eadfda;
  --lime: #efd09c;
  --purple: #f5ded9;
  --peach: #f6c7ad;
  --blue: #f2e8d5;
}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible {
  outline-color: var(--brand);
}
.sidebar { background:var(--brand); }
.brand {
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:13px;
  padding:2px 0;
  min-height:52px;
}
.brand-logo {
  display:block;
  width:100%;
  max-width:202px;
  height:auto;
  flex-shrink:0;
  filter:brightness(0) invert(1);
}
.brand-tagline {
  display:block;
  color:#ffece3;
  font-size:10px;
  font-weight:400;
  letter-spacing:.025em;
}
.nav-label { color:#f0c4d2; }
.route-step { color:#ffe7e7; }
.step-num { border-color:#d17895; }
.route-step.active { background:#fff0e7; color:var(--brand); }
.route-step.active .step-num { background:var(--brand); color:#fff; border-color:var(--brand); }
.route-step.done .step-num { color:var(--lime); border-color:var(--lime); }
.sidebar-note { color:#ffe4e2; border-color:#c56887; }
.note-star,.dictionary-link span:first-child { color:var(--lime); }
.dictionary-link { color:#fff6f3; }
.dot { background:var(--brand); }
.home-copy h1 span { color:var(--brand); }
.lead,.question-hint,.small-note,.save-info,.chapter-card p { color:var(--muted); }
.metadata { color:#705c65; }
.primary { background:var(--brand); color:#fff; }
.primary:hover { background:var(--brand-deep); }
.secondary { border-color:#d7bdc6; color:var(--brand); }
.secondary:hover { background:#f8e9ed; }
.hero-art { background:#f6d2bf; color:var(--brand); }
.hero-art:before { border-color:#e3b098; }
.hero-art:after { border-color:#ecc0a9; }
.hero-art .shield-art { filter:drop-shadow(9px 13px 0 #c18475); }
.shield-art path:first-child { fill:var(--lime); stroke:var(--brand); }
.shield-art path:nth-child(2),.shield-art path:last-child { stroke:var(--brand); }
.art-float { border-color:#d9a78f; background:#fff7ef; box-shadow:0 5px 0 #e1ac93; }
.float-home { background:#efd09c; }
.badge-sticker { background:var(--brand); color:#fff8ee; border-color:var(--brand); }
.chapter-card { background:#fffdfb; border-color:var(--line); }
.chapter-card .icon-box { color:var(--brand); }
.progress-bar { background:#f0dfde; }
.progress-bar>div { background:var(--brand); }
.question .eyebrow { color:var(--brand); }
.scenario { border-color:#c58298; color:#725f67; }
.answer { border-color:#e4d7d9; }
.answer:not(:disabled):hover { background:#fff0f2; border-color:#c58298; }
.answer-key { border-color:#e0d2d7; color:#79636d; }
.context-card,.context-card h3,.context-icon { color:var(--brand); }
.context-card>p { color:#66505a; }
.context-count i.filled { background:var(--brand); }
.score-ring { background:conic-gradient(var(--lime) calc(var(--score)*1%),#bd6684 0); }
.result-intro,.score-inner { background:var(--brand); }
.result-intro p,.score-inner span { color:#ffe8e3; }
.result-intro .eyebrow,.score-inner small { color:var(--lime); }
.result-actions .primary { background:var(--lime); color:var(--brand-deep); }
.result-actions .primary:hover { background:#f6deb6; }
.result-actions .secondary { color:#fff; border-color:#d591a7; }
.result-actions .secondary:hover { background:var(--brand-deep); }
.review-filter input { accent-color:var(--brand); }
.lesson { background:#f9e7db; }
.lesson h2 { color:var(--brand); }
.close-btn { background:#f2e2df; color:var(--brand); }
dialog::backdrop { background:#3e122380; }
.no-js { background:var(--lime); color:var(--brand-deep); }
.prize-panel { margin:30px 0 0; padding:26px 28px; border:1px solid #e6c5b3; background:#fff3e9; border-radius:16px; }
.prize-panel>.eyebrow { color:var(--brand); margin-bottom:10px; }
.prize-panel h2 { font-size:25px; color:var(--brand); line-height:1.3; }
.prize-steps { list-style:none; margin:22px 0 20px; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.prize-steps li { display:flex; align-items:flex-start; gap:11px; }
.prize-step-marker { flex-shrink:0; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#f4d0b7; color:var(--brand); font-size:11px; font-weight:bold; }
.prize-steps strong { display:block; font-size:13px; line-height:1.5; margin-bottom:5px; }
.prize-steps li div>span { display:block; color:#725b63; font-size:11px; line-height:1.7; }
.channel-links { display:flex; gap:10px; flex-wrap:wrap; margin:18px 0 12px; }
.channel-link { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; min-height:45px; min-width:145px; padding:11px 16px; border-radius:8px; background:var(--brand); color:#fff; text-decoration:none; font-size:13px; font-weight:700; }
.channel-link:hover { background:var(--brand-deep); }
.channel-link:focus-visible { outline:3px solid var(--brand); outline-offset:4px; }
.prize-return-note { color:#725b63; font-size:11px; line-height:1.7; max-width:760px; margin:0; }
.prize-result-score { font-size:14px; line-height:1.8; margin-top:10px; color:#65505a; }
.prize-passed { border:2px solid #bd8b4b; background:#fff1d9; }
.prize-passed .prize-steps li:first-child .prize-step-marker { background:var(--lime); }
.quiz-prize-hint { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:10px 14px; margin-bottom:22px; background:#fff0e1; color:var(--brand); border-radius:9px; font-size:11px; }
.quiz-prize-hint .text-btn { font-size:11px; white-space:normal; text-align:left; padding:0; }
.scenario p { margin:0; }
.scenario ul { padding-left:18px; margin:11px 0 0; }
.scenario li { margin:7px 0; }
.review-content .scenario { font-size:12px; margin-bottom:15px; }
@media(max-width:1200px) {
  .brand-logo { max-width:181px; }
}
@media(max-width:960px) {
  .prize-steps { grid-template-columns:1fr; gap:15px; }
  .prize-steps strong { font-size:13px; }
  .brand { padding:2px 4px; gap:10px; }
  .brand-logo { max-width:151px; }
  .brand-tagline { font-size:8px; }
}
@media(max-width:680px) {
  .prize-panel { padding:22px 19px; margin-top:24px; border-radius:13px; }
  .prize-panel h2 { font-size:22px; }
  .prize-result-score { font-size:12px; }
  .prize-steps { margin:18px 0; gap:17px; }
  .prize-steps strong { font-size:12px; }
  .prize-steps li div>span,.prize-return-note { font-size:10px; }
  .channel-links { gap:9px; }
  .channel-link { min-width:0; flex:1; gap:12px; font-size:12px; }
  .quiz-prize-hint { font-size:10px; gap:6px 12px; margin-bottom:20px; padding:11px 12px; }
  .quiz-prize-hint .text-btn { font-size:10px; }
  .scenario li { margin:9px 0; }
  .sidebar { min-height:84px; padding:0 21px; }
  .brand { width:auto; min-height:0; padding:0; gap:8px; flex-direction:column; align-items:flex-start; }
  .brand-logo { width:166px; max-width:166px; }
  .brand-tagline { font-size:8px; }
  .hero-art .shield-art { filter:drop-shadow(7px 8px 0 #c18475); }
}

/* Read prize conditions and open a channel before the quiz start action. */
.prize-panel:not(.prize-result) { margin-top:0; margin-bottom:32px; }