/* ============================================================
   Broadsheet V2 overlay — состояние предзаписи.
   Sentence case для заголовков, крупнее текст, дисциплина
   жёлтого, новые блоки: артефакты, маршруты, кейсы, предзапись.
   Подключается ПОСЛЕ broadsheet.css. Скоуп: html[data-v2].
   ============================================================ */

/* ---------- sentence case + размер текста ---------- */
html[data-v2] .t-display,
html[data-v2] .t-heading,
html[data-v2] .t-hsm,
html[data-v2] .t-sub,
html[data-v2] .sechead h2,
html[data-v2] .faq summary{text-transform:none}
html[data-v2] body{font-size:17px;line-height:1.4}
html[data-v2] .hero-lead{font-size:18px;line-height:1.35}
html[data-v2] .pains p,
html[data-v2] .ports .v,
html[data-v2] .notfor li,
html[data-v2] .quotes blockquote,
html[data-v2] .sched .t,
html[data-v2] .fmt-each li,
html[data-v2] .formula p,
html[data-v2] .msteps .t,
html[data-v2] .faq .ans,
html[data-v2] .author-jobs p,
html[data-v2] .author-misc,
html[data-v2] table.compare td{font-size:16px;line-height:1.4}
html[data-v2] .sechead .note{font-size:17px;line-height:1.4;max-width:62ch}

/* ---------- hero trust line ---------- */
.trustline{display:flex;gap:18px;flex-wrap:wrap;align-items:baseline;margin-top:18px}
.trustline .m{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:-0.01em}
.trustline .fn{font-size:12px;opacity:.65;font-weight:400;text-transform:none;max-width:52ch}
.microcopy{font-size:13px;line-height:1.35;opacity:.75;max-width:36ch}
.hero-actions .col{display:flex;flex-direction:column;gap:8px;align-items:flex-end}

/* ---------- артефакты ---------- */
.arts{grid-template-columns:repeat(4,1fr)}
.arts>div{padding:16px;display:flex;flex-direction:column;gap:24px;min-height:150px}
.arts .no{font-size:12px;font-weight:700}
.arts h3{font-size:19px;font-weight:400;line-height:1.08;letter-spacing:-0.02em;margin-top:auto}
.arts p{font-size:14px;line-height:1.3;opacity:.85}

/* превью артефактов (ink band) */
.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.preview-cell{display:flex;flex-direction:column;gap:10px}
.preview-cell .cap{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--canvas)}
.preview-frame{border:1px solid var(--canvas);aspect-ratio:16/10;position:relative;background:rgba(243,243,243,.04)}

/* ---------- маршруты по ситуации ---------- */
.routes{grid-template-columns:repeat(4,1fr)}
.routes>div{padding:16px;display:flex;flex-direction:column;gap:14px}
.routes .no{font-size:12px;font-weight:700}
.routes h3{font-size:20px;font-weight:400;line-height:1.05;letter-spacing:-0.02em;min-height:2.1em}
.routes .row{border-top:1px solid var(--ink);padding-top:10px}
.routes .k{font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:5px}
.routes .v{font-size:15px;line-height:1.35}

/* ---------- программа: accordion ---------- */
.prog{border-top:1px solid var(--ink)}
.prog details{border-bottom:1px solid var(--ink)}
.prog summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(96px,.35fr) 1.5fr 1fr auto;gap:20px;align-items:baseline;padding:16px 0}
.prog summary::-webkit-details-marker{display:none}
.prog summary .wn{font-size:13px;font-weight:700;text-transform:uppercase}
.prog summary .wt{font-size:clamp(19px,2vw,24px);line-height:1.02;letter-spacing:-0.02em}
.prog summary .wa{font-size:14px;line-height:1.3}
.prog summary .wa::before{content:"↳ "}
.prog summary .pm{font-size:26px;line-height:.8;justify-self:end}
.prog details[open] summary .pm::before{content:"−"}
.prog details:not([open]) summary .pm::before{content:"+"}
.prog .wx{padding:0 0 20px;display:grid;grid-template-columns:minmax(96px,.35fr) 1.5fr 1fr;gap:20px}
.prog .wx .body{grid-column:2}
.prog .wx p{font-size:16px;line-height:1.4;max-width:64ch}
.prog .wx ul{list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:5px}
.prog .wx li{font-size:15px;line-height:1.3;padding-left:22px;text-indent:-22px}
.prog .wx li::before{content:"↳ "}
.prog .done{border:1px solid var(--ink);padding:12px 14px;align-self:start}
.prog .done .k{font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:6px}
.prog .done .v{font-size:15px;line-height:1.3}
.prog .tools{font-size:12px;font-weight:700;text-transform:uppercase;margin-top:12px;opacity:.7}

/* ---------- кейсы ---------- */
.cases{grid-template-columns:1fr 1fr}
.cases>div{padding:16px;display:flex;flex-direction:column;gap:16px}
.cases blockquote{font-size:clamp(19px,2vw,24px);line-height:1.1;letter-spacing:-0.02em}
.cases .who{font-size:13px;line-height:1.4}
.cases .who b{display:block;font-weight:700;text-transform:uppercase;font-size:12px}
.cases .shot{border:1px solid var(--ink);aspect-ratio:16/7;position:relative;margin-top:auto}

/* ---------- предзапись ---------- */
.prereg-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ink);border:1px solid var(--ink)}
.prereg-grid>div{background:var(--canvas);padding:20px}
.prereg-known .k{font-size:12px;font-weight:700;text-transform:uppercase;margin-bottom:14px}
.prereg-known ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.prereg-known li{font-size:16px;line-height:1.35;padding-left:22px;text-indent:-22px}
.prereg-known li::before{content:"↳ "}
.prereg-known .note{margin-top:16px;font-size:13px;line-height:1.4;opacity:.7;max-width:44ch}
.prereg-form .field input{font-size:17px}
.prereg-form .pill{width:100%}
.prereg-form .mc{margin-top:10px;font-size:13px;line-height:1.4;opacity:.75}
.prereg-ok{display:none;flex-direction:column;gap:12px;min-height:220px;justify-content:center}
.prereg-ok .big{font-size:clamp(24px,2.6vw,34px);line-height:1.02;letter-spacing:-0.03em}
.prereg-ok p{font-size:16px;line-height:1.4;max-width:40ch}

/* ---------- sticky mobile CTA ---------- */
.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;background:var(--ink);color:var(--canvas);padding:10px 16px;align-items:center;justify-content:space-between;gap:12px}
.stickybar .t{font-size:12px;font-weight:700;text-transform:uppercase}

/* ---------- дословные цитаты в болях ---------- */
.verbatim{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ink);border:1px solid var(--ink);border-top:none}
.verbatim>blockquote{background:var(--canvas);padding:14px 16px;font-size:16px;line-height:1.35;letter-spacing:-0.01em}
.verbatim>blockquote::before{content:"« "}
.verbatim>blockquote::after{content:" »"}
.verbatim .src{display:block;margin-top:8px;font-size:12px;font-weight:700;text-transform:uppercase;opacity:.6}
.methodnote{font-size:13px;line-height:1.4;margin-top:10px;opacity:.7;max-width:70ch}

/* ---------- автор v2 ---------- */
.author-proofs{grid-template-columns:repeat(3,1fr)}
.author-proofs>div{padding:14px 16px 16px}
.author-proofs .n{font-size:clamp(22px,2.4vw,30px);line-height:.95;letter-spacing:-0.03em}
.author-proofs .l{font-size:13px;line-height:1.3;margin-top:8px}
.author-more summary{list-style:none;cursor:pointer;font-size:13px;font-weight:700;text-transform:uppercase;padding:12px 0;border-top:1px solid var(--ink);margin-top:16px}
.author-more summary::-webkit-details-marker{display:none}
.author-more summary::before{content:"+ "}
.author-more[open] summary::before{content:"− "}

/* ---------- телеграм компакт ---------- */
.tg-compact{grid-template-columns:repeat(4,1fr)}
.tg-compact>a{padding:14px 16px;display:flex;flex-direction:column;gap:10px;transition:background .12s ease}
.tg-compact>a:hover{background:var(--yellow)}
.tg-compact h4{font-size:16px;font-weight:400;line-height:1.1;letter-spacing:-0.01em}
.tg-compact .k{font-size:11px;font-weight:700;text-transform:uppercase;opacity:.6}
.tg-compact .go{font-size:12px;font-weight:700;text-transform:uppercase;margin-top:auto}

/* ---------- responsive ---------- */
@media(max-width:1100px){
  .arts,.routes,.tg-compact{grid-template-columns:repeat(2,1fr)}
  .prereg-grid,.cases,.preview-grid{grid-template-columns:1fr}
  .prog summary{grid-template-columns:80px 1fr auto}
  .prog summary .wa{display:none}
  .prog .wx{grid-template-columns:1fr}
  .prog .wx .body{grid-column:1}
}
@media(max-width:680px){
  .arts,.routes,.tg-compact,.verbatim,.author-proofs{grid-template-columns:1fr}
  .stickybar{display:flex}
  html[data-v2] body{padding-bottom:56px}
  .prog summary .wt{font-size:18px}
}