/* Внутренние страницы лендинга (письма, ИИ-фильтр, цены, сравнение, вопросы, статьи).
   Поверх landing.css: те же токены, шрифты, шапка и подвал. Текст — колонкой для чтения. */

.brand-mark img{display:block;width:100%;height:100%;background:#FAF5EA}
.nav a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--red)}

/* Крошки */
.crumbs{display:flex;flex-wrap:wrap;gap:6px;padding-top:22px;font-size:13.5px;color:var(--ink-3)}
.crumbs a{color:var(--ink-2);text-decoration:none}
.crumbs a:hover{color:var(--ink);text-decoration:underline}

/* Шапка страницы */
.p-hero{padding-block:clamp(22px,4vw,48px) clamp(28px,4vw,48px)}
.p-hero h1{font-size:clamp(30px,4.2vw,50px);max-width:22ch}
.p-hero .lede{max-width:64ch}
.p-hero-note{font-size:14px;color:var(--ink-3)}

/* Текст */
.prose-wrap{padding-bottom:clamp(40px,6vw,72px)}
.prose{max-width:760px;font-size:17.5px;line-height:1.7;color:var(--ink-2)}
.prose > * + *{margin-top:18px}
.prose h2{
  font-size:clamp(22px,2.4vw,30px);max-width:none;margin:clamp(40px,6vw,64px) 0 0;color:var(--ink);
  scroll-margin-top:88px;
}
.prose h3{font-size:19px;margin-top:30px;color:var(--ink)}
.prose h2 + p,.prose h3 + p{margin-top:12px}
.prose b,.prose strong{color:var(--ink);font-weight:600}
.prose a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--red)}
.prose a:hover{text-decoration-thickness:2px}
.prose ul,.prose ol{padding-left:1.25em;display:grid;gap:8px}
.prose ul li::marker{color:var(--red-text)}
.prose ol li::marker{color:var(--red-text);font-family:'JetBrains Mono',monospace;font-size:.9em}
.prose .note{padding:16px 18px;border-radius:16px;background:var(--bg-2);font-size:16px;line-height:1.6}
.prose .note b{display:block;margin-bottom:4px}
.prose .toc{padding:18px 20px;border-radius:18px;box-shadow:0 0 0 1px var(--line-2);font-size:15.5px}
.prose .toc p{font:500 11px/1.2 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.prose .toc ol{gap:4px}

/* Пример письма / вакансии */
.prose .ex{padding:18px 20px;border-radius:18px;background:var(--card);box-shadow:var(--shadow);font-size:16px;line-height:1.65;color:var(--ink)}
.prose .ex .mini{font:500 11px/1.2 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.prose .ex p + p{margin-top:10px}
.prose .ex.bad{box-shadow:0 0 0 1px var(--line-2);background:transparent;color:var(--ink-2)}
.m-word{background:var(--mark-word);border-radius:4px;padding:0 2px}
.m-vac{background:var(--mark-vac);border-radius:4px;padding:0 2px}
.m-res{background:var(--mark-res);border-radius:4px;padding:0 2px}

/* Таблицы: на телефоне листаются вбок внутри себя, страница — нет */
.tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px;box-shadow:0 0 0 1px var(--line-2)}
.tbl table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;line-height:1.45}
.tbl th,.tbl td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.tbl thead th{font:500 11.5px/1.3 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:var(--bg-2)}
.tbl tbody th{color:var(--ink);font-weight:600}
.tbl tr:last-child td,.tbl tr:last-child th{border-bottom:0}
.tbl .yes{color:var(--ok);font-weight:600}
.tbl .no{color:var(--chalk)}

/* Вопросы на странице */
.prose .qa{border-top:1px solid var(--line-2)}
.prose .qa:last-of-type{border-bottom:1px solid var(--line-2)}
.prose .qa + .qa{margin-top:0}
.prose .qa summary{
  cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;
  padding:18px 0;font-size:17px;font-weight:600;color:var(--ink);line-height:1.4;
}
.prose .qa summary::-webkit-details-marker{display:none}
.prose .qa summary::after{content:"+";flex:none;font:400 24px/1 'Golos Text',sans-serif;color:var(--red-text);transition:transform .2s ease}
.prose .qa[open] summary::after{transform:rotate(45deg)}
.prose .qa > :not(summary){padding-bottom:18px;font-size:16px;line-height:1.65}
.prose .qa > p + p{margin-top:-8px}

/* Тарифы на странице цен */
.prose .plans{margin-top:24px}
@media (min-width:640px){.prose .plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
.prose .plan{position:relative}

/* Ещё по теме */
.p-rel{padding-block:clamp(40px,6vw,72px);background:var(--bg-2)}
.p-rel h2{font-size:clamp(22px,2.4vw,30px);margin-bottom:24px}
.rel-g{display:grid;gap:12px}
@media (min-width:720px){.rel-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1040px){.rel-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rel{display:grid;gap:6px;padding:18px 20px;border-radius:18px;background:var(--card);box-shadow:var(--shadow);text-decoration:none;color:var(--ink);transition:transform .15s ease}
.rel:hover{transform:translateY(-2px)}
.rel b{font-size:17px}
.rel span{font-size:14.5px;line-height:1.5;color:var(--ink-2)}

/* Призыв внизу */
.p-cta{padding-block:clamp(56px,8vw,96px)}
.p-cta-in{display:grid;gap:18px;justify-items:center;text-align:center}
.p-cta-h{margin:0 auto;max-width:22ch;font:600 clamp(26px,3.3vw,40px)/1.14 'Unbounded','Golos Text',sans-serif;letter-spacing:-.01em;text-wrap:balance;color:var(--ink)}
.p-cta p{max-width:56ch;color:var(--ink-2)}

/* 404 */
.nf{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:16px;padding:24px;text-align:center}
.nf img{border-radius:50%;background:#FAF5EA}
.nf h1{font-size:clamp(26px,4vw,40px);margin:0}
.nf p{max-width:44ch;color:var(--ink-2)}
.nf .hero-cta{justify-content:center;margin-top:8px}
.prose ul.plans,.prose ul.plan-f{padding-left:0}
.tbl tbody th small{font-weight:400;color:var(--ink-3);font-size:12.5px}