/* FAQ answers written as paragraphs and lists (department FAQ, 2026-10-29): air between paragraphs, bullets, visible links; no justify gaps on phones */
.faq-section__descr-box p{margin:0 0 .8em}
.faq-section__descr-box ul{margin:0 0 .8em;padding-left:1.25em}
.faq-section__descr-box li{list-style:disc;margin-bottom:.35em;text-align:left}
.faq-section__descr-box p:last-child,.faq-section__descr-box ul:last-child,.faq-section__descr-box li:last-child{margin-bottom:0}
.faq-section__descr-box a{text-decoration:underline;text-underline-offset:2px}
.faq-section__descr-box a:hover{text-decoration:none}
@media screen and (max-width:767px){.faq-section__descr-box,.faq-section__descr-box p{text-align:left}}
/* department and procedure pages: the reception block keeps the section gap (40/44/72 like the sections above), so the FAQ or the last section no longer sticks to it (2026-10-30) */
.sections-wrapper+.reception-section{margin-top:40px}
@media screen and (min-width:768px){.sections-wrapper+.reception-section{margin-top:44px}}
@media screen and (min-width:1920px){.sections-wrapper+.reception-section{margin-top:72px}}
/* links inside page text keep their own shape: an injected user style (main article a{aspect-ratio:1/1}) turned FAQ answer links into tall squares with empty gaps (2026-10-30) */
article a{aspect-ratio:auto!important}
/* request popup opens softly, app-like: the backdrop fades in, the card rises 16px and settles (2026-10-30); keyframes, because the popup switches from display:none */
@keyframes pzPopFade{from{opacity:0}to{opacity:1}}
@keyframes pzPopIn{from{opacity:0;translate:0 16px;scale:.98}to{opacity:1;translate:0 0;scale:1}}
.popup-placeholder.active{animation:pzPopFade .28s ease-out both}
.popup-placeholder.active .popup-content.active{animation:pzPopIn .42s cubic-bezier(.22,.8,.24,1) .04s both}
@media (prefers-reduced-motion:reduce){.popup-placeholder.active,.popup-placeholder.active .popup-content.active{animation:none}}
/* tables in page text (publications 6, 8, 18): on phones the table scrolls sideways inside its own box instead of widening the whole page by ~180px (2026-10-30) */
@media screen and (max-width:767px){article .editor table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:16px}}
/* price list: a row without a price is a group heading (it was told apart by capitals typed in the DB, now in normal case) (2026-10-30) */
.price-row--group .service-name{font-weight:600}