/* Главная, «Так выглядит сверка»: живой пример по макету D-landing
   (docs/audit/2026-10-04-neurogolos-new-look/screens/D-landing.dc.html,
   блок «показ сверки»). С аудита главной 2026-10-05 пример живой (решения,
   шкала, список чтецу — в браузере) и тянется по ширине: окно чтения больше
   не фиксировано 666 px и не прячется на телефоне. Общие детали (шкала .scl,
   метки mk-*, ось .axis, значки .vi, .tag, .tcur, kbd, .ico) — из
   nv-screens.css. Подключается только на главной. */
.p-land .show{margin-top:18px;padding:18px 24px 22px;border-radius:var(--r-panel);background:var(--panel)}
.p-land .show .show-top{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.p-land .show .show-top .t{font:600 14px/20px var(--f-ui)}
.p-land .show .show-top .t span{font-weight:400;color:var(--muted)}
.p-land .show .lg{margin-left:auto;display:flex;align-items:center;gap:18px;font:400 12px/16px var(--f-ui);color:var(--muted)}
.p-land .show .lg span{display:inline-flex;align-items:center;gap:6px}
.p-land .show .lg svg{width:12px;height:18px;display:block}
.p-land .show .show-sc{margin-top:10px}
.p-land .show .show-sc .scl{cursor:pointer}
.p-land .show .show-sc .axis{margin-top:4px}
/* метки шкалы: видна одна из трёх — по решению места (data-s) */
.p-land .show .dm-mk rect{display:none}
.p-land .show .dm-mk[data-s=err] .mk-err,.p-land .show .dm-mk[data-s=fp] .mk-fp,.p-land .show .dm-mk[data-s=wait] .mk-wait{display:inline}
.p-land .show .dm-mk .dm-hit{display:inline;fill:transparent}
.p-land .show .show-b{display:flex;gap:24px;margin-top:16px;align-items:stretch}
.p-land .show .mc{flex:1;min-width:0}
.p-land .show .card{padding:14px 20px 16px;border-radius:var(--r-card);background:var(--sel);border:0;box-shadow:none}
.p-land .show .card .tag{background:var(--panel)}
.p-land .show .card-h{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:36px}
.p-land .show .pos{margin-left:auto;font:400 13px/18px var(--f-mono);color:var(--muted);white-space:nowrap}
.p-land .show .pos b{color:var(--ink);font-weight:500}
.p-land .show .dm-nav{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:var(--r-ctl);font:500 20px/1 var(--f-ui);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer}
.p-land .show .dm-nav:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ctl)}
/* окно чтения — reader.js экрана сверки (полоса места, слово в рамке или под
   волной, плашка «чтец: …» над словом); здесь только поправки как в nv-report.css */
.p-land .show .dm-reader{margin:12px -20px 0;color:var(--ink-2);font-kerning:normal}
.p-land .show .rd-lines{padding-inline:20px}
.p-land .show .pm .note{padding:3px 10px;border-radius:var(--r-ctl);background:var(--err-soft);color:var(--err);font:600 16px/24px var(--f-ui);letter-spacing:0}
.p-land .show .pm .note i{font-weight:500;color:var(--anno-k);opacity:1;margin-right:1px}
.p-land .show .rd-lens .pm .note{padding:0 8px;line-height:22px}
/* запасной текст до запуска скрипта: место — ступенька, плашка не наезжает на строку выше */
.p-land .show .rw{padding-inline:20px;font-family:var(--f-book);text-wrap:pretty}
.p-land .show .rw .pm{margin-top:2.4rem}
/* плеер — над стыком решений, как на экране сверки */
.p-land .show .dm-play{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px}
.p-land .show .dm-play .btn{height:36px;padding:0 12px}
.p-land .show .dm-play [data-skip]{min-width:48px}
.p-land .show .dm-listen{min-width:120px}
.p-land .show .dm-clock{margin-left:8px;font:400 13px/18px var(--f-mono);color:var(--muted);white-space:nowrap}
.p-land .show .dm-clock b{font-weight:500;color:var(--ink)}
.p-land .show .vds{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.p-land .show .vd{height:44px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--r-ctl);font:600 16px/24px var(--f-ui);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer}
.p-land .show .vd:hover{background:var(--sel)}
.p-land .show .vd .vi{width:20px;height:20px}
/* значок на залитой кнопке — цветом надписи */
.p-land .show .vd[aria-pressed=true] .vi circle{fill:currentColor}
.p-land .show .vd-err[aria-pressed=true] .vi path{stroke:var(--err)}
.p-land .show .vd-fp[aria-pressed=true] .vi path{stroke:var(--ink-2)}
.p-land .show .vd-err{box-shadow:inset 0 0 0 1.5px var(--err)}
.p-land .show .vd-fp[aria-pressed=true]{background:var(--ink-2);color:var(--panel);box-shadow:none}
.p-land .show .vd-err[aria-pressed=true]{background:var(--err);color:var(--on-err);box-shadow:none}
.p-land .show .vd[aria-pressed=true] kbd{background:transparent;box-shadow:inset 0 0 0 1px currentColor;color:inherit}
.p-land .show .dm-say{min-height:20px;margin-top:10px;font:400 14px/20px var(--f-ui);color:var(--ink-2)}
.p-land .show .docx{width:360px;flex:none;padding:16px 20px;border-radius:var(--r-card);background:var(--sel)}
.p-land .show .docx-h{display:flex;align-items:center;gap:8px;font:600 16px/24px var(--f-ui)}
.p-land .show .docx-s{margin-top:4px;font:400 13px/19px var(--f-ui);color:var(--muted)}
.p-land .show .docx ol{margin:12px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.p-land .show .docx li{display:grid;grid-template-columns:48px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);font:400 14px/20px var(--f-ui);color:var(--ink-2)}
.p-land .show .docx li .mono{font:400 14px/20px var(--f-mono);color:var(--muted)}
.p-land .show .docx li b{font-weight:600;color:var(--ink)}
.p-land .show .docx li em{font-style:normal;font-weight:600;color:var(--err)}
.p-land .show .docx li i{font-style:normal;color:var(--muted);margin:0 5px}
.p-land .show .docx .nt{margin-top:10px;font:400 13px/19px var(--f-ui);color:var(--muted)}
.p-land .show .dm-again{margin-top:12px}
/* `hidden` у кнопки и подписи сильнее правил display (.btn — inline-flex) */
.p-land .show [hidden]{display:none}
.p-land .show p{margin:0}
@media (max-width:1100px){
.p-land .show .show-b{flex-direction:column}
.p-land .show .docx{width:auto}
}
@media (max-width:720px){
.p-land .show .lg{margin-left:0;flex-wrap:wrap}
.p-land .show .axis span:nth-child(even){display:none}
.p-land .show{padding:16px}
.p-land .show .card{padding:12px 14px 14px}
.p-land .show .dm-reader{margin-inline:-14px}
.p-land .show .rd-lines,.p-land .show .rw{padding-inline:14px}
.p-land .show .vd{font-size:15px;gap:8px}
.p-land .show .vd kbd{display:none}
.p-land .show .dm-play .btn{height:44px}
.p-land .show .dm-clock{display:none}
}
@media (max-width:360px){
.p-land .show .vd{font-size:14px;gap:6px}
.p-land .show .vd .vi{width:18px;height:18px}
}