/* Region pages /<city> only (scripts/build-site.py, region_page). The file is linked from region pages alone, so a
   build without a released region leaves every existing file of the site as it was. */

/* Placeholders of a draft: dark text on the light note, also in the dark first screen (contrast about 19:1). */
.todo-note[data-region-slot]{color:var(--ink);overflow-wrap:anywhere}

/* Long words and addresses wrap instead of widening the page on a phone. */
.breadcrumb-trail,.page-heading>p,
.region-intro p,.region-subject h2,.region-subject h3,.region-subject p,.region-subject li,
.region-common h2,.region-common p,.region-common li,.region-work h2,.region-work p,.region-work li,
.region-faq summary,.region-faq p,.region-clients blockquote,.region-sources h2,.region-sources li,.region-sources p,.region-subheading{overflow-wrap:anywhere}

/* Reading width of the local texts. */
.region-intro .prose,.region-slot .prose,.region-slot .page-list,.region-common .prose,.region-common .page-list,.region-work .prose,.region-work .page-list{max-width:70ch}

/* A slot inside the block of a subject (УСН, патент, сбор, инспекция): its own subheading with space above. */
.region-slot{margin-top:clamp(44px,4.5vw,64px)}
.region-subject>.h2+.region-slot{margin-top:0}
.region-slot-title,h3.region-subheading{max-width:40ch;font:500 clamp(22px,2vw,28px)/1.2 var(--font);letter-spacing:-.02em}
.region-slot-title+.prose,.region-slot-title+.page-list{margin-top:16px}

/* Subheadings inside a slot ({"subheading"}, docs/regions-format.md): h3 under a slot shown as h2 («Что одинаково»)
   looks like the subheading of a slot in a subject block; h4 under such a subheading is one step quieter. */
h3.region-subheading{margin-top:clamp(40px,4vw,56px)}
h4.region-subheading{max-width:48ch;margin-top:32px;font:600 clamp(18px,1.4vw,20px)/1.3 var(--font);letter-spacing:-.01em}
.page-section>.h2+.region-subheading{margin-top:0}
.region-slot-title+.region-subheading,.region-subheading+.prose,.region-subheading+.page-list{margin-top:16px}
/* A label at the start of a paragraph or a list item ({"label"}): the semibold of the site font, not a synthetic bold. */
.region-subject strong,.region-common strong,.region-work strong{font-weight:600}

/* Links inside the texts of Content (the lead under H1 too; the price line keeps its own link). */
.page-heading>p:not(.first-price) a{text-decoration:underline;text-underline-offset:3px}
.region-slot .page-list a,.region-common .page-list a,.region-work .page-list a,.region-faq .faq-list a{text-decoration:underline;text-underline-offset:3px}

/* First screen: under the price, one jump per subject to its tax block (as the «Все тарифы» link of the price line). */
.region-jumps{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:6px}
.region-jumps a{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-size:clamp(16px,1.1vw,19px);font-weight:600;text-decoration:underline;text-underline-offset:4px;touch-action:manipulation}
@media (hover:hover) and (pointer:fine){.region-jumps a:hover{color:#ff8397}}
@media(max-width:600px){.region-jumps a{font-size:15px}}
.page-heading>.region-jumps+.pill{margin-top:14px}
/* Phone: the H1 at the phone size of the pages with a picture head (pages.css), so that the price, the jumps and
   the button fit the first screen of 390×844 and a long word («Бухгалтерское») stays whole at 320 px. */
@media(max-width:600px){.page-heading h1{font-size:clamp(30px,9.5vw,48px);line-height:1.08;text-wrap:balance}}
/* Phone up to 430 px (tester r1, п. 2): 72 px of empty space between the header and the crumbs become 26, so the
   button fits 360×800 and both sums of the price line fit 375×667. Only the region pages load this file. */
@media(max-width:430px){.page-heading{padding-top:4px}}

/* «Как работаем»: the request button and the phone as a button with its caption, and space before the dark block. */
.region-work{padding-bottom:80px}
.region-call{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.region-call>.pill-red{min-height:52px;padding:0 22px}
.region-phone{min-height:52px;gap:10px;padding:0 22px;font-size:17px;letter-spacing:-.01em}
.region-phone-label{color:var(--muted);font-size:14px;font-weight:400}
@media (hover:hover) and (pointer:fine){.region-phone:hover .region-phone-label{color:rgba(255,255,255,.75)}}
@media(max-width:1000px){.region-work{padding-bottom:60px}}
@media(max-width:359px){.region-phone-label{display:none}}

/* Sources: the full title of a law wraps on a phone, in its normal case. */
.region-sources .link-under{display:inline;padding:0;border:0;font-size:inherit;text-transform:none;letter-spacing:0;white-space:normal;text-decoration:underline dashed #b9b3b2;text-underline-offset:5px}