:root{--c-tools:#566476;--tl:#f2f5f8}  /* цвет раздела «Инструменты»; остальные токены, шрифт и каркас — platform.css */
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
body>main.wrap{width:100%}  /* body платформы — flex-колонка: без ширины контейнер сжался бы по контенту */
.wrap.narrow>*{max-width:820px}  /* узкие страницы — колонка по левому краю сетки (как .pf-wrap.narrow) */
h2{font-size:22px;letter-spacing:-.01em;margin-bottom:6px}
.sub{color:var(--mut);margin-bottom:18px}
section{margin-top:64px}
.pf-header section{margin-top:0}  /* колонки панели «Платформа» — не секции страницы */
.chip{display:inline-block;font-size:11px;font-weight:700;border-radius:10px;padding:1px 8px;background:#eef2f0;color:var(--mut)}

/* --- язык J (ТЗ 2026-10-16-site-apple-redesign, по образцу фазы 5 «Маска»): капсулы pf-cap, плашки pf-alert,
   пейволл pf-pw, ошибка pf-err, заголовок pf-app-head — platform.css; здесь — только своё у «Корректора» --- */
.hero{padding-top:var(--pf-gap-hero);max-width:760px}.hero h1{font-size:64px;line-height:1.02;letter-spacing:-.04em;font-weight:800;margin:22px 0 14px}
.hero-id{display:flex;align-items:center;gap:14px}
.lead{font-size:19px;color:var(--mut)}.lead.ink{color:var(--ink);font-weight:600}
.pf-app-head .pf-badge{margin-bottom:6px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px}.facts.one{grid-template-columns:1fr}
.fact{display:flex;gap:14px;align-items:flex-start;padding:22px}.facts.one .fact{padding:12px 0}.fact b{display:block}.fact span{color:var(--mut)}
.facts.pf-mat .fact+.fact{box-shadow:inset 1px 0 0 var(--hair)}
.fact .pf-gl{background:var(--tl);background:color-mix(in srgb,var(--c-tools) 12%,#fff)}
.note{margin-top:28px;background:#fff;background:var(--mat-thick);box-shadow:inset 0 0 0 1px var(--hair);border-radius:var(--r-m);padding:14px 18px;color:var(--mut);font-size:14px}
.stepper{display:flex;gap:6px;margin:var(--pf-gap-page) 0 20px;flex-wrap:wrap}.stepper span{padding:6px 14px;border-radius:999px;background:rgba(24,35,31,.06);color:var(--mut);font-weight:600;font-size:13px}.stepper .on{background:var(--c-tools);color:#fff}.stepper .ok{background:var(--tl);color:var(--c-tools)}
.two{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:start}
.panel{background:#fff;background:var(--mat-thick);border-radius:var(--r-l);padding:24px;box-shadow:inset 0 1px 0 var(--edge),0 0 0 1px var(--hair),0 1px 2px rgba(24,35,31,.04)}
.panel h2{font-size:18px}
.drop{display:block;border:1.5px dashed #c3ccd5;border-radius:var(--r-m);padding:26px 22px;text-align:center;color:var(--mut);background:rgba(255,255,255,.55);cursor:pointer}.drop b{display:block;color:var(--ink);margin-bottom:2px;font-size:17px}.drop .pf-icon{margin:0 auto 12px}.drop.big{margin-top:22px;padding:34px}.drop.over,.drop.done{border-style:solid;border-color:var(--c-tools);background:var(--tl)}
.drop{position:relative}.drop input[type=file]{position:absolute;width:1px;height:1px;opacity:0}
.pick{margin-top:12px}.fname{display:block;margin-top:8px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}.fname:empty{display:none}
.inp{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 14px;font:15px Onest,sans-serif;background:#fff;color:var(--ink)}
.inp:focus{outline:none;border-color:var(--c-tools)}.inp.ro{background:var(--bg)}
.acts{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap;align-items:center}
.acts form{display:contents}
.fix{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.fix s{color:#8a9892}.fix .o{color:var(--mut);font-size:12px}
.pages{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.pages button{border:1px solid var(--line);border-radius:8px;padding:4px 10px;font:600 13px Onest,sans-serif;background:#fff;color:var(--ink);cursor:pointer}.pages .on{border-color:var(--c-tools);color:var(--c-tools);background:var(--tl)}
.meter{height:6px;border-radius:4px;background:#eef2f0;overflow:hidden;margin-top:4px}.meter i{display:block;height:100%;width:0;background:var(--g)}
.mt14{margin-top:14px}.mt48{margin-top:48px}.mt56{margin-top:56px}
.hint{color:var(--mut);font-size:13px;margin-top:10px;min-height:1em}
.privacy{font-size:13px;color:var(--mut);margin-top:12px}
.hidden{display:none !important}
/* значок в строке вместо эмодзи; предупреждение во всплывающем окне правки; пейволл и ошибка — по центру колонки */
.ic{width:1em;height:1em;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.vwarn{background:#fff4ea;box-shadow:inset 0 0 0 1px rgba(180,83,9,.2);border-radius:var(--r-s);padding:10px 12px;color:var(--pf-amber);font-size:13px;margin-top:8px}
.marker-note{margin-top:14px}
.state{margin:var(--pf-gap-page) auto 0}.pf-pw .pf-alert{text-align:left;margin:4px 0 0}.pf-pw .acts{justify-content:center;margin-top:8px}.pf-pw .pf-cap{margin-top:0}
.pf-alert{margin-top:14px}
[hidden]{display:none !important}

/* --- скан и слова --- */
.scan{position:relative;width:100%;background:#fbfaf6;border:1px solid #e3e0d6;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden;user-select:none}
.scan img{display:block;width:100%;height:100%}
.words{position:absolute;inset:0}
.w{position:absolute;border:0;padding:0;margin:0;background:transparent;border-radius:3px;cursor:pointer}
.w:hover,.w:focus-visible{background:rgba(51,65,85,.08);outline:1px solid rgba(51,65,85,.4)}
.w.typo{background:rgba(51,65,85,.14);border-bottom:2px dotted var(--c-tools)}
.w.sel{outline:2px solid var(--c-tools);background:rgba(51,65,85,.2)}
.w.fixed{background:rgba(11,110,79,.13);border-bottom:2px solid var(--g)}
.pop{position:relative;margin:16px 0 0 auto;width:360px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(24,35,31,.16);padding:16px;font:14px/1.5 Onest,system-ui,sans-serif;color:var(--ink)}
.pop label{font-size:12px;color:var(--mut);font-weight:600;display:block;margin:8px 0 4px}
.verdict{font-size:13px;margin-top:8px;min-height:1.2em}.verdict.ok{color:var(--g);font-weight:600}.verdict .vwarn{margin-top:0}
.ba{margin-top:10px}.ba-lbl{display:flex;justify-content:space-between}.ba-lbl small{font:600 11px Onest,sans-serif;color:var(--mut)}
.cmp{position:relative;background:#fbfaf6;border:1px solid #e3e0d6;border-radius:8px;overflow:hidden}
.cmp img{display:block;width:100%;height:auto}
.cmp img.after{position:absolute;inset:0;width:100%;height:100%;clip-path:inset(0 0 0 50%)}
.ba input[type=range]{width:100%;margin-top:6px;accent-color:var(--c-tools)}
.fontline{font-size:12px;color:var(--mut);margin-top:10px}
.linkbtn{border:0;background:none;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer;margin-top:4px}
.fontline select{margin-top:6px;padding:7px 10px;font-size:13px}
.side .acts{margin-top:14px}
.mob-note{display:none}
.layer-note{margin:14px 0 0}

@media (max-width:900px){.facts.pf-mat .fact+.fact{box-shadow:inset 0 1px 0 var(--hair)}.hero h1{font-size:44px}.two,.facts{grid-template-columns:1fr}.pop{margin-left:0}}
@media (max-width:720px){.desk{display:none !important}.mob-note{display:flex}.wrap{padding:0 16px}.hero h1{font-size:36px}.acts .pf-cap{width:100%}}

/* --- отказ самопроверки: подсветка исправления в списке и слова на скане --- */
.fix.bad{background:#fff4ea;box-shadow:inset 0 0 0 1px rgba(180,83,9,.2);border-bottom:0;border-radius:var(--r-s);padding:9px 10px;margin:6px 0}
.fix.bad .o{color:var(--pf-amber)}
.fix.bad .fa{display:flex;flex-direction:column;gap:4px;text-align:right}
.fix.bad .fa .linkbtn:first-child{color:var(--pf-amber);font-weight:600;white-space:nowrap}
.w.badw{background:rgba(180,83,9,.16);outline:2px solid var(--pf-amber)}
.drop:focus-within{outline:2px solid var(--c-tools);outline-offset:2px}