/* Стиль в духе Lifeinvader: синяя шапка, светлый фон, белые карточки */
:root{
  color-scheme:light;
  --bg:#e9ebee; --panel:#fff; --ink:#1c1e21; --muted:#65676b; --line:#dddfe2; --accent:#2f6db5; --accent-dk:#245a99; --bar:#2b64a8;
  --ok:#1f7a45; --no:#c0392b; --info:#2f6db5; --cond:#a86a00; --unk:#5b6572;
  --ok-bg:#e4f4ea; --no-bg:#fbe8e6; --cond-bg:#fdf1d8; --unk-bg:#eceff3;
  --soft:#f5f7fa; --shadow:0 1px 2px rgba(16,24,40,.05),0 4px 14px rgba(16,24,40,.06);
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:15px/1.5 "Segoe UI",Tahoma,"Lucida Grande",Verdana,Arial,sans-serif}
h1{font-size:1.35rem;margin:0 0 .25rem;font-weight:700;color:#1d3b66}
h2{font-size:1.1rem;margin:0 0 .75rem}
.wrap{max-width:760px;margin:0 auto;padding:clamp(16px,4vw,48px)}
.sub{color:var(--muted);margin:0 0 1.5rem}
textarea,input,select{width:100%;font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:.65rem .75rem}
textarea{resize:vertical;min-height:5.5rem}
textarea:focus,input:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
label{display:block;font-size:.9rem;color:var(--muted);margin:.9rem 0 .25rem}
button{font:inherit;font-weight:600;font-size:.93rem;cursor:pointer;border:1px solid #ced0d4;background:#f6f7f9;color:#4b4f56;border-radius:3px;padding:.45rem .95rem}
button:hover{background:#ebedf0}
button.primary{background:var(--accent);border-color:var(--accent-dk);color:#fff}
button.primary:hover{background:var(--accent-dk)}
button:disabled{opacity:.55;cursor:wait}
.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-top:.9rem}
.verdict{margin-top:1.5rem;background:var(--panel);border:1px solid var(--line);border-left:6px solid var(--unk);border-radius:3px;padding:1rem 1.2rem;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.verdict.ok{border-left-color:var(--ok)} .verdict.no{border-left-color:var(--no)}
.verdict.info{border-left-color:var(--info)} .verdict.info .word{color:var(--info)}
.verdict.cond{border-left-color:var(--cond)} .verdict.unk{border-left-color:var(--unk)}
.verdict .word{font-size:1.75rem;font-weight:700;line-height:1.15}
.verdict.ok .word{color:var(--ok)} .verdict.no .word{color:var(--no)}
.verdict.cond .word{color:var(--cond)} .verdict.unk .word{color:var(--unk)}
.verdict p{margin:.6rem 0 0}
.verdict .meta{color:var(--muted);font-size:.95rem;margin-top:.2rem}
.note{background:var(--cond-bg);border-radius:3px;padding:.6rem .8rem;margin-top:.8rem}
details{margin-top:.9rem;border-top:1px solid var(--line);padding-top:.7rem}
summary{cursor:pointer;color:var(--muted)}
.rule-text{white-space:pre-wrap;margin:.4rem 0 .8rem;font-size:.95rem}
.err{color:var(--no);margin-top:1rem}
.fb{margin-top:1rem;display:flex;gap:.5rem;align-items:center;color:var(--muted);font-size:.95rem}
.fb button{padding:.3rem .7rem}
/* admin */
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:8px clamp(16px,3vw,32px);background:var(--bar);color:#fff;border-bottom:1px solid #1f4f8c}
.top button{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff}
.top button:hover{background:rgba(255,255,255,.25)}
.tabs{display:flex;gap:.3rem}
.tabs button{border:none;background:none;padding:.4rem .8rem;border-radius:3px;color:#cfe0f5}
.tabs button:hover{background:rgba(255,255,255,.14)}
.tabs button.on{background:#fff;color:var(--bar)}
.main{padding:clamp(16px,3vw,32px);max-width:1180px;margin:0 auto}
.cols{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}
@media (max-width:820px){.cols{grid-template-columns:1fr}}
.list{background:var(--panel);border:1px solid var(--line);border-radius:3px;max-height:70vh;overflow:auto}
.item{display:block;width:100%;text-align:left;border:none;border-bottom:1px solid var(--line);border-radius:0;padding:.7rem .9rem;background:none}
.item.on{background:var(--bg)}
.item b{display:inline-block;min-width:2.8rem}
.badge{float:right;font-size:.8rem;padding:.05rem .5rem;border-radius:99px;background:var(--unk-bg);color:var(--unk)}
.badge.live{background:var(--ok-bg);color:var(--ok)} .badge.mod{background:var(--cond-bg);color:var(--cond)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:1.2rem 1.4rem}
.grid2{display:grid;grid-template-columns:120px 1fr;gap:12px}
table{width:100%;border-collapse:collapse;font-size:.95rem}
td,th{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}
.hist{margin-top:1rem;font-size:.9rem}
.hist div{padding:.4rem 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#1c1e21;color:#fff;padding:.6rem 1rem;border-radius:3px}
.hidden{display:none}

/* цитаты */
blockquote{margin:.5rem 0;padding:.5rem .8rem;border-left:3px solid var(--line);color:var(--muted);font-size:.95rem;white-space:pre-wrap}
.q-rule{display:block;font-size:.8rem;font-weight:600;color:var(--accent);margin-bottom:.15rem}
/* документ */
.drop{border:2px dashed var(--line);text-align:center;margin:1rem 0;transition:background .15s}
.drop.over{background:var(--bg);border-color:var(--accent)}
.meta-line{color:var(--muted);font-size:.92rem;margin:.2rem 0 0}
.diff{font-size:.9rem;margin-top:.6rem}
.diff .h{border-top:1px solid var(--line);padding:.5rem 0}
.diff .del,.diff .add{white-space:pre-wrap;padding:.15rem .5rem;border-radius:4px;margin:.15rem 0}
.diff .del{background:var(--no-bg);color:var(--no)} .diff .add{background:var(--ok-bg);color:var(--ok)}
.preview{white-space:pre-wrap;font-size:.88rem;max-height:18rem;overflow:auto;background:var(--bg);border-radius:3px;padding:.7rem}
.histrow{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.93rem}
.histrow:last-child{border-bottom:none}

/* справочник: шаблоны и подсказки из таблицы */
.tpl{margin-top:.9rem;border:1px solid var(--line);border-radius:3px;overflow:hidden}
.tpl-h{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.35rem .6rem;background:var(--bg);font-size:.85rem;color:var(--muted)}
.tpl-h button{padding:.2rem .6rem;font-size:.85rem}
.tpl-t{white-space:pre-wrap;padding:.7rem .8rem;font-size:.95rem}
.sugg{margin-top:.9rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.sugg-h{color:var(--muted);font-size:.9rem;margin-right:.2rem}
.chip{background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:.15rem .7rem;font-size:.92rem}
.chip i{font-style:normal;color:var(--muted);font-size:.8rem}

/* шапка и логотип */
.lbar{background:var(--bar);border-bottom:1px solid #1f4f8c}
.lbar-in{max-width:760px;margin:0 auto;padding:9px clamp(16px,4vw,48px);display:flex;align-items:baseline;gap:.9rem}
.logo{font-family:"Trebuchet MS","Segoe UI",Tahoma,sans-serif;font-size:1.5rem;font-weight:400;color:#fff;letter-spacing:-.02em;line-height:1}
.logo b{font-weight:800}
.lbar-sub{color:#cfe0f5;font-size:.9rem}
.top .logo{font-size:1.3rem}
.top .who{display:flex;align-items:baseline;gap:.7rem}
.top .who>span:not(.logo){color:#cfe0f5;font-size:.9rem}
.badge.live{color:#fff;background:var(--ok)}
th{color:var(--muted);font-weight:600;font-size:.88rem}
details{border-top-color:var(--line)}
summary{color:var(--accent)}

.corr{margin-top:.9rem;border:1px solid var(--line);border-left:4px solid #d98e04;border-radius:3px;padding:.5rem .8rem;background:var(--cond-bg)}
.corr-h{font-size:.85rem;color:var(--muted);margin-bottom:.2rem}
.corr-r{font-size:1rem;padding:.1rem 0}
.corr-r s{color:var(--muted)}
.corr-r .arrow{margin:0 .2rem}
.tpl-t mark{background:#fff0a8;color:inherit;border-radius:2px;padding:0 .1rem}
.tpl-orig{border-top:1px solid var(--line);padding:.3rem .8rem;font-size:.85rem;color:var(--muted)}
.tpl-o{white-space:pre-wrap;padding:.4rem 0;color:inherit}

/* вход и тестирование */
.lbar-gap{flex:1}
.lbar-in{align-items:center}
.lbar-btn{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);color:#fff;padding:.3rem .8rem}
.lbar-btn:hover{background:rgba(255,255,255,.25)}
.utabs{display:flex;gap:.3rem;border-bottom:2px solid var(--line);margin-bottom:1.2rem}
.utabs button{border:none;background:none;border-radius:3px 3px 0 0;padding:.5rem 1rem;color:var(--muted);margin-bottom:-2px;border-bottom:2px solid transparent}
.utabs button.on{color:var(--accent);border-bottom-color:var(--accent);background:none}
.tk{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:.8rem 1rem;margin-top:.6rem}
.qz{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:.9rem 1.1rem;margin-top:.8rem}
.qz-t{font-weight:600;margin-bottom:.4rem;white-space:pre-wrap}
.qz label.opt{display:flex;gap:.55rem;align-items:flex-start;color:var(--ink);font-size:.97rem;margin:.3rem 0;padding:.3rem .4rem;border-radius:3px;cursor:pointer}
.qz label.opt:hover{background:var(--bg)}
.qz label.opt input{width:auto;margin-top:.25rem}
.qz-hint{font-size:.82rem;color:var(--muted);margin-bottom:.2rem}
.rq{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--unk);border-radius:3px;padding:.7rem 1rem;margin-top:.7rem}
.rq.ok{border-left-color:var(--ok)} .rq.no{border-left-color:var(--no)} .rq.cond{border-left-color:var(--cond)}
.rq-h{display:flex;justify-content:space-between;gap:1rem;font-weight:600}
.rq.ok .rq-v{color:var(--ok)} .rq.no .rq-v{color:var(--no)} .rq.cond .rq-v{color:var(--cond)}
.rq p{margin:.35rem 0 0}
/* админка: билеты */
.qcard{border:1px solid var(--line);border-radius:3px;padding:.8rem 1rem;margin-top:.8rem;background:var(--panel)}
.qcard.new{border-left:5px solid var(--cond)}
.orow{display:flex;gap:.4rem;align-items:center;margin:.25rem 0}
.orow input[type=checkbox]{width:auto}
.orow .ol{min-width:1.4rem;color:var(--muted)}
.orow button{padding:.25rem .6rem}
.rep{background:var(--bg);border-radius:3px;padding:.6rem .8rem;margin-top:.6rem;font-size:.93rem}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
@media (max-width:700px){.grid3{grid-template-columns:1fr}}

/* ===== Спокойная тема (публичный сайт, body.tt): светлая и тёмная по настройке системы ===== */
body.tt{color-scheme:light dark;--bg:#eef1f5;--panel:#fff;--ink:#1f2937;--muted:#667085;--line:#e1e6ee;--accent:#3f6fb5;--accent-dk:#335b96;
  --soft:#f5f7fa;--hit:#fde9a2;--shadow:0 1px 2px rgba(16,24,40,.05),0 4px 14px rgba(16,24,40,.06);
  --ok:#2e7d57;--no:#b94a48;--cond:#a8741a;--info:#3f6fb5;--unk:#667085;--ok-bg:#e6f3ec;--cond-bg:#fbf1d9;
  background:var(--bg);color:var(--ink);font:15px/1.6 "Inter","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
@media(prefers-color-scheme:dark){body.tt{--bg:#13171d;--panel:#1b2129;--ink:#e2e6ec;--muted:#98a1b0;--line:#2b333e;--accent:#7ea7e6;--accent-dk:#6b94d3;
  --soft:#222a34;--hit:#6a5a1c;--shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.25);
  --ok:#6cc596;--no:#e58a86;--cond:#e0b45c;--info:#7ea7e6;--unk:#98a1b0;--ok-bg:#1f3329;--cond-bg:#3a3118}}
body.tt .wrap{max-width:960px}
body.tt #p-help{max-width:740px}
body.tt h1{font:600 1.7rem/1.2 inherit;color:var(--ink);letter-spacing:-.01em;margin-bottom:.35rem}
body.tt .sub{color:var(--muted)}
body.tt label{color:var(--muted)}
body.tt textarea,body.tt input{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;font-family:inherit;box-shadow:var(--shadow);padding:.8rem 1rem}
body.tt textarea:focus,body.tt input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}
body.tt button{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;font-family:inherit;font-weight:500;transition:background .15s,border-color .15s}
body.tt button:hover{background:var(--soft);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
body.tt button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
body.tt button.primary:hover{background:var(--accent-dk)}
body.tt .lbar{background:var(--panel);border-bottom:1px solid var(--line)}
body.tt .lbar-in{max-width:960px}
body.tt .logo{font:600 1.35rem/1 inherit;color:var(--ink);letter-spacing:-.02em}
body.tt .logo b{font-weight:600;color:var(--accent)}
body.tt .lbar-sub{color:var(--muted)}
body.tt .lbar-btn{background:var(--soft);color:var(--ink);border-color:var(--line)}
body.tt .utabs{display:inline-flex;gap:.2rem;padding:.25rem;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:1.5rem}
body.tt .utabs button{background:none;border:none;color:var(--muted);border-radius:9px;padding:.4rem 1rem;margin:0}
body.tt .utabs button:hover{background:var(--soft);color:var(--ink)}
body.tt .utabs button.on{background:var(--accent);color:#fff}
body.tt .verdict,body.tt .tk,body.tt .qz,body.tt .rq{background:var(--panel);border:1px solid var(--line);border-left-width:5px;border-radius:12px;box-shadow:var(--shadow)}
body.tt .verdict .word{font-weight:600;font-size:1.6rem}
body.tt .verdict.ok,body.tt .rq.ok{border-left-color:var(--ok)}body.tt .verdict.no,body.tt .rq.no{border-left-color:var(--no)}
body.tt .verdict.cond,body.tt .rq.cond{border-left-color:var(--cond)}body.tt .verdict.info{border-left-color:var(--info)}
body.tt .tpl,body.tt .corr{border-radius:10px}
body.tt .tpl-h{background:var(--soft)}
body.tt .chip{background:var(--soft);border-color:var(--line)}
body.tt .note{background:var(--cond-bg);border-radius:10px}
body.tt .err{color:var(--no)}
body.tt .tpl-t mark{background:var(--hit);color:inherit}

/* Ручной поиск */
.sq-box{position:relative}
#kbq{padding:1rem 1.1rem 1rem 2.9rem;font-size:1.05rem;border-radius:14px}
.sq-box:before{content:"";position:absolute;left:1.1rem;top:50%;width:.8rem;height:.8rem;margin-top:-.55rem;border:2px solid var(--muted);border-radius:50%;z-index:1}
.sq-box:after{content:"";position:absolute;left:1.85rem;top:50%;width:2px;height:.4rem;background:var(--muted);transform:translate(-.1rem,.28rem) rotate(-45deg);z-index:1}
.sq-help{color:var(--muted);font-size:.84rem;margin:.7rem .2rem 0}
.sq-help summary{cursor:pointer;width:max-content}
.sq-help code{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:.05rem .4rem;color:var(--ink);font-size:.82rem}
.sq-sug{position:absolute;left:0;right:0;top:100%;margin-top:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;z-index:5;box-shadow:var(--shadow);overflow:hidden}
.sq-sug div{padding:.5rem 1rem;cursor:pointer;display:flex;justify-content:space-between;gap:1rem}
.sq-sug div.on,.sq-sug div:hover{background:var(--soft)}
.sq-sug small{color:var(--muted)}
.kb-bar{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:flex-start;margin:1.1rem 0 .5rem}
.kb-chips{display:flex;flex-wrap:wrap;gap:.4rem;flex:1}
body.tt button.kb-chip{border-radius:999px;padding:.2rem .8rem;font-size:.86rem;font-weight:400;background:var(--panel)}
body.tt button.kb-chip.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}
.kb-chip small{opacity:.65;margin-left:.35rem}
.kb-view{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
body.tt .kb-view button{border:none;border-radius:0;padding:.25rem .9rem;font-size:.86rem}
body.tt .kb-view button.on{background:var(--soft);color:var(--accent);font-weight:600}
.kb-view button:disabled{opacity:.4;cursor:not-allowed}
#kbinfo{color:var(--muted);margin:.3rem .2rem 1.1rem;font-size:.88rem}
.rs{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:.9rem 1.2rem 1rem;margin-bottom:.9rem}
.rs-top{display:flex;gap:.7rem;align-items:center;font-size:.8rem;color:var(--muted)}
.rs-sh{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);border-radius:999px;padding:.05rem .65rem;font-weight:500}
.rs h3{font-size:1.04rem;font-weight:600;line-height:1.4;margin:.4rem 0 .25rem;cursor:copy;word-break:break-word}
.rs-sn{margin:.2rem 0;cursor:copy;word-break:break-word;white-space:pre-wrap;font-size:.94rem;color:var(--ink)}
.rs-sn i{font-style:normal;color:var(--muted);margin-right:.5rem;font-size:.86rem}
.rs details{margin-top:.6rem;border-top:1px solid var(--line);padding-top:.5rem}
.rs summary{color:var(--muted);font-size:.84rem}
.rs .f{display:flex;gap:.8rem;padding:.2rem 0;font-size:.92rem}
.rs .f i{font-style:normal;color:var(--muted);min-width:7rem;max-width:9rem;flex:none;font-size:.84rem}
.rs .f div{white-space:pre-wrap;word-break:break-word;flex:1;cursor:copy}
.rs [data-c]{border-radius:6px}
.rs [data-c]:hover{background:var(--soft)}
.rs .copied,.tb .copied{outline:2px solid var(--accent)}
.rs mark,.tb mark{background:var(--hit);color:inherit;border-radius:3px;padding:0 .1rem}
.tb-wrap{overflow:auto;max-height:70vh;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);background:var(--panel)}
.tb{border-collapse:separate;border-spacing:0;font-size:.88rem;min-width:100%}
.tb th{position:sticky;top:0;background:var(--soft);color:var(--muted);font-weight:600;text-align:left;padding:.55rem .8rem;white-space:nowrap;border-bottom:1px solid var(--line)}
.tb td{padding:.45rem .8rem;border-bottom:1px solid var(--line);vertical-align:top;min-width:6rem;max-width:22rem;white-space:pre-wrap;word-break:break-word;cursor:copy}
.tb tr:hover td{background:var(--soft)}
.kb-more{display:block;margin:1.2rem auto}

/* Ручной поиск: пары «как подают ➜ как редактируют» */
.pr-head,.pr{display:grid;grid-template-columns:1fr 1.6rem 1fr;gap:.6rem;align-items:center}
.pr-head{color:var(--muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:0 1.1rem .35rem}
.pr{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:.65rem 1.1rem;margin-bottom:.5rem;position:relative}
.pr-f,.pr-t,.pr-o{word-break:break-word;white-space:pre-wrap;cursor:copy;border-radius:6px;padding:.1rem .3rem;margin:0 -.3rem}
.pr-t{font-weight:600;color:var(--ok)}
.pr-t.same{font-weight:400;color:var(--muted)}
.pr-ar{color:var(--muted);text-align:center}
.pr-f:hover,.pr-t:hover,.pr-o:hover,.pr-o [data-c]:hover{background:var(--soft)}
.pr .copied{outline:2px solid var(--accent)}
.pr-src{grid-column:1/-1;color:var(--muted);font-size:.74rem;opacity:.8}
.pr.one,.pr.row{grid-template-columns:1fr}
.pr.row .pr-o b{display:block}
.pr.row .pr-o i{font-style:normal;color:var(--muted);margin-right:.5rem;font-size:.86rem}
.pr mark{background:var(--hit);color:inherit;border-radius:3px;padding:0 .1rem}
@media(max-width:620px){.pr-head{display:none}.pr{grid-template-columns:1fr;gap:.15rem}.pr-ar{text-align:left;transform:rotate(90deg);width:1.2rem}}

/* Индивидуальные шаблоны */
.tp{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--ok);border-radius:14px;box-shadow:var(--shadow);padding:.9rem 1.2rem 1rem;margin-bottom:.9rem}
.tp-top{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;align-items:center;font-size:.82rem}
.tp-st{font-weight:600;color:var(--ok);background:color-mix(in srgb,var(--ok) 13%,transparent);border-radius:999px;padding:.05rem .7rem}
.tp-meta{color:var(--muted)}
.tp-grid{display:grid;grid-template-columns:8.5rem 1fr;gap:.55rem .9rem;margin-top:.7rem;align-items:start}
.tp-k{color:var(--muted);font-size:.82rem;padding-top:.45rem}
.tp-code{font-weight:700;font-size:1.15rem;letter-spacing:.01em;cursor:copy;border-radius:8px;padding:.25rem .6rem;width:max-content;max-width:100%;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);word-break:break-word}
.tp-code:hover{outline:1px solid var(--accent)}
.tp-code.copied{outline:2px solid var(--accent)}
.tp-until{padding-top:.3rem}.tp-until span{color:var(--muted);font-size:.84rem}
@media(max-width:600px){.tp-grid{grid-template-columns:1fr;gap:.1rem}.tp-k{padding-top:.5rem}}
.tp-body{white-space:pre-wrap;word-break:break-word;cursor:copy;border-radius:8px;padding:.5rem .7rem;background:var(--soft);border:1px solid var(--line)}
.tp-body:hover{border-color:var(--accent)}
.tp-body.copied{outline:2px solid var(--accent)}
.tp-foot{color:var(--muted);font-size:.84rem;margin-top:.45rem}
.tp.soon{border-left-color:var(--cond)}.tp.soon .tp-st{color:var(--cond);background:color-mix(in srgb,var(--cond) 15%,transparent)}
.tp.expired{border-left-color:var(--muted);box-shadow:none;background:var(--soft)}
.tp.expired .tp-st{color:var(--muted);background:color-mix(in srgb,var(--muted) 15%,transparent)}
.tp.expired .tp-code,.tp.expired .tp-body{color:var(--muted);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--muted) 60%,transparent);background:transparent;cursor:default}
.tp.expired .tp-code{outline:none}
.tp.expired .tp-until{color:var(--muted)}

/* Упрощённый поиск: строка + «Где искать» */
.kb-top{display:flex;gap:.7rem;align-items:stretch;flex-wrap:wrap}
.kb-top .sq-box{flex:1;min-width:14rem}
body.tt select.kb-sel{width:auto;max-width:14rem;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);padding:.6rem .9rem;font:inherit;box-shadow:var(--shadow);cursor:pointer}
body.tt select.kb-sel:focus{outline:none;border-color:var(--accent)}
#kbinfo{margin:.8rem .2rem 1rem}
.pr{margin-bottom:.6rem}

.tabs button{white-space:nowrap}