/* Конспект проповеди: экран и печать */
:root{--ink:#161a18;--muted:#5b6560;--green:#1d4a3f;--brass:#a17a2c;--rule:#cfd6d2;--paper:#eef1ef}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink)}
body{margin:0;font:16px/1.5 "PT Sans",system-ui,Arial,sans-serif}
:focus-visible{outline:3px solid var(--brass);outline-offset:2px}

.tools{position:sticky;top:0;z-index:10;background:var(--green);color:#eef2ef;padding:10px 16px;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.tools .row{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;max-width:210mm;margin:0 auto}
.tools .hint{max-width:210mm;margin:6px auto 0;font-size:13px;color:#c9d6d0}
.tools .back{color:#e6d6a8;text-decoration:none;margin-right:auto}
.tools button{font:inherit;font-size:14px;cursor:pointer;border:1px solid rgba(230,214,168,.7);background:transparent;color:#fff;padding:6px 11px;border-radius:7px}
.tools button.on{background:#e6d6a8;color:var(--green);font-weight:700}
.tools button.primary{background:#e6d6a8;color:var(--green);font-weight:700;border-color:#e6d6a8}
.tools .seg{display:inline-flex}
.tools .seg button{border-radius:0}
.tools .seg button:first-child{border-radius:7px 0 0 7px}
.tools .seg button:last-child{border-radius:0 7px 7px 0}
.tools .seg button+button{border-left:0}

.sheet{background:#fff;max-width:210mm;margin:18px auto 50px;padding:16mm 17mm 14mm;box-shadow:0 2px 14px rgba(0,0,0,.15);font-family:"PT Serif",Georgia,serif;font-size:13pt;line-height:1.42}
.sheet[contenteditable=true]{outline:2px dashed var(--brass);outline-offset:4px}
.sheet.size-2{font-size:11pt}.sheet.size-1{font-size:12pt}.sheet.size1{font-size:14.5pt}.sheet.size2{font-size:16pt}.sheet.size3{font-size:18pt}
.mode-pulpit{font-size:15pt;line-height:1.55}
.mode-pulpit.size-2{font-size:12.5pt}.mode-pulpit.size-1{font-size:14pt}.mode-pulpit.size1{font-size:17pt}.mode-pulpit.size2{font-size:19pt}.mode-pulpit.size3{font-size:21pt}

.hd{border-bottom:2px solid var(--green);padding-bottom:.5em;margin-bottom:.9em}
.kicker{margin:0;font:700 .72em/1.3 "PT Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}
.hd h1{margin:.15em 0 .2em;font-size:1.75em;line-height:1.15}
.hd .meta{margin:0;color:var(--muted);font-size:.85em;font-family:"PT Sans",Arial,sans-serif}

.main-ref{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2em .8em;border:1.5px solid var(--green);border-radius:6px;padding:.45em .8em;margin:0 0 1em}
.main-ref b{font-size:1.25em;color:var(--green)}
.main-ref .note-line{flex:1 1 30%;border-bottom:1px dotted #999;min-width:4em;align-self:flex-end;margin-bottom:.3em}
.lbl{font:700 .72em/1.2 "PT Sans",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

.part,.refs-all,.notes,.pulpit-part{margin:0 0 1em;break-inside:avoid-page}
.part h2,.refs-all h2,.notes h2,.pulpit-part h2{display:flex;align-items:baseline;gap:.6em;font-size:1.15em;line-height:1.25;margin:0 0 .35em;color:var(--green);break-after:avoid}
.part h2 span,.pulpit-part h2 span{flex:1}
.part h2 small,.pulpit-part h2 small,.refs-all h2 small{font:400 .72em "PT Sans",Arial,sans-serif;color:var(--muted);white-space:nowrap}
.part-point h2{font-size:1.25em}
.keys{margin:0 0 .35em;padding:0 0 0 1.2em}
.keys li{margin:.18em 0}
.keys li::marker{color:var(--brass)}
.line{margin:.2em 0 .2em 1.2em;font-size:.95em}
.line.verse{font-style:italic}
.ref{display:inline-block;font-weight:700;color:var(--green);margin-right:.5em;white-space:nowrap}
.part blockquote{margin:.3em 0 .4em 1.2em;padding-left:.7em;border-left:3px solid #d8c79a;font-style:italic;font-size:.95em}
.refs-all ol{columns:2;column-gap:2em;margin:0;padding:0;list-style:none}
.refs-all li,.ex-all li{break-inside:avoid;margin:.1em 0;display:flex;gap:.5em;align-items:flex-start}
.refs-all .box,.ex-all .box{width:.8em;height:.8em;border:1.2px solid var(--muted);border-radius:2px;flex:none;margin-top:.3em}
.refs-all.withtext ol{columns:1}
.refs-all .vt{font-style:italic;color:#333;font-size:.92em}
.ex-all{margin:0 0 1em;break-inside:avoid-page}
.ex-all h2{display:flex;align-items:baseline;gap:.6em;font-size:1.15em;line-height:1.25;margin:0 0 .35em;color:var(--green)}
.ex-all h2 span{flex:1}.ex-all h2 small{font:400 .72em "PT Sans",Arial,sans-serif;color:var(--muted)}
.ex-all ol{margin:0;padding:0;list-style:none}.ex-all i{color:var(--brass);font-style:normal;font-weight:700;font-size:.85em}
.line.ex{border-left:3px solid #d8c79a;padding-left:.6em;margin-left:1.2em}
.check{background:#fbf3e0;border:1px solid #e3d3a8;border-radius:6px;padding:.4em .8em;margin:0 0 1em;font-size:.85em}
.check h2{font-size:1em;margin:0 0 .2em;color:#6b4f13}.check p{margin:0}
.pulpit-part .ex{border-left:3px solid var(--brass);padding-left:.7em;background:#fbf7ec}
.pulpit-part .ex::before{content:attr(data-kind);display:block;font:700 .55em/1.4 "PT Sans",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--brass);text-indent:0}
.notes .lines{height:5.5em;background:repeating-linear-gradient(transparent 0,transparent 1.35em,#c9cfcc 1.35em,#c9cfcc calc(1.35em + 1px))}
.ft{margin-top:1.2em;padding-top:.4em;border-top:1px solid var(--rule);font:.7em/1.4 "PT Sans",Arial,sans-serif;color:var(--muted);word-break:break-all}

.pulpit-part p{margin:0 0 .55em;text-indent:1.2em;text-align:left}
.pulpit-part p.verse{text-indent:0;margin-left:1.5em;font-style:italic}
.pulpit-part blockquote{margin:.4em 0 .7em 1.2em;padding:.2em .8em;border-left:4px solid var(--green);background:#f3f7f5}
.pulpit-part blockquote p{text-indent:0;margin:0}
.pulpit-part figure{margin:.6em 0;text-align:center}.pulpit-part img{max-width:60%;height:auto}
.pulpit-part{break-inside:auto}
.ref-in{color:var(--green);background:#e9f1ed;padding:0 .15em;border-radius:3px}

@media (max-width:760px){
  .sheet{margin:0;padding:18px 16px;box-shadow:none}
  .tools .back{width:100%}
}
@page{size:A4;margin:14mm 15mm 14mm 16mm}
@media print{
  html,body{background:#fff}
  .tools{display:none!important}
  .sheet{box-shadow:none;margin:0;padding:0;max-width:none;outline:none!important}
  a{color:inherit;text-decoration:none}
  .ref-in{background:none;border-bottom:1.5px solid var(--green)}
  .pulpit-part blockquote{background:none}
  .check{display:none}
  .pulpit-part .ex{background:none}
  html{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}