/* Дизайн 1 «Казахстанский характер»: глубокий синий и солнечно-жёлтый, тяжёлый гротеск Geologica, острые углы,
   один знак — свой завиток қошқар мүйіз. Серьёзно, как бланк экзамена, но запоминается. */
:root[data-design=d1]{
  --navy:#34497a; --navy-2:#40578d; --sun:#f0d48a; --sun-2:#f5dfa6; --on-sun:#232d45;
  --bg:#f2f3f6; --surface:#fcfcfd; --surface-raised:#e9ebf0;
  --ink:#232d45; --ink-muted:#4b566d; --ink-faint:#525c72;
  --accent:#3d5a92; --accent-ink:#fcfcfd; --accent-soft:#e3e8f1;
  --gold:#6f5620; --gold-soft:#f6edd2;
  --good:#37664e; --good-soft:#e1eee6;
  --bad:#934238; --bad-soft:#f5e6e3;
  --border:#d9dde5; --border-strong:#aab1bf;
  --shadow:none;
  --sans:'Golos Text',system-ui,-apple-system,sans-serif;
  --head:'Geologica','Golos Text',system-ui,sans-serif;
  /* посадочные */
  --fg:var(--ink); --mut:var(--ink-muted); --acc:var(--accent); --line:var(--border); --card:var(--surface);
}
@media (prefers-color-scheme:dark){:root[data-design=d1]:not([data-theme="light"]){
  --navy:#34497a; --navy-2:#40578d;
  --bg:#1b2233; --surface:#252e43; --surface-raised:#2f3951;
  --ink:#eef0f4; --ink-muted:#c0c6d3; --ink-faint:#adb4c4;
  --accent:#f0d48a; --accent-ink:#232d45; --accent-soft:#334059;
  --gold:#ecd28f; --gold-soft:#3b3524;
  --good:#a3d3b5; --good-soft:#2a3d33;
  --bad:#e8b0a9; --bad-soft:#47302e;
  --border:#39435a; --border-strong:#566079;
}}
:root[data-design=d1][data-theme="dark"]{
  --bg:#1b2233; --surface:#252e43; --surface-raised:#2f3951;
  --ink:#eef0f4; --ink-muted:#c0c6d3; --ink-faint:#adb4c4;
  --accent:#f0d48a; --accent-ink:#232d45; --accent-soft:#334059;
  --gold:#ecd28f; --gold-soft:#3b3524;
  --good:#a3d3b5; --good-soft:#2a3d33;
  --bad:#e8b0a9; --bad-soft:#47302e;
  --border:#39435a; --border-strong:#566079;
}

[data-design=d1] body{background:var(--bg);font-family:var(--sans)}
[data-design=d1] h1{font-family:var(--head);font-weight:800;font-size:clamp(2.125rem,5.6vw,3.5rem);line-height:1.06;letter-spacing:-.02em;margin:0 0 14px}
[data-design=d1] h2{font-family:var(--head);font-weight:800;font-size:clamp(1.5rem,3.4vw,2.125rem);line-height:1.12;letter-spacing:-.01em;margin:0 0 8px}
[data-design=d1] h3{font-family:var(--head);font-weight:700}
[data-design=d1] section{margin-bottom:56px}
[data-design=d1] a{text-underline-offset:.16em}

/* верхняя полоса: синяя на всех страницах, со знаком */
[data-design=d1] .topbar,[data-design=d1] .dz-top{background:var(--navy);color:#f7f8fa}
[data-design=d1] .topbar{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}
[data-design=d1] .dz-brand{color:#f7f8fa}
[data-design=d1] .dz-mark{color:var(--sun)}
[data-design=d1] .crumbs{font-size:.8125rem;color:#dfe3ec}
[data-design=d1] .crumbs a{color:#dfe3ec;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35)}
[data-design=d1] .crumbs a:hover{color:var(--sun)}
[data-design=d1] .crumbs b{color:#f7f8fa}
[data-design=d1] .crumbs span.sep{color:#c6cddb}
[data-design=d1] .topbar .btn.ghost{background:transparent;color:#f7f8fa;border-color:rgba(255,255,255,.45)}
[data-design=d1] .topbar .btn.ghost:hover{color:var(--on-sun);background:var(--sun);border-color:var(--sun)}
[data-design=d1] .topbar .btn.gear{color:#f7f8fa}
[data-design=d1] .topbar .badge.level{background:var(--sun);color:var(--on-sun)}
[data-design=d1] .topbar .badge.muted{background:rgba(255,255,255,.14);color:#f7f8fa}
[data-design=d1] .topbar .badge.ok{background:#e1eee6;color:#37664e}
[data-design=d1] .topbar .badge.warn{background:#f6edd2;color:#6f5620}
[data-design=d1] .topbar .badge.bad{background:#f5e6e3;color:#934238}
[data-design=d1] .topbar .clock{color:var(--sun)}
[data-design=d1] .progress-dots i{background:#7584a8}
[data-design=d1] .progress-dots i.done{background:#a3d3b5}
[data-design=d1] .progress-dots i.part{background:var(--sun)}
[data-design=d1] .progress-dots i.cur{outline-color:#f7f8fa}
[data-design=d1] .uipanel{margin:14px 0;border-radius:2px}
[data-design=d1] .cb{border-radius:2px}

/* первый экран и заголовки страниц: сплошной синий с большим завитком на краю */
[data-design=d1] .dz-hero,[data-design=d1] .dz-head{background:var(--navy);color:#f7f8fa;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);overflow:hidden}
[data-design=d1] .dz-hero{padding-top:44px;padding-bottom:0;margin-bottom:64px}
[data-design=d1] .dz-head{margin-bottom:28px;border-bottom:6px solid var(--sun)}
/* идёт раздел: заголовок и полоса таймера сливаются в одну плиту */
[data-design=d1][data-phase=run] .dz-head{margin-bottom:0;border-bottom:0;padding:16px calc(50vw - 50%) 6px}
[data-design=d1][data-phase=run] .dz-head h1{font-size:clamp(1.5rem,3vw,2rem);margin:0}
[data-design=d1][data-phase=run] .dz-head .kicker{margin-bottom:4px}
[data-design=d1][data-phase=run] .dz-horn{display:none}
[data-design=d1] .dz-hero h1,[data-design=d1] .dz-head h1{color:#f7f8fa;position:relative;max-width:17em}
[data-design=d1] .dz-hero h1{font-size:clamp(2.375rem,6.8vw,4.75rem);line-height:1.02;font-weight:900;max-width:14em}
[data-design=d1] .dz-hero .kicker,[data-design=d1] .dz-head .kicker{color:var(--sun);position:relative}
[data-design=d1] .dz-hero .lede,[data-design=d1] .dz-head .lede{color:#e4e8f0;position:relative;font-size:1.125rem}
[data-design=d1] .dz-hero .lede b,[data-design=d1] .dz-head .lede b{color:#f7f8fa}
[data-design=d1] .dz-horn{display:block;position:absolute;color:#40578d;right:calc(50% - 50vw - 40px);top:-30px;width:clamp(240px,34vw,500px);height:auto;pointer-events:none}
[data-design=d1] .dz-head .dz-horn{width:clamp(150px,20vw,270px);top:-20px;right:calc(50% - 50vw + 10px)}
[data-design=d1] .dz-hero>.kicker,[data-design=d1] .dz-hero>h1,[data-design=d1] .dz-hero>.lede,[data-design=d1] .dz-hero>section{position:relative;z-index:1}

/* экспресс-тест — жёлтая плита внизу первого экрана */
[data-design=d1] .dz-express{background:var(--sun);color:var(--on-sun);margin:34px calc(50% - 50vw) 0;padding:30px calc(50vw - 50%) 34px}
[data-design=d1] .dz-express .kicker{display:none}
[data-design=d1] .dz-express h2{color:var(--on-sun);font-size:clamp(1.625rem,3.8vw,2.5rem)}
[data-design=d1] .dz-express .sub{color:#333c52;font-size:1rem;max-width:58ch}
[data-design=d1] .dz-express .grid2{gap:10px}
[data-design=d1] .dz-express .exam-card{background:var(--navy);color:#f7f8fa;border:0;border-radius:2px;padding:18px 56px 18px 20px;position:relative}
[data-design=d1] .dz-express .exam-card::after{content:"→";position:absolute;right:20px;top:50%;transform:translateY(-50%);font:800 1.75rem/1 var(--head);color:var(--sun)}
[data-design=d1] .dz-express .exam-card:hover{background:var(--accent)}
[data-design=d1] .dz-express .exam-card .row{display:none}
[data-design=d1] .dz-express .exam-card .name{font-size:1.5rem;margin:0}
[data-design=d1] .dz-express .exam-card .tag{color:#e4e8f0;margin:2px 0 0}

/* карточки экзаменов на главной — разные, а не одинаковые: синяя и жёлтая */
[data-design=d1] .grid2{gap:24px}
[data-design=d1] .exam-card{border:0;border-radius:2px;box-shadow:none;padding:26px 28px}
[data-design=d1] .exam-card .name{font-family:var(--head);font-weight:800;font-size:clamp(1.75rem,3.4vw,2.5rem);line-height:1.08;margin:12px 0 6px;letter-spacing:-.01em}
[data-design=d1] .exam-card-wrap .exam-card{background:var(--navy);color:#f7f8fa}
[data-design=d1] .exam-card-wrap .exam-card .tag{color:#e4e8f0}
[data-design=d1] .exam-card-wrap:nth-child(2) .exam-card{background:var(--sun);color:var(--on-sun)}
[data-design=d1] .exam-card-wrap:nth-child(2) .exam-card .tag{color:#333c52}
[data-design=d1] .exam-card-wrap .badge.exam{background:rgba(255,255,255,.14);color:#f7f8fa;border:0}
[data-design=d1] .exam-card-wrap:nth-child(2) .badge.exam{background:rgba(10,26,63,.1);color:var(--on-sun)}
[data-design=d1] .exam-card-wrap .exam-card .badge.ok,[data-design=d1] .exam-card-wrap .exam-card .badge.warn{background:#f7f8fa;color:#37664e}
[data-design=d1] .exam-card-wrap .exam-card .badge.warn{color:#6f5620}
[data-design=d1] .exam-card-wrap .level-row .lvl{padding-top:2px}

/* строки уровней и разделов */
[data-design=d1] .levels,[data-design=d1] .stages,[data-design=d1] .ladder,[data-design=d1] .tablewrap{border:0;border-radius:2px;background:var(--border);gap:2px}
[data-design=d1] .exam-card-wrap .levels{margin-top:0!important}
[data-design=d1] .level-row{padding:16px 18px;gap:16px}
[data-design=d1] .level-row:hover{background:var(--accent-soft)}
[data-design=d1] .level-row .lvl{font-family:var(--head);font-weight:900;font-size:1.625rem;width:48px;line-height:1;color:var(--accent)}
[data-design=d1] .level-row .lvl-au{font-size:.9375rem}
[data-design=d1] .level-row .nm{font-size:1rem;font-weight:600}
[data-design=d1] .level-row .dsc{font-size:.875rem}
[data-design=d1] .vchip{border-radius:2px;border-width:1.5px;font-size:.8125rem;font-weight:700;min-width:30px;height:30px}
[data-design=d1] .hub-st .vchip{min-width:30px;height:30px}
[data-design=d1] .hub-st .vchip-lv{min-width:44px}
[data-design=d1] .vchip:hover,[data-design=d1] .vchip:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
[data-design=d1] .vchip.ok{background:var(--good);border-color:var(--good);color:var(--surface)}
[data-design=d1] .vchip.warn{background:var(--gold-soft);border-color:var(--gold);color:var(--gold)}
[data-design=d1] .stage{padding:18px 20px;grid-template-columns:52px 1fr auto}
[data-design=d1] .stage-num{font-family:var(--head);font-weight:900;font-size:2rem;line-height:1;padding:0}
[data-design=d1] .stage-name{font-family:var(--head);font-weight:700;font-size:1.125rem}
[data-design=d1] .stage-time{font-family:var(--head);font-weight:800;font-size:1.125rem}
[data-design=d1] .stages-total{font-size:.9375rem;background:var(--surface-raised)}
[data-design=d1] .ladder{gap:0}
[data-design=d1] .rung{padding:18px 20px;background:var(--surface);border-bottom:2px solid var(--border)}
[data-design=d1] .rung-level{font-family:var(--head);font-weight:900;font-size:1.625rem;line-height:1;min-width:44px}
[data-design=d1] .rung-name{font-size:1rem}

/* кнопки: прямоугольные, крупные, жёлтые */
[data-design=d1] .btn{background:var(--sun);border:2px solid var(--sun);color:var(--on-sun);font-family:var(--head);font-weight:700;font-size:1.0625rem;padding:13px 24px;border-radius:2px}
[data-design=d1] .btn:hover{filter:none;background:var(--sun-2);border-color:var(--sun-2)}
[data-design=d1] .btn:active{transform:none;background:#e6c777}
[data-design=d1] .btn.small{font-size:.875rem;padding:8px 14px;min-height:38px}
[data-design=d1] .btn.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}
[data-design=d1] .btn.ghost{background:transparent;color:var(--ink);border-color:var(--border-strong)}
[data-design=d1] .btn.ghost:hover{background:var(--accent-soft);color:var(--ink);border-color:var(--ink)}
[data-design=d1] .btn.danger{background:transparent;color:var(--bad);border-color:var(--border-strong)}
[data-design=d1] .btn.gear{padding:2px 10px}
[data-design=d1] .btn:focus-visible,[data-design=d1] .cb:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
[data-design=d1] .fb-tab{background:var(--surface);color:var(--ink);border-color:var(--border-strong);opacity:1}

/* блоки и подписи */
[data-design=d1] .block{border:0;border-radius:2px;padding:24px 26px}
[data-design=d1] .badge{border-radius:2px;font-size:.8125rem;font-weight:600;padding:3px 8px}
[data-design=d1] .notice{border:0;border-left:6px solid var(--gold);border-radius:0;padding:16px 20px;font-size:.9688rem}
[data-design=d1] .notice.info{border-left-color:var(--accent)}
[data-design=d1] .notice.good{border-left-color:var(--good)}
[data-design=d1] .notice b.t{font-family:var(--head);font-size:1.0625rem;font-weight:800;margin-bottom:6px}
[data-design=d1] .setlabel{border-radius:2px;font-size:.875rem}
[data-design=d1] .passage-title{font-size:.9375rem;font-weight:700;color:var(--ink-muted)}
[data-design=d1] .passage{font-size:1.0625rem;line-height:1.72}
[data-design=d1] .script{border-radius:0;border-left-width:6px}
[data-design=d1] .explain{border-radius:0;border-left-width:4px}
[data-design=d1] footer{border-top:6px solid var(--navy);font-size:.8438rem}

/* экран вопроса: тёмная полоса таймера, ответы — большие плиты */
[data-design=d1] .timerbar{background:var(--navy);border:0;color:#f7f8fa;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:10px calc(50vw - 50%) 12px;z-index:30}
[data-design=d1] .timerbar .lbl{color:#e4e8f0;font-size:.875rem;font-weight:500}
[data-design=d1] .timerbar .clock{color:var(--sun);font-family:var(--head);font-weight:800;font-size:1.75rem;line-height:1}
[data-design=d1] .timerbar .clock.warn{color:#f7f8fa}
[data-design=d1] .timerbar .tclock{color:#f7f8fa;border-color:rgba(255,255,255,.45);border-radius:2px}
[data-design=d1] .timerbar .tclock.over{color:#e8b0a9;border-color:#e8b0a9}
[data-design=d1] .timerbar .clock.over{color:#e8b0a9}
[data-design=d1] .dz-progress>i{background:rgba(255,255,255,.2)}
[data-design=d1] .dz-progress>i.on{background:var(--sun)}
[data-design=d1] .dz-progress-sum{color:#f7f8fa}
[data-design=d1] .q-text{font-family:var(--head);font-weight:600;font-size:1.125rem;line-height:1.4;margin-bottom:14px}
[data-design=d1] .q-text .qn{font-weight:900;color:var(--accent)}
[data-design=d1] .q{margin-top:26px;padding-top:24px;border-top:2px solid var(--border)}
[data-design=d1] .opts{gap:8px}
[data-design=d1] .opt{border:2px solid var(--border);border-radius:2px;padding:13px 16px;font-size:1rem;gap:12px;align-items:center}
[data-design=d1] .opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
[data-design=d1] .opt .k{font-family:var(--head);font-weight:800;font-size:1.125rem;color:var(--accent)}
[data-design=d1] .opt:hover{border-color:var(--accent);background:var(--accent-soft)}
[data-design=d1] .opt:focus-within{outline:3px solid var(--accent);outline-offset:2px}
[data-design=d1] .opt.selected{background:var(--navy);border-color:var(--navy);color:#f7f8fa}
[data-design=d1] .opt.selected .k{color:var(--sun)}
[data-design=d1] .opt.correct{background:var(--good-soft);border-color:var(--good);color:var(--ink)}
[data-design=d1] .opt.wrong{background:var(--bad-soft);border-color:var(--bad);color:var(--ink)}
[data-design=d1] .opt.correct .k{color:var(--good)}
[data-design=d1] .opt.wrong .k{color:var(--bad)}
[data-design=d1] .opt.locked:hover{background:var(--surface)}
[data-design=d1] .opt.correct.locked:hover{background:var(--good-soft)}
[data-design=d1] .opt.wrong.locked:hover{background:var(--bad-soft)}

/* экран результата: синяя плита, счёт жёлтым на всю высоту, полоса процента */
[data-design=d1] .score-card{background:var(--navy);color:#f7f8fa;border:0;border-radius:2px;padding:26px 30px 34px;gap:26px;overflow:hidden}
[data-design=d1] .score-big{font-family:var(--head);font-weight:900;font-size:clamp(3.75rem,10vw,5.75rem);color:var(--sun);letter-spacing:-.03em}
[data-design=d1] .score-big small{font-size:.42em;color:#e4e8f0;font-weight:700;letter-spacing:0}
[data-design=d1] .score-card b{font-family:var(--head);font-size:1.25rem;font-weight:700;line-height:1.25;display:block;margin-bottom:4px}
[data-design=d1] .score-card .m{color:#e4e8f0}
[data-design=d1] .score-card::after{content:"";position:absolute;left:0;bottom:0;height:10px;width:var(--p,0);background:var(--sun)}
[data-design=d1] .score-card[data-band=level]::after{display:none}
[data-design=d1] .diff{background:var(--surface);padding:14px 20px;margin:0 0 18px}
[data-design=d1] .diff .cb{background:transparent;color:var(--ink);border:2px solid var(--border-strong);border-radius:2px}
[data-design=d1] .diff .cb:hover{background:var(--sun);border-color:var(--sun);color:var(--on-sun)}
[data-design=d1] .nsteps{border:0;background:var(--surface);border-top:6px solid var(--sun);padding:20px 24px}
[data-design=d1] .nsteps b.t{font-size:1.5rem;color:var(--ink);margin-bottom:12px}
[data-design=d1] .nsteps .nstep .btn{font-size:.9375rem;padding:10px 16px}
[data-design=d1] .actions{margin:0 0 18px}
[data-design=d1] #app>.actions:last-child,[data-design=d1] .dz-head~.block .actions,[data-design=d1] .block .actions{margin:22px 0 0}
[data-design=d1] .tile{border:0;border-radius:2px}
[data-design=d1] .tile-big{font-weight:900}

/* тёмная тема: синие плиты остаются, поверхности темнее, границы плит заметнее */
@media (prefers-color-scheme:dark){:root[data-design=d1]:not([data-theme="light"]) .opt.selected{background:var(--sun);border-color:var(--sun);color:var(--on-sun)}
  :root[data-design=d1]:not([data-theme="light"]) .opt.selected .k{color:var(--on-sun)}
  :root[data-design=d1]:not([data-theme="light"]) .vchip.ok{color:#232d45}
  :root[data-design=d1]:not([data-theme="light"]) .dz-express .exam-card:hover{background:var(--navy-2)}
  :root[data-design=d1]:not([data-theme="light"]) footer{border-top-color:var(--sun)}
}
:root[data-design=d1][data-theme="dark"] .opt.selected{background:var(--sun);border-color:var(--sun);color:var(--on-sun)}
:root[data-design=d1][data-theme="dark"] .opt.selected .k{color:var(--on-sun)}
:root[data-design=d1][data-theme="dark"] .vchip.ok{color:#232d45}

/* посадочные страницы */
[data-design=d1] body>main{font-family:var(--sans);font-size:1.0625rem}
[data-design=d1] body{font:1.0625rem/1.6 var(--sans)}
[data-design=d1] body>main .dz-top{background:var(--navy)}
[data-design=d1] body>main .dz-hero{background:var(--navy);color:#f7f8fa;margin:0 0 8px;padding:30px max(16px,calc(50vw - 23rem)) 40px;border-bottom:6px solid var(--sun)}
[data-design=d1] body>main .dz-hero .kicker{color:var(--sun);text-transform:none;letter-spacing:0;font-size:1rem;font-weight:700}
[data-design=d1] body>main .dz-hero h1{font-size:clamp(2.125rem,6vw,3.5rem);max-width:none}
[data-design=d1] body>main .dz-hero .lead{color:#e4e8f0}
[data-design=d1] body>main .dz-hero a:not(.cta){color:#f7f8fa;font-weight:600}
[data-design=d1] body>main .dz-horn{top:-10px;right:-30px;left:auto;width:clamp(170px,26vw,340px)}
[data-design=d1] .cta{background:var(--sun);color:var(--on-sun);font-family:var(--head);font-weight:700;font-size:1.125rem;padding:15px 26px;border-radius:2px}
[data-design=d1] .cta:hover{background:var(--sun-2)}
[data-design=d1] body>main h2{font-size:clamp(1.5rem,4vw,1.875rem);border-top:0;padding-top:0;margin:1.7em auto .5em}
[data-design=d1] body>main th{text-transform:none;letter-spacing:0;font-size:.875rem;color:var(--ink-muted)}
[data-design=d1] body>main td,[data-design=d1] body>main th{border-bottom:2px solid var(--line)}
[data-design=d1] body>main ol{list-style:none;counter-reset:v;padding-left:16px;display:grid;gap:2px}
[data-design=d1] body>main ol li{counter-increment:v;background:var(--surface);margin:0;padding:12px 16px 12px 58px;position:relative;font-size:.9688rem}
[data-design=d1] body>main ol li::before{content:counter(v);position:absolute;left:16px;top:10px;font:900 1.625rem/1.2 var(--head);color:var(--accent)}
[data-design=d1] body>main ol li a{font-family:var(--head);font-weight:700}
[data-design=d1] .more a{background:var(--surface);padding:6px 10px;text-decoration:none;font-weight:600;font-size:.9062rem;border-radius:2px}
[data-design=d1] .more a:hover{background:var(--accent-soft)}
[data-design=d1] .tgbox{border:0;border-left:6px solid var(--accent);border-radius:0;background:var(--surface)}
[data-design=d1] .note{border-left-width:4px}
[data-design=d1] body>main footer{border-top:6px solid var(--navy);margin-top:3em}
@media (max-width:560px){
  [data-design=d1] .dz-hero{padding-top:30px;margin-bottom:44px}
  [data-design=d1] .dz-horn{width:190px;right:-54px;top:-14px;opacity:.75}
  [data-design=d1] .dz-head .dz-horn{width:120px;right:-20px;top:-10px}
  [data-design=d1] .exam-card{padding:20px}
  [data-design=d1] .block{padding:18px 16px}
  [data-design=d1] .stage{grid-template-columns:40px 1fr;padding:16px}
  [data-design=d1] .stage-num{font-size:1.625rem}
  [data-design=d1] .level-row{padding:14px;gap:12px}
  [data-design=d1] .score-card{padding:20px 20px 28px;gap:10px}
  [data-design=d1] .btn{width:auto}
}
@media (max-width:560px){
  [data-design=d1] .dz-hero h1{font-size:2.125rem}
  [data-design=d1] h1{font-size:1.875rem}
  [data-design=d1] body>main .dz-hero h1{font-size:2rem}
  [data-design=d1] .topbar .btn.small{min-height:34px;padding:5px 10px}
  [data-design=d1] .dz-head{margin-bottom:20px}
}

/* ---- коротко на экране, подробности под кнопкой (30.10.2026) ---- */
[data-design=d1] .dz-more{margin:10px 0 0}
[data-design=d1] .dz-more>summary,[data-design=d1] .dz-acc>summary{list-style:none;cursor:pointer}
[data-design=d1] .dz-more>summary::-webkit-details-marker,[data-design=d1] .dz-acc>summary::-webkit-details-marker{display:none}
[data-design=d1] .dz-more>summary{display:inline-flex;align-items:center;gap:6px;min-height:36px;font-family:var(--head);font-weight:700;font-size:.9375rem;color:var(--accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.2em}
[data-design=d1] .dz-chev{width:16px;height:16px;flex:none;transition:transform .15s}
[data-design=d1] details[open]>summary .dz-chev{transform:rotate(180deg)}
[data-design=d1] .dz-more>summary:focus-visible,[data-design=d1] .dz-acc>summary:focus-visible{outline:3px solid currentColor;outline-offset:2px}
[data-design=d1] .dz-more-body{padding-top:8px}
[data-design=d1] .dz-more-body>*:last-child{margin-bottom:0}
[data-design=d1] .dz-more-body p{margin:0 0 8px}
[data-design=d1] .dz-more-body .hint{display:block}
/* на синем и на жёлтом кнопка берёт цвет плиты */
[data-design=d1] .dz-hero .dz-more>summary,[data-design=d1] .dz-head .dz-more>summary{color:#f7f8fa}
[data-design=d1] .dz-hero .dz-more,[data-design=d1] .dz-head .dz-more{position:relative;z-index:1}
[data-design=d1] .dz-express .dz-more>summary{color:var(--on-sun)}
[data-design=d1] .dz-express .dz-more{margin-top:12px}
[data-design=d1] .dz-express .sub{margin:0}
[data-design=d1] body>main .dz-hero .dz-more>summary{color:#f7f8fa}
[data-design=d1][data-route=express][data-phase=run] .dz-head .dz-more{display:none}

/* первый экран: короткий крик вместо абзаца */
[data-design=d1] .dz-hero h1{font-size:clamp(2.625rem,7.4vw,5.5rem);max-width:12em;margin-bottom:12px}
[data-design=d1] .dz-punch{position:relative;z-index:1;margin:0;font-family:var(--head);font-weight:800;font-size:clamp(1.375rem,3vw,2rem);line-height:1.15;color:var(--sun)}
[data-design=d1] .dz-hero{padding-top:56px}
[data-design=d1] .dz-express{margin-top:36px}
[data-design=d1] .dz-express h2{margin-bottom:16px}
[data-design=d1] .dz-express .grid2{order:1}
[data-design=d1] .dz-express .exam-card .tag{display:block}

/* главная: строка уровня — только уровень, название, статус и номера вариантов */
[data-design=d1] .level-row .dsc{display:none}
[data-design=d1] .level-row .nm .muted.small{display:none}
[data-design=d1] .level-row .badge.muted{display:none}
[data-design=d1] .exam-card-wrap .level-row,[data-design=d1] .dz-levels-flat .level-row,[data-design=d1] section .levels .level-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
[data-design=d1] .exam-card-wrap .level-row .hub-st{grid-column:auto;margin:0}
[data-design=d1] .exam-card-wrap .level-row .lvl{padding-top:0}
[data-design=d1] .level-row .hub-nm{margin:0}
[data-design=d1] .level-row .nm{font-family:var(--head);font-weight:700;font-size:1.0625rem}
[data-design=d1] .level-row .st .variants{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin:0;justify-content:flex-end}
[data-design=d1] .exam-card .tag{margin:0}
[data-design=d1] .exam-card .row.spread{display:none}
[data-design=d1] .exam-card .name{margin-top:0}
[data-design=d1] section .sub{margin:0}
[data-design=d1] section>.dz-more{margin:0 0 16px}

/* разделы-гармошки: прежний заголовок и стрелка */
[data-design=d1] .dz-acc{background:var(--surface);margin:0 0 2px}
[data-design=d1] .dz-acc>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;min-height:60px}
[data-design=d1] .dz-acc>summary:hover{background:var(--accent-soft)}
[data-design=d1] .dz-acc-title{font-family:var(--head);font-weight:800;font-size:clamp(1.125rem,2.4vw,1.375rem);line-height:1.2}
[data-design=d1] .dz-acc .dz-chev{width:22px;height:22px;color:var(--accent)}
[data-design=d1] .dz-acc-body{padding:0 20px 20px}
[data-design=d1] .dz-acc-body .sub{margin:0 0 12px}
[data-design=d1] .dz-acc+section,[data-design=d1] .dz-acc+footer,[data-design=d1] .dz-acc+.notice{margin-top:32px}
[data-design=d1] .dz-acc-body .levels,[data-design=d1] .dz-acc-body .stages,[data-design=d1] .dz-acc-body .ladder{background:var(--border)}

/* на странице теста строка раздела без описания */
[data-design=d1] a.stage .stage-desc{display:none}
[data-design=d1] a.stage{align-items:center}
[data-design=d1] a.stage .stage-tasks .muted,[data-design=d1] a.stage .stage-tasks br{display:none}
[data-design=d1] .actions .hint:not([role]){display:none}

/* плашки и «Что дальше» */
[data-design=d1] .notice>.dz-more{margin-top:4px}
[data-design=d1] .notice p.row,[data-design=d1] .notice>p{margin-bottom:6px}
[data-design=d1] .dz-next-btns{display:flex;flex-wrap:wrap;gap:10px}
[data-design=d1] .nsteps .dz-more-body p{padding:8px 0;border-top:1px solid var(--border);margin:0}
[data-design=d1] .nsteps .dz-more-body p:first-child{border-top:0}

/* посадочная: варианты кнопками */
[data-design=d1] .dz-variants h2{margin-bottom:12px!important}
[data-design=d1] .dz-variant-btns{display:flex;flex-wrap:wrap;gap:8px}
[data-design=d1] .dz-variant{background:var(--navy);color:#f7f8fa;font-family:var(--head);font-weight:700;padding:12px 18px;text-decoration:none;border-radius:2px}
[data-design=d1] .dz-variant:hover{background:var(--accent);color:var(--accent-ink)}
[data-design=d1] body>main .dz-acc{max-width:46rem;margin-left:auto;margin-right:auto}
[data-design=d1] body>main .dz-acc:first-of-type{margin-top:24px}
[data-design=d1] body>main .tgbox{margin-top:24px}
[data-design=d1] body>main .dz-acc-title{font-size:1.25rem}
[data-design=d1] body>main .dz-acc-body>h2{display:none}
[data-design=d1] body>main .dz-more{padding-left:0}
[data-design=d1] .seo-nav .dz-more{margin:0}
[data-design=d1] .seo-nav .dz-more>summary{font-size:.875rem}

@media (max-width:560px){
  [data-design=d1] .dz-hero{padding-top:34px}
  [data-design=d1] .dz-hero h1{font-size:2.375rem}
  [data-design=d1] .dz-punch{font-size:1.375rem}
  [data-design=d1] .dz-more>summary{min-height:44px}
  [data-design=d1] .exam-card-wrap .level-row,[data-design=d1] section .levels .level-row{grid-template-columns:auto minmax(0,1fr)}
  [data-design=d1] .exam-card-wrap .level-row .hub-st,[data-design=d1] section .levels .level-row .hub-st{grid-column:2;margin-top:-4px}
  [data-design=d1] .level-row .st .variants{justify-content:flex-start}
  [data-design=d1] .dz-next-btns .btn{width:100%;justify-content:center}
  [data-design=d1] .dz-variant{flex:1 1 40%;text-align:center}
}
@media (prefers-color-scheme:dark){
  :root[data-design=d1]:not([data-theme="light"]) .dz-variant:hover{color:var(--accent-ink)}
}
[data-design=d1]:not([data-route=hub]) .seo-nav{display:none}

/* ---- правки владельца 30.10.2026: воздух в заголовках, шестерёнка, не похоже на флаг ---- */
/* Қ и Ғ с хвостом вниз: без отрицательной разрядки и кернинга хвост не наезжает на соседнюю букву и на строку ниже */
[data-design=d1] h1,[data-design=d1] h2,[data-design=d1] h3,[data-design=d1] .dz-hero h1,[data-design=d1] body>main .dz-hero h1,[data-design=d1] .exam-card .name,[data-design=d1] .dz-punch,[data-design=d1] .dz-acc-title,[data-design=d1] .stage-name,[data-design=d1] .dz-brand,[data-design=d1] .q-text,[data-design=d1] .level-row .nm{letter-spacing:.012em;word-spacing:.1em;font-kerning:none}
[data-design=d1] h1,[data-design=d1] body>main .dz-hero h1{font-weight:800;line-height:1.16}
[data-design=d1] .dz-hero h1{font-weight:800;line-height:1.14}
[data-design=d1] h2,[data-design=d1] .exam-card .name{line-height:1.2}
[data-design=d1] .score-big{letter-spacing:0}

/* шестерёнка: значок на половину кнопки */
[data-design=d1] .btn.gear{display:inline-flex;align-items:center;justify-content:center;width:44px;height:38px;min-height:38px;padding:0;font-size:0}
[data-design=d1] .dz-gear{width:22px;height:22px;flex:none}

/* блоки аудирования: строка на экзамен */
[data-design=d1] .level-row.dz-au-row{grid-template-columns:minmax(0,1fr) auto}
[data-design=d1] .dz-au-row .hub-st{margin:0;grid-column:auto}
[data-design=d1] .dz-au-row .variants.v-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:flex-end}

@media (max-width:560px){
  [data-design=d1] .btn.gear{width:40px;height:34px;min-height:34px}
  [data-design=d1] .dz-gear{width:20px;height:20px}
  [data-design=d1] .level-row.dz-au-row{grid-template-columns:minmax(0,1fr)}
  [data-design=d1] .dz-au-row .variants.v-grid{justify-content:flex-start}
  [data-design=d1] .dz-au-row .hub-st{margin-top:-4px}
}

/* ---- орнамент едва заметным узором (правка владельца 30.10.2026) ---- */
/* синяя и жёлтая плиты покрыты узором из знака со сдвигом рядов, тон в тон; вместе с плитой вернулась жёлтая полоса на всю ширину */
:root[data-design=d1]{--orn-navy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%233f5689' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='translate%2810 10%29 scale%28.8%29' d='M50 92V60C50 36 60 12 79 12c13 0 20 12 15 23-5 10-20 9-22-1-1-8 8-12 13-6M50 60C50 36 40 12 21 12 8 12 1 24 6 35c5 10 20 9 22-1 1-8-8-12-13-6M50 74c7 2 16 1 20-6 3-6-3-11-8-8M50 74c-7 2-16 1-20-6-3-6 3-11 8-8M36 92h28'/%3E%3Cpath transform='translate%28110 110%29 scale%28.8%29' d='M50 92V60C50 36 60 12 79 12c13 0 20 12 15 23-5 10-20 9-22-1-1-8 8-12 13-6M50 60C50 36 40 12 21 12 8 12 1 24 6 35c5 10 20 9 22-1 1-8-8-12-13-6M50 74c7 2 16 1 20-6 3-6-3-11-8-8M50 74c-7 2-16 1-20-6-3-6 3-11 8-8M36 92h28'/%3E%3C/svg%3E");--orn-sun:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23e8ca7c' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='translate%2810 10%29 scale%28.8%29' d='M50 92V60C50 36 60 12 79 12c13 0 20 12 15 23-5 10-20 9-22-1-1-8 8-12 13-6M50 60C50 36 40 12 21 12 8 12 1 24 6 35c5 10 20 9 22-1 1-8-8-12-13-6M50 74c7 2 16 1 20-6 3-6-3-11-8-8M50 74c-7 2-16 1-20-6-3-6 3-11 8-8M36 92h28'/%3E%3Cpath transform='translate%28110 110%29 scale%28.8%29' d='M50 92V60C50 36 60 12 79 12c13 0 20 12 15 23-5 10-20 9-22-1-1-8 8-12 13-6M50 60C50 36 40 12 21 12 8 12 1 24 6 35c5 10 20 9 22-1 1-8-8-12-13-6M50 74c7 2 16 1 20-6 3-6-3-11-8-8M50 74c-7 2-16 1-20-6-3-6 3-11 8-8M36 92h28'/%3E%3C/svg%3E")}
[data-design=d1] .topbar,[data-design=d1] .dz-top,[data-design=d1] .dz-hero,[data-design=d1] .dz-head,[data-design=d1] body>main .dz-hero,[data-design=d1] .exam-card-wrap .exam-card{background-image:var(--orn-navy);background-size:120px 120px}
[data-design=d1] .exam-card-wrap:nth-child(2) .exam-card{background-image:var(--orn-sun);background-size:120px 120px}
/* плашка экспресс-теста чистая, решение владельца 30.10.2026 */
[data-design=d1] .dz-express{background-image:none}
@media (max-width:560px){
  [data-design=d1] .topbar,[data-design=d1] .dz-top,[data-design=d1] .dz-hero,[data-design=d1] .dz-head,[data-design=d1] body>main .dz-hero,[data-design=d1] .exam-card-wrap .exam-card,[data-design=d1] .dz-express,[data-design=d1] .exam-card-wrap:nth-child(2) .exam-card{background-size:92px 92px}
}

/* кнопка раскрытия — только стрелка */
[data-design=d1] .dz-more>summary{min-width:44px;min-height:40px;text-decoration:none}
[data-design=d1] .dz-more>summary .dz-chev{width:26px;height:26px}
[data-design=d1] .seo-nav .dz-more>summary{text-decoration:underline}
[data-design=d1] .seo-nav .dz-more>summary .dz-chev{width:16px;height:16px}
/* заголовок первого экрана собран: слова ближе, длинное название не рвётся, шрифт подстраивается под ширину */
[data-design=d1] h1,[data-design=d1] h2,[data-design=d1] h3,[data-design=d1] .dz-hero h1,[data-design=d1] body>main .dz-hero h1,[data-design=d1] .exam-card .name,[data-design=d1] .dz-punch,[data-design=d1] .dz-acc-title,[data-design=d1] .stage-name,[data-design=d1] .dz-brand,[data-design=d1] .q-text,[data-design=d1] .level-row .nm{word-spacing:.02em}
[data-design=d1] .dz-hero h1{text-wrap:balance}
[data-design=d1][lang=kk] .dz-hero h1{font-size:clamp(1.75rem,5.4vw,4.25rem);max-width:none}
[data-design=d1] .dz-hero.dz-hub h1{font-size:clamp(1.75rem,5.4vw,4.25rem);max-width:none}
@media (max-width:560px){
  [data-design=d1] .dz-hero h1{font-size:clamp(1.625rem,8.6vw,2.375rem);max-width:none}
  [data-design=d1][lang=kk] .dz-hero h1{font-size:clamp(1.375rem,6.7vw,2rem)}
  [data-design=d1] .dz-hero.dz-hub h1{font-size:clamp(1.375rem,6.7vw,2rem)}
  [data-design=d1] .dz-more>summary{min-height:44px}
}
/* слово на кнопке раскрытия скрыто и на посадочных, где нет стилей приложения */
[data-design=d1] .dz-toggle .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* стрелка раскрытия справа от текста */
[data-design=d1] div.dz-more,[data-design=d1] .notice>div.dz-more,[data-design=d1] section>div.dz-more{margin:0}
[data-design=d1] .dz-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:36px;margin:-8px 0 -8px 4px;padding:0;border:0;background:none;color:inherit;cursor:pointer;vertical-align:middle;font:inherit}
[data-design=d1] .dz-toggle .dz-chev{width:26px;height:26px}
[data-design=d1] .dz-toggle.open .dz-chev{transform:rotate(180deg)}
[data-design=d1] .dz-toggle:hover{opacity:.7}
[data-design=d1] .dz-toggle:focus-visible{outline:3px solid currentColor;outline-offset:1px}
[data-design=d1] .actions>.dz-toggle,[data-design=d1] .dz-variant-btns>.dz-toggle{margin:0;height:44px;color:var(--ink)}
[data-design=d1] .dz-next-btns{margin-top:0}
[data-design=d1] .nsteps b.t{display:block}
[data-design=d1] .dz-head .dz-toggle,[data-design=d1] .dz-hero .dz-toggle{position:relative;z-index:1}
[data-design=d1][data-route=express][data-phase=run] .dz-head .dz-toggle{display:none}
[data-design=d1] .dz-more-body{padding-top:6px}
[data-design=d1] .dz-express .dz-more-body{padding-bottom:14px}
@media (max-width:560px){
  [data-design=d1] .dz-punch{font-size:1.125rem}
  [data-design=d1][data-route=section] .actions:has(>.dz-toggle){flex-wrap:nowrap}
}

/* второй орнамент — түйе табан, след верблюда, «дальний путь»: только на кнопках начала. Там, где логичнее стрелка, остаётся стрелка */
:root[data-design=d1]{--tuye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M45 10C27 19 11 40 11 63c0 17 14 28 34 28z'/%3E%3Cpath d='M55 10c18 9 34 30 34 53 0 17-14 28-34 28z'/%3E%3C/svg%3E")}
[data-design=d1] .btn[data-act=start]::before,[data-design=d1] .btn[data-act=x-start]::before,[data-design=d1] .cta::before,[data-design=d1] .notice a.btn[href^="#/express/"]::before{content:"";flex:none;width:1.2em;height:1.2em;background:currentColor;-webkit-mask:var(--tuye) center/contain no-repeat;mask:var(--tuye) center/contain no-repeat}
[data-design=d1] .cta{display:inline-flex;align-items:center;gap:10px}

/* правки владельца 01.11.2026 */
[data-design=d1] .hintbtn{display:inline-flex;align-items:center;gap:8px}
[data-design=d1] .hintbtn .sw{position:relative;width:30px;height:16px;border:2px solid currentColor;border-radius:9px;flex:none}
[data-design=d1] .hintbtn .sw::after{content:"";position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:currentColor;transition:left .15s}
[data-design=d1] .hintbtn.on .sw{background:var(--sun);border-color:var(--sun)}
[data-design=d1] .hintbtn.on .sw::after{left:16px;background:var(--navy)}
[data-design=d1] .soc-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:14px}
[data-design=d1] .soc{display:inline-flex;gap:8px}
[data-design=d1] .soc-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid currentColor;border-radius:50%;color:#f7f8fa;text-decoration:none}
[data-design=d1] .soc-link:hover,[data-design=d1] .soc-link:focus-visible{background:var(--sun);border-color:var(--sun);color:var(--navy)}
[data-design=d1] .btn.icon{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px}
[data-design=d1] .share-icons{display:inline-flex;flex-wrap:wrap;gap:10px}
[data-design=d1] .share-icons[hidden]{display:none}
[data-design=d1] .dz-split{margin-bottom:18px}
[data-design=d1] #app>.actions.dz-end{margin:18px 0 0}
[data-design=d1] .skel.now{background:none;border-color:var(--border)}
[data-design=d1] .skel.now .tag{color:var(--ink-faint)}
[data-design=d1] .skel.past{opacity:1}

/* правки владельца 01.11.2026 (второй круг) */
[data-design=d1] .dz-hero.dz-hub .lede,[data-design=d1] .dz-hero.dz-hub .dz-more-body{max-width:none}
[data-design=d1][data-route=test] .dz-head h1{font-size:clamp(1.75rem,5.2vw,3.25rem);max-width:none}
[data-design=d1] .dz-end .btn{box-sizing:border-box;height:44px;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center}
[data-design=d1] .dz-end .btn.icon{width:44px;min-width:44px;padding:0}
[data-design=d1] .legal-row{font-size:.875rem;color:var(--ink-muted)}
[data-design=d1] .sub{max-width:none}