/* Простые текстовые страницы (вид text): «Дворец Белосельских-Белозерских», пять правовых, «Новости» с роликом.
   Книжная страница: правая страница раскрытой книги - тень у корешка слева, обрез блока листов справа и снизу, широкие поля,
   колонтитул с названием музея и линейкой, красная буквица в первом абзаце, концовка-росчерк внизу.
   Правовым страницам этот файл даёт страницу, а таблицы, списки и заголовки разделов - css/pravo.css (встаёт следом).
   Колонтитул - название музея из шапки сайта, стоит оформлением (в стилях), в текст страницы ничего не добавлено. */

.pg-text .sec-text{padding-top:clamp(22px,4vw,48px);padding-bottom:clamp(34px,5.4vw,72px)}
.pg-text .sec-text .narrow{max-width:calc(860px + 2 * var(--pad))}
.pg-text .sec-text .paper{--mx:clamp(20px,6.4vw,34px);padding:clamp(18px,4.6vw,26px) var(--mx) clamp(30px,7vw,44px);
  background:linear-gradient(90deg,rgba(58,36,12,.24) 0,rgba(58,36,12,.07) 9px,rgba(58,36,12,0) 30px),linear-gradient(176deg,#f1e4c1 0%,#e7d7ae 58%,#decda0 100%);
  box-shadow:1px 1px 0 #cdbb8c,2px 2px 0 #8f7a4b,3px 3px 0 #d6c595,4px 4px 0 #86713f,0 24px 44px rgba(0,0,0,.55)}
/* колонтитул */
.pg-text .sec-text .paper::before{content:"Музей истории медицины и фармации";display:block;padding-bottom:9px;margin-bottom:clamp(22px,5vw,40px);border-bottom:3px double rgba(90,58,30,.62);
  font-family:var(--text);font-style:italic;font-size:.92rem;line-height:1.3;letter-spacing:.02em;text-align:center;color:#5a3a1e}
/* концовка */
.pg-text .sec-text .paper::after{content:"";display:block;width:min(240px,64%);height:14px;margin:clamp(28px,5vw,46px) auto 0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 14' fill='none' stroke='%235a3a1e' stroke-width='1.1'%3E%3Cline x1='6' y1='7' x2='98' y2='7'/%3E%3Cline x1='142' y1='7' x2='234' y2='7'/%3E%3Cpath d='M98 7q5-6 9 0'/%3E%3Cpath d='M142 7q-5-6-9 0'/%3E%3Ccircle cx='111' cy='7' r='1.5' fill='%235a3a1e' stroke='none'/%3E%3Ccircle cx='129' cy='7' r='1.5' fill='%235a3a1e' stroke='none'/%3E%3Cpath d='M120 1l6 6-6 6-6-6z' fill='%235a3a1e' stroke='none'/%3E%3C/svg%3E") center/contain no-repeat}
.pg-text .sec-text .prose{font-size:1.08rem;line-height:1.66}
.pg-text .sec-text .prose>*{max-width:none}
.pg-text .sec-text .prose p{color:#1c1206}

/* заглавие главы: заголовки, которыми страница открывается (до первого абзаца) */
.pg-text .paper.prose>h3:first-child,.pg-text .paper.prose>h3:first-child+h3{text-align:center;font-weight:600;font-size:clamp(1.5rem,5.4vw,2.1rem);line-height:1.16;color:#160d04;text-wrap:balance}
.pg-text .paper.prose>h3:first-child strong,.pg-text .paper.prose>h3:first-child+h3 strong{font-weight:inherit}
.pg-text .paper.prose>h3:first-child+h3{margin-top:.18em}
.pg-text .paper.prose>h3:first-child+h3::after{content:"";display:block;width:64px;height:10px;margin:.72em auto 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 10' fill='%235a3a1e'%3E%3Cpath d='M0 4.5h23v1H0zM41 4.5h23v1H41zM32 .6l4.4 4.4L32 9.4 27.6 5z'/%3E%3C/svg%3E") center/contain no-repeat}
.pg-text .paper.prose>h3:first-child+h3+p{margin-top:1.3em}

/* буквица: первая буква первого абзаца (у правовых страниц - абзаца после даты редакции) */
.pg-text .paper.prose>p:first-of-type:not(.doc-red)::first-letter,
.pg-text .paper.prose>.doc-red+p::first-letter{float:left;font-family:'Playfair Display','Cormorant Garamond',Georgia,serif;font-weight:900;font-size:3.56em;line-height:.8;padding:0 .09em 0 0;margin:.045em 0 -.1em;color:#7a2317}

/* вклейки: картинки в тексте - на всю ширину набора, в тонкой рамке */
.pg-text .paper.prose>.fig{margin-top:1.5em;margin-bottom:1.5em}
.pg-text .paper.prose>.fig img{padding:6px;border:1px solid rgba(90,58,30,.55);background:rgba(255,248,226,.5);box-shadow:0 8px 16px rgba(40,26,8,.26)}
.pg-text .paper.prose>.fig:last-child{margin-bottom:0}

/* лента фотографий после страницы: отпечатки со светлым полем */
.pg-text .sec-strip{padding-bottom:clamp(34px,6vw,80px)}
.pg-text .sec-strip .strip{padding-top:8px;padding-bottom:14px}
.pg-text .sec-strip .strip .ph{padding:7px;border:0;background:linear-gradient(170deg,#f6edd3,#ecdfbb);box-shadow:0 1px 1px rgba(20,12,4,.4),0 12px 22px rgba(0,0,0,.5);transition:transform .45s cubic-bezier(.2,.7,.2,1)}

/* ролик («Новости»): кадр киноплёнки - тёмная лента с перфорацией сверху и снизу */
.pg-text .sec-video{padding-top:clamp(22px,4vw,48px);padding-bottom:clamp(40px,7vw,90px)}
.pg-text .sec-video .narrow{max-width:calc(900px + 2 * var(--pad))}
.pg-text .sec-video .vid{--perf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26'%3E%3Crect x='6' y='8.5' width='12' height='9' rx='1.8' fill='%23cfc2a3'/%3E%3C/svg%3E");
  border:0;padding:30px 10px;background:var(--perf) left top/24px 26px round no-repeat,var(--perf) left bottom/24px 26px round no-repeat,linear-gradient(#17100a,#0c0805);
  box-shadow:inset 0 27px 0 -26px rgba(207,194,163,.35),inset 0 -27px 0 -26px rgba(207,194,163,.35),0 24px 44px rgba(0,0,0,.6)}
.pg-text .sec-video .vid video{background:#050403;outline:1px solid rgba(207,194,163,.28);outline-offset:0}
/* заставка-титр до начала показа - та же, что у роликов в новостях (ставит js/post.js, рисунок - .kino в css/post.css) */
.pg-text .sec-video .vid{position:relative}
.pg-text .sec-video .kino{left:10px;right:10px;top:30px;bottom:30px}

@media (min-width:700px){
  .pg-text .sec-text .paper{--mx:clamp(48px,9vw,104px);padding-top:30px;padding-bottom:56px;
    background:linear-gradient(90deg,rgba(58,36,12,.3) 0,rgba(58,36,12,.1) 14px,rgba(58,36,12,0) 56px),linear-gradient(176deg,#f1e4c1 0%,#e7d7ae 58%,#decda0 100%);
    box-shadow:1px 1px 0 #cdbb8c,2px 2px 0 #8f7a4b,4px 4px 0 #d6c595,5px 5px 0 #86713f,7px 7px 0 #d6c595,8px 8px 0 #7d6a3f,0 28px 50px rgba(0,0,0,.55)}
  .pg-text .sec-text .paper::before{font-size:1rem;padding-bottom:11px}
  .pg-text .paper.prose:not(.pravo)>p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:7 3 3}
  .pg-text .paper.prose>p:first-of-type:not(.doc-red)::first-letter,
  .pg-text .paper.prose>.doc-red+p::first-letter{font-size:3.62em}
  .pg-text .paper.prose>.fig{margin-left:-22px;margin-right:-22px}
  .pg-text .sec-video .vid{padding:34px 14px}
  .pg-text .sec-video .kino{left:14px;right:14px;top:34px;bottom:34px}
}
@media (min-width:900px){
  .pg-text .sec-strip .strip{gap:clamp(18px,2.6vw,34px);padding:14px 10px 20px}
  .pg-text .sec-strip .strip .ph{padding:10px}
  .pg-text .sec-strip .strip .ph:nth-child(3n+1){transform:rotate(-1.5deg)}
  .pg-text .sec-strip .strip .ph:nth-child(3n+2){transform:rotate(.9deg) translateY(10px)}
  .pg-text .sec-strip .strip .ph:nth-child(3n){transform:rotate(-.6deg)}
}
@media (min-width:900px) and (hover:hover){
  .pg-text .sec-strip .strip .ph:hover{transform:rotate(0) scale(1.02)}
}