/* portdozylny.com: large type, short lines, one accent colour, on a light blue background. */

@font-face { font-family: 'Source Sans 3'; font-style: normal; font-display: swap; font-weight: 200 900; src: url(fonts/source-sans-3-cyrillic-ext-wght-normal.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Source Sans 3'; font-style: normal; font-display: swap; font-weight: 200 900; src: url(fonts/source-sans-3-cyrillic-wght-normal.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Source Sans 3'; font-style: normal; font-display: swap; font-weight: 200 900; src: url(fonts/source-sans-3-latin-ext-wght-normal.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Source Sans 3'; font-style: normal; font-display: swap; font-weight: 200 900; src: url(fonts/source-sans-3-latin-wght-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --bg: #E6F0FB;          /* page background: light blue */
  --bg-strong: #D3E4F7;   /* home-page band */
  --surface: #FFFFFF;     /* header, cards, boxes */
  --accent: #1F5FA6;
  --accent-dark: #174A82;
  --tint: #D6E6F8;
  --text: #1B2230;
  --text-2: #374152;
  --muted: #465163;
  --faint: #7D8BA0;
  --line: #C6D6E8;
  --line-2: #B4C5D9;
  --warn-bg: #FFF4E0;
  --warn-text: #7F4C00;
  --footer-bg: #1F2437;
  --footer-text: #C5CBD8;
  --footer-link: #E6E9F0;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 16px; }
body { margin: 0; background: var(--bg); font-family: 'Source Sans 3', 'Segoe UI', Arial, sans-serif; color: var(--text); font-size: 20px; line-height: 1.6; }
a { color: var(--accent); text-underline-offset: 0.15em; }
a:hover { color: var(--accent-dark); }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; border-radius: 4px; }
img { max-width: 100%; height: auto; }
p { margin: 0 0 20px; }
h1, h2, h3 { font-weight: 700; }
.icon { width: 20px; height: 20px; flex: none; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.skip { position: absolute; left: 8px; top: -100px; z-index: 10; padding: 10px 16px; background: var(--surface); border-radius: 8px; }
.skip:focus { top: 8px; }
.muted { color: var(--muted); }

.page { min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1 0 auto; }
.wrap { max-width: 1200px; margin: 0 auto; padding-left: 32px; padding-right: 32px; }

/* ---- Buttons */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 12px 24px; border-radius: 8px; font-size: 19px; font-weight: 700; line-height: 1.2; text-decoration: none; }
.btn-primary { background: var(--accent); color: #fff; }
.btn-primary:hover { background: var(--accent-dark); color: #fff; }
.btn-secondary, .btn-outline { border: 1px solid var(--line-2); background: var(--surface); color: var(--text); font-weight: 600; }
.btn-secondary:hover, .btn-outline:hover { border-color: var(--accent); color: var(--accent); }
.btn-outline { min-height: 44px; padding: 9px 18px; font-size: 18px; }
.btn-outline .icon { width: 18px; height: 18px; }

/* ---- Header */
.site { background: var(--surface); border-bottom: 1px solid var(--line); }
.site-bar { display: flex; align-items: center; gap: 12px 28px; padding-top: 14px; padding-bottom: 14px; }
.brand { margin-right: auto; font-size: 25px; font-weight: 700; letter-spacing: -0.01em; color: var(--text); text-decoration: none; white-space: nowrap; }
.brand:hover { color: var(--text); }
.site-menu { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px 28px; }
.nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; font-size: 18px; }
.nav a { display: block; padding: 9px 14px; border-radius: 8px; font-weight: 600; color: var(--text); text-decoration: none; }
.nav a:hover { background: var(--bg); color: var(--text); }
.nav a[aria-current] { background: var(--tint); }
.langs { list-style: none; margin: 0; padding: 0; display: flex; gap: 2px; font-size: 16px; }
.langs a { display: flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; border-radius: 8px; color: var(--muted); text-decoration: none; }
.langs a:hover { background: var(--bg); color: var(--text); }
.langs a[aria-current] { font-weight: 700; color: var(--text); }
.btn-header { min-height: 44px; padding: 10px 18px; font-size: 18px; }
.call-icon, .menu-btn { display: none; }

/* ---- Home */
.hero { background: var(--bg-strong); }
.hero-in { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 40px 56px; padding-top: 72px; padding-bottom: 64px; }
.hero-text { flex: 1 1 560px; min-width: 0; }
.hero h1 { margin: 0 0 20px; max-width: 20ch; font-size: 46px; line-height: 1.12; letter-spacing: -0.015em; }
.lead { max-width: 36em; font-size: 21px; color: var(--text-2); }
.lead p { margin: 0 0 12px; }
.lead p:last-child { margin-bottom: 0; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.counter-card { flex: 0 1 300px; display: block; padding: 24px 28px; border-radius: 12px; border: 1px solid var(--line); background: var(--surface); color: var(--text); text-decoration: none; }
.counter-card:hover { border-color: var(--accent); color: var(--text); }
.counter-num { display: block; font-size: 54px; line-height: 1; font-weight: 700; letter-spacing: -0.02em; color: var(--accent); }
.counter-rest { display: block; margin-top: 10px; font-size: 18px; line-height: 1.4; color: var(--muted); }

.steps-section { padding-top: 72px; padding-bottom: 64px; }
.steps-section h2 { margin: 0 0 28px; font-size: 32px; line-height: 1.2; letter-spacing: -0.01em; }
.steps { display: flex; flex-wrap: wrap; gap: 0 48px; }
.steps ol { flex: 1 1 440px; min-width: 0; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--line); }
.steps li { border-top: 1px solid var(--line); }
.steps a { display: flex; align-items: center; gap: 18px; padding: 16px 4px; color: var(--text); text-decoration: none; }
.steps a:hover .label { color: var(--accent); text-decoration: underline; }
.steps .num { flex: 0 0 40px; height: 40px; border-radius: 999px; background: var(--surface); color: var(--accent); font-size: 18px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.steps .label { flex: 1 1 auto; font-weight: 600; line-height: 1.35; }
.steps .icon { color: var(--faint); }

.cards { display: flex; flex-wrap: wrap; gap: 24px; padding-bottom: 88px; }
.card { flex: 1 1 300px; min-width: 0; padding: 28px; border-radius: 12px; background: var(--surface); }
.card h3 { margin: 0 0 14px; font-size: 22px; line-height: 1.3; }
.card p { margin: 0; font-size: 19px; line-height: 1.5; }
.card p.muted { margin-top: 8px; }
.card ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.arrow-link, .tap { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 600; }
.arrow-link .icon { width: 18px; height: 18px; }
.card > .arrow-link { margin-top: 6px; }
.tap { font-weight: 400; }
.big-phone { display: inline-flex; align-items: center; min-height: 44px; font-size: 24px; font-weight: 700; color: var(--text); text-decoration: none; }

/* ---- Article */
.doc-layout { display: flex; align-items: flex-start; gap: 40px 64px; padding-top: 32px; padding-bottom: 88px; }
.sidebar { flex: 0 1 300px; min-width: 0; padding-top: 6px; position: sticky; top: 16px; max-height: calc(100vh - 32px); overflow-y: auto; }
.sidebar-title { margin: 0 0 10px; font-size: 16px; font-weight: 700; color: var(--muted); }
.sidebar ol { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; font-size: 17px; line-height: 1.35; }
.sidebar a { display: flex; gap: 10px; padding: 8px 10px; border-radius: 8px; color: var(--text-2); text-decoration: none; }
.sidebar a:hover { background: rgba(255, 255, 255, .6); color: var(--text); }
.sidebar .num { flex: 0 0 22px; color: var(--muted); } /* text: --faint is too light for it (3:1) */
.sidebar a[aria-current] { background: var(--surface); color: var(--text); font-weight: 700; }
.sidebar a[aria-current] .num { color: var(--accent); }

.article { flex: 1 1 560px; min-width: 0; max-width: 720px; line-height: 1.65; }
.crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 17px; color: var(--muted); }
.crumbs a { color: var(--muted); }
.crumbs .icon { width: 16px; height: 16px; color: var(--faint); }
.back-link { display: none; }
.step-of { margin: 28px 0 8px; font-size: 17px; font-weight: 700; color: var(--accent); }
.article h1 { margin: 28px 0 28px; font-size: 44px; line-height: 1.15; letter-spacing: -0.015em; overflow-wrap: break-word; }
.step-of + h1 { margin-top: 0; }
.toc { margin: 0 0 40px; padding: 20px 24px; border-radius: 12px; background: var(--surface); }
.toc-title { margin: 0 0 8px; font-size: 16px; font-weight: 700; color: var(--muted); }
.toc ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; font-size: 18px; line-height: 1.4; }
.toc a { display: inline-block; padding: 4px 0; }

.prose h2 { margin: 52px 0 14px; font-size: 28px; line-height: 1.25; }
.prose h3 { margin: 28px 0 10px; font-size: 23px; line-height: 1.3; }
.prose h4 { margin: 24px 0 8px; font-size: 20px; line-height: 1.35; }
.prose > :first-child { margin-top: 0; }
.prose ul, .prose ol { margin: 0 0 20px; padding-left: 1.4em; }
.prose li { margin: 0 0 8px; }
.prose li > p { margin: 0 0 8px; }
.prose strong { font-weight: 700; }
.prose a { overflow-wrap: anywhere; }
.prose a.tel { font-weight: 600; white-space: nowrap; }
.prose img { display: block; margin: 8px 0 24px; border-radius: 12px; }
.prose img.img-medium { width: 60%; }
.prose img.img-small { width: 33%; min-width: 160px; }
/* Text sizes the admin panel's editor offers (relative, so they follow the phone layout too). */
.prose .text-small { font-size: 0.85em; }
.prose .text-large { font-size: 1.2em; }
.prose .text-xlarge { font-size: 1.45em; line-height: 1.4; }
.prose hr { margin: 32px 0; border: 0; border-top: 1px solid var(--line-2); }
.prose th > p, .prose td > p { margin: 0 0 8px; }
.prose th > p:last-child, .prose td > p:last-child { margin-bottom: 0; }
.prose table { display: block; overflow-x: auto; width: 100%; margin: 0 0 24px; border-collapse: collapse; font-size: 18px; line-height: 1.45; background: var(--surface); border-radius: 12px; }
.prose th, .prose td { padding: 10px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.prose tr:last-child td { border-bottom: 0; }
.prose thead th { background: var(--tint); font-weight: 700; }

.callout { margin: 0 0 24px; padding: 20px 24px; border-radius: 12px; background: var(--surface); }
.callout p:last-of-type { margin-bottom: 0; }
.callout-important { display: flex; gap: 16px; align-items: flex-start; background: var(--warn-bg); }
.callout-important > .icon { width: 26px; height: 26px; margin-top: 3px; color: var(--warn-text); }
.callout-important > div { min-width: 0; }
.callout-title { margin: 0 0 4px !important; font-size: 17px; font-weight: 700; color: var(--warn-text); }
.callout-call { border-left: 4px solid var(--accent); }
.callout-call p { margin-bottom: 16px !important; }
.callout-call .btn { font-size: 19px; }
/* The ZnanyLekarz reviews (render.go): their card in a frame (site.js fits its height), our button. */
.reviews { margin: 0 0 24px; }
.reviews-widget { display: block; width: 100%; max-width: 384px; height: 340px; margin: 0 0 16px; border: 0; } /* their card is at most 380px wide, centred */

.pager { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 56px; padding-top: 32px; border-top: 1px solid var(--line); }
.pager a { flex: 1 1 260px; min-width: 0; display: block; padding: 18px 22px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--text); text-decoration: none; }
.pager a:hover { border-color: var(--accent); }
.pager-next { text-align: right; margin-left: auto; }
.pager-dir { display: block; font-size: 16px; color: var(--muted); }
.pager-title { display: block; margin-top: 4px; font-size: 19px; line-height: 1.35; font-weight: 600; }

/* ---- Documents */
.docs { max-width: 880px; padding-top: 56px; padding-bottom: 88px; }
.docs h1 { margin: 0 0 24px; font-size: 44px; line-height: 1.15; letter-spacing: -0.015em; }
.docs .prose { margin-bottom: 24px; }
.toggle { display: inline-flex; gap: 4px; padding: 4px; margin-bottom: 32px; border-radius: 10px; background: var(--tint); }
.toggle a { display: flex; align-items: center; min-height: 44px; padding: 8px 22px; border-radius: 8px; font-size: 18px; font-weight: 600; color: var(--text-2); text-decoration: none; }
.toggle a:hover { color: var(--text); }
.toggle a[aria-current] { background: var(--surface); color: var(--text); box-shadow: 0 1px 2px rgba(27, 34, 48, .18); }
.doc-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.doc-list li { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding: 20px 24px; border-radius: 12px; background: var(--surface); }
.doc-list li > .icon { width: 28px; height: 28px; color: var(--muted); stroke-width: 1.8; }
.article .doc-list { margin: 8px 0 24px; }
.doc-info { flex: 1 1 320px; min-width: 0; }
.doc-title { margin: 0; font-weight: 600; line-height: 1.35; }
.doc-meta { margin: 2px 0 0; font-size: 16px; color: var(--muted); }

/* ---- Footer */
.site-footer { background: var(--footer-bg); color: var(--footer-text); font-size: 17px; }
.footer-in { display: flex; flex-wrap: wrap; gap: 28px 56px; padding-top: 48px; padding-bottom: 48px; }
.footer-brand { flex: 1 1 320px; min-width: 0; }
.footer-brand p { margin: 0; }
.footer-name { margin: 0 0 6px !important; font-size: 22px; font-weight: 700; color: #fff; }
.site-footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.site-footer a { color: var(--footer-link); }
.site-footer a:hover { color: #fff; }

/* ---- Narrower screens: the procedure list moves out of the way */
@media (max-width: 1023px) {
  .sidebar { display: none; }
}

/* ---- Phones */
@media (max-width: 760px) {
  body { font-size: 19px; }
  .wrap { padding-left: 20px; padding-right: 20px; }
  .site-bar { flex-wrap: wrap; gap: 4px; padding: 10px 12px 10px 20px; }
  .brand { font-size: 23px; }
  .call-icon, .menu-btn { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 10px; }
  .call-icon { background: var(--accent); color: #fff; }
  .call-icon .icon { width: 22px; height: 22px; }
  .menu-btn { padding: 0; border: 0; background: transparent; color: var(--text); cursor: pointer; }
  .menu-btn .icon { width: 26px; height: 26px; }
  .menu-btn .when-open, .site.open .menu-btn .when-closed { display: none; }
  .site.open .menu-btn .when-open { display: flex; }
  .site-menu { flex: 1 0 100%; flex-direction: column; align-items: stretch; gap: 8px; padding: 8px 8px 12px 0; }
  .js .site-menu { display: none; }
  .js .site.open .site-menu { display: flex; }
  .nav ul { flex-direction: column; font-size: 20px; }
  .nav a { padding: 12px 14px; }
  .langs { padding-left: 4px; }
  .btn-header { display: none; }

  .hero-in { display: block; padding-top: 36px; padding-bottom: 32px; }
  .hero h1 { margin-bottom: 16px; font-size: 33px; line-height: 1.15; }
  .lead { font-size: 19px; }
  .actions { flex-direction: column; gap: 10px; margin-top: 24px; }
  .actions .btn { min-height: 52px; border-radius: 10px; }
  .counter-card { margin-top: 20px; padding: 18px 20px; }
  .counter-num { font-size: 44px; }
  .steps-section { padding-top: 40px; padding-bottom: 40px; }
  .steps-section h2 { margin-bottom: 18px; font-size: 27px; }
  .steps { display: block; }
  .steps ol + ol { border-top: 0; }
  .steps ol:first-child { border-bottom: 0; }
  .steps a { gap: 14px; padding: 14px 0; }
  .steps .num { flex-basis: 36px; height: 36px; font-size: 17px; }
  .steps .icon { display: none; }
  .cards { flex-direction: column; gap: 16px; padding-bottom: 48px; }
  .card { flex: none; padding: 22px 20px; }
  .card h3 { margin-bottom: 8px; font-size: 21px; }

  .doc-layout { display: block; padding-top: 20px; padding-bottom: 48px; }
  .crumbs { display: none; }
  .back-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 17px; font-weight: 600; color: var(--muted); text-decoration: none; }
  .back-link .icon { width: 18px; height: 18px; }
  .step-of { margin: 14px 0 6px; font-size: 16px; }
  .article h1 { margin: 14px 0 22px; font-size: 32px; }
  .step-of + h1 { margin-top: 0; }
  .toc { margin-bottom: 32px; padding: 16px 18px; }
  .prose h2 { margin-top: 40px; font-size: 25px; }
  .prose h3 { font-size: 21px; }
  .callout { padding: 18px; }
  .callout-call .btn, .reviews .btn { display: flex; width: 100%; min-height: 52px; }
  .pager { flex-direction: column; margin-top: 40px; padding-top: 24px; }
  .pager a { flex: none; }

  .docs { padding-top: 32px; padding-bottom: 48px; }
  .docs h1 { font-size: 32px; }
  .toggle { display: flex; }
  .toggle a { flex: 1 1 0; justify-content: center; padding: 8px 12px; }
  .doc-list li { padding: 18px; }
  .doc-list li > .btn-outline { width: 100%; justify-content: center; }
  .footer-in { flex-direction: column; gap: 24px; padding-top: 36px; padding-bottom: 36px; }
  .footer-brand { flex: none; }
}

/* ---- Print: the text in black on white, with the site's name, the page's address and the contact
   details, without what only works on a screen. A4 is narrower than 760px, so this undoes the phone
   layout too. */
.print-address { display: none; }
@media print {
  @page { margin: 15mm 16mm; }
  :root { --text: #000; --text-2: #000; --muted: #333; --accent: #000; --warn-text: #000; --line: #999; --line-2: #999; }
  body { background: #fff; font-size: 13pt; line-height: 1.45; }
  a, a:hover { color: #000; }
  .page { display: block; min-height: 0; }
  .wrap { max-width: none; padding-left: 0; padding-right: 0; }
  .skip, .site-menu, .call-icon, .menu-btn, .sidebar, .crumbs, .back-link, .toc, .pager, .reviews, .actions,
  .toggle, .doc-list .btn, .doc-list li > .icon, .steps .icon, .arrow-link .icon, .footer-links { display: none !important; }

  .site { background: none; border-bottom: 1pt solid #000; }
  .site-bar { display: block; padding: 0 0 4pt; }
  .brand { font-size: 15pt; }
  .print-address { display: block; margin: 0; font-size: 10pt; overflow-wrap: anywhere; }

  h1, h2, h3, h4 { break-after: avoid; }
  p, li { orphans: 3; widows: 3; }
  .callout, .doc-list li, .prose img, .prose tr, .card { break-inside: avoid; }

  .doc-layout, .docs { display: block; max-width: none; padding-top: 14pt; padding-bottom: 0; }
  .article { max-width: none; line-height: 1.45; }
  .step-of { margin: 0 0 4pt; font-size: 11pt; }
  .article h1, .docs h1 { margin: 0 0 12pt; font-size: 22pt; line-height: 1.2; }
  .prose h2 { margin: 18pt 0 6pt; font-size: 17pt; }
  .prose h3 { margin: 12pt 0 4pt; font-size: 14.5pt; }
  .prose h4 { margin: 10pt 0 4pt; font-size: 13pt; }
  p, .prose ul, .prose ol { margin-bottom: 8pt; }
  .prose li { margin-bottom: 3pt; }
  .prose img { border-radius: 0; }
  .prose table { display: table; font-size: 11.5pt; background: none; border-radius: 0; }
  .prose th, .prose td { padding: 4pt 6pt; border: 1pt solid #999; }
  .prose thead th { background: none; }
  /* Browsers leave out backgrounds, so the boxes get a border instead. */
  .callout { margin-bottom: 10pt; padding: 8pt 10pt; border: 1pt solid #000; border-radius: 0; background: none; }
  .callout-important { border-width: 2pt; }
  .callout-title { font-size: 11pt; }
  .callout-call { border-left-width: 4pt; }
  .callout-call .btn { display: inline-flex; width: auto; min-height: 0; padding: 0; border: 0; background: none; color: #000; font-size: inherit; }

  .doc-list { gap: 0; }
  .doc-list li { padding: 5pt 0; border-bottom: 1pt solid #999; border-radius: 0; background: none; }
  .doc-meta { font-size: 10.5pt; }

  .hero, .card, .counter-card { background: none; }
  .hero-in { display: block; padding: 14pt 0 6pt; }
  .hero h1 { margin-bottom: 10pt; max-width: none; font-size: 22pt; }
  .lead { font-size: 13pt; }
  .counter-card { margin-top: 10pt; padding: 6pt 10pt; border: 1pt solid #999; border-radius: 0; }
  .counter-num { font-size: 20pt; }
  .counter-rest { font-size: 11pt; }
  .steps-section { padding: 10pt 0 6pt; }
  .steps-section h2 { margin-bottom: 6pt; font-size: 17pt; }
  .steps { display: block; }
  .steps a { gap: 6pt; padding: 3pt 0; }
  .steps .num { flex: 0 0 auto; height: auto; background: none; font-size: inherit; }
  .steps .num::after { content: "."; }
  .cards { display: block; padding-bottom: 0; }
  .card { padding: 8pt 0; border-top: 1pt solid #999; border-radius: 0; }
  .card h3 { margin-bottom: 4pt; font-size: 14.5pt; }
  .card p { font-size: inherit; }
  .big-phone { font-size: 15pt; }

  .site-footer { margin-top: 16pt; border-top: 1pt solid #000; background: none; color: #000; font-size: 11pt; break-inside: avoid; }
  .footer-in { flex-direction: row; justify-content: space-between; gap: 4pt 24pt; padding: 6pt 0 0; }
  .footer-name { color: #000; font-size: 13pt; }
  .site-footer a { color: #000; text-decoration: none; }
}