/* Optional isolated editorial treatment for own useful-material guide articles. */
/* SITE088: keep copy attached to its heading in the reviewed balcony guides. */
@media(min-width:821px){
article[data-oknolit-guide-editorial-design="v1"]:is(
  [data-oknolit-content-route="/useful-information/kak-nedorogo-osteklit-balkon/"],
  [data-oknolit-content-route="/useful-information/nash-drug-balkon/"],
  [data-oknolit-content-route="/useful-information/vidy-razdvizhnyh-balkonnyh-ram/"],
  [data-oknolit-content-route="/useful-information/vybor-okon-pvh-dlya-balkona/"],
  [data-oknolit-content-route="/useful-information/zakazat-frantsuzskoe-osteklenie-balkona-v-minske/"]
) .oknolit-guide-section-copy{align-self:start}
}
[data-guide-comparison]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:900px;margin:0 auto 16px;padding:12px 16px;color:#455b6b;font:14px/1.4 "Segoe UI",Arial,sans-serif}
[data-guide-comparison]>span{margin-inline-end:auto}
[data-guide-comparison] a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;color:#005a9f;background:#fff;text-decoration:none;font-weight:650}
[data-guide-comparison] a[aria-current]{color:white;background:#005a9f}
[data-guide-comparison] a:focus-visible{outline:3px solid #082f4d;outline-offset:3px}
article[data-oknolit-guide-editorial-design="v1"] {
  --guide-blue: #005a9f;
  --guide-navy: #082f4d;
  --guide-cream: #fff4e5;
  --guide-ochre: #945717;
  --guide-ink: #183143;
  --guide-muted: #455b6b;
  --guide-rule: #cbd7df;
  box-sizing: border-box;
  inline-size: min(100% - 32px, 1120px);
  min-inline-size: 0;
  margin-inline: auto;
  color: var(--guide-ink);
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.68;
  overflow-wrap: anywhere;
}

article[data-oknolit-guide-editorial-design="v1"] *,
article[data-oknolit-guide-editorial-design="v1"] *::before,
article[data-oknolit-guide-editorial-design="v1"] *::after { box-sizing: border-box; min-inline-size: 0; }

article[data-oknolit-guide-editorial-design="v1"] .oknolit-content__navigation {
  max-inline-size: 74ch;
  margin: 0 auto 1rem;
  font-size: .9375rem;
}

article[data-oknolit-guide-editorial-design="v1"] .oknolit-content__header,
article[data-oknolit-guide-editorial-design="v1"] .oknolit-content__body { min-inline-size: 0; }

article[data-oknolit-guide-editorial-design="v1"] .oknolit-content__header {
  max-inline-size: 74ch;
  margin-inline: auto;
  padding-block: clamp(1.25rem, 4vw, 2.5rem) 1.5rem;
}

article[data-oknolit-guide-editorial-design="v1"] .oknolit-content__eyebrow {
  margin: 0 0 .6rem;
  color: var(--guide-ochre);
  font-size: .8125rem;
  font-weight: 700;
  letter-spacing: .045em;
  line-height: 1.4;
}

article[data-oknolit-guide-editorial-design="v1"] h1,
article[data-oknolit-guide-editorial-design="v1"] h2,
article[data-oknolit-guide-editorial-design="v1"] h3 {
  color: var(--guide-navy);
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

article[data-oknolit-guide-editorial-design="v1"] h1 {
  margin: 0;
  font-size: clamp(2rem, 4.4vw, 3.25rem);
  letter-spacing: -.025em;
}

article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-summary {
  margin: 1.25rem 0 0;
  padding: .9rem 1rem 1rem;
  border-inline-start: 3px solid var(--guide-ochre);
  background: var(--guide-cream);
  color: var(--guide-ink);
}

article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-summary__label {
  margin: 0 0 .25rem;
  color: var(--guide-ochre);
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.4;
}

article[data-oknolit-guide-editorial-design="v1"] .oknolit-content__lead {
  margin: 0 !important;
  color: var(--guide-navy) !important;
  font-size: clamp(1rem, 1.4vw, 1.125rem) !important;
  line-height: 1.55;
}

article[data-oknolit-guide-editorial-design="v1"] .oknolit-content__body {
  max-inline-size: 74ch;
  margin-inline: auto;
}

article[data-oknolit-guide-editorial-design="v1"] .oknolit-content__section {
  margin: 0;
  padding-block: 1.5rem;
  border-block-start: 1px solid var(--guide-rule);
}

article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section + .oknolit-content__section {
  margin-block-start: 0;
  padding-block-start: 1.5rem;
  border-block-start: 1px solid var(--guide-rule);
}

article[data-oknolit-guide-editorial-design="v1"] .oknolit-content__section > h2 {
  margin: 0 0 .8rem;
  font-size: clamp(1.375rem, 2.7vw, 1.875rem);
  letter-spacing: -.015em;
  scroll-margin-block-start: 1rem;
}

article[data-oknolit-guide-editorial-design="v1"] .oknolit-content__section h3 {
  margin: 1.25rem 0 .5rem;
  font-size: 1.125rem;
}

article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section p,
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section li {
  color: var(--guide-ink);
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.68;
}

article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section p { margin: 0; }
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section p + p { margin-block-start: .85rem; }
article[data-oknolit-guide-editorial-design="v1"] ul,
article[data-oknolit-guide-editorial-design="v1"] ol { margin: .75rem 0 0; padding-inline-start: 1.35rem; }
article[data-oknolit-guide-editorial-design="v1"] li + li { margin-block-start: .4rem; }

article[data-oknolit-guide-editorial-design="v1"] a {
  color: var(--guide-blue);
  text-underline-offset: .16em;
  text-decoration-thickness: .07em;
}

article[data-oknolit-guide-editorial-design="v1"] a:hover { color: var(--guide-navy); }
article[data-oknolit-guide-editorial-design="v1"] a:focus-visible,
article[data-oknolit-guide-editorial-design="v1"] summary:focus-visible {
  outline: 3px solid var(--guide-blue);
  outline-offset: 3px;
  border-radius: 1px;
}

article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-note {
  margin-block-start: 1rem;
  padding-inline-start: .85rem;
  border-inline-start: 2px solid var(--guide-blue);
  color: var(--guide-navy);
}

article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-section-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(10rem, 15rem);
  align-items: start;
  gap: clamp(1rem, 3vw, 2rem);
}

article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-section-copy { max-inline-size: 70ch; }
article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-section-layout--wide { grid-template-columns: minmax(0, 1fr); }
article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-section-layout--wide .oknolit-guide-figure { max-inline-size: 42rem; }
article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-figure { max-inline-size: 100%; margin: 0; border:0; padding:0; box-shadow:none; border-radius:0; background:transparent; }
article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-figure img,
article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-figure svg { display: block; max-inline-size: 100%; block-size: auto; }
article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-figure figcaption { margin-block-start: .4rem; color: var(--guide-muted); font-size: .875rem; line-height: 1.5; }
article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-zoom { display: inline-flex; align-items: center; min-block-size: 32px; margin-block-start: .25rem; font-size: .875rem; }

article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-table-wrap { max-inline-size: 100%; margin-block-start: 1rem; overflow-x: auto; overscroll-behavior-inline: contain; }
article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-table { inline-size: 100%; border-collapse: collapse; color: var(--guide-ink); font-size: .9375rem; line-height: 1.5; }
article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-table caption { padding: .5rem 0; color: var(--guide-muted); text-align: start; }
article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-table th,
article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-table td { padding: .65rem .7rem; border: 1px solid var(--guide-rule); text-align: start; vertical-align: top; }
article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-table thead th { background: #edf3f6; color: var(--guide-navy); }

article[data-oknolit-guide-editorial-design="v1"] .oknolit-content__section[data-oknolit-guide-related="v1"] .oknolit-content__links { display: grid; gap: .35rem 1.25rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); }
article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-sources { padding-block: 1rem; border-block-start: 1px solid var(--guide-rule); }
article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-sources summary { inline-size: fit-content; color: var(--guide-navy); cursor: pointer; font-weight: 650; }
article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-editorial { margin-block-start: 1rem; color: var(--guide-muted); font-size: .875rem; }

@media (max-width: 48rem) {
  article[data-oknolit-guide-editorial-design="v1"] { inline-size: min(100% - 32px, 74ch); }
  article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-section-layout { grid-template-columns: minmax(0, 1fr); }
  article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-figure { max-inline-size: min(100%, 32rem); }
}

@media (max-width: 22rem) {
  article[data-oknolit-guide-editorial-design="v1"] { inline-size: calc(100% - 24px); }
  article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-summary { padding: .75rem; }
  article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-table { min-inline-size: 30rem; }
}

@media (forced-colors: active) {
  article[data-oknolit-guide-editorial-design="v1"] .oknolit-content__section,
  article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-table th,
  article[data-oknolit-guide-editorial-design="v1"] .oknolit-guide-table td { border-color: CanvasText; }
  article[data-oknolit-guide-editorial-design="v1"] a:focus-visible,
  article[data-oknolit-guide-editorial-design="v1"] summary:focus-visible { outline-color: Highlight; }
}

/* 03 Oct: the accepted reference is a broad alternating composition,
   not a narrow reading column with a different colour. */
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article{inline-size:min(calc(100% - 32px),1200px);padding:0;background:transparent}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__navigation{max-inline-size:none;margin:16px 0;padding:0;background:transparent}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__header{max-inline-size:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 40px;padding:32px 36px;background:#f8fafb;border:0}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__eyebrow{grid-column:1;grid-row:1;color:#945717;margin:0;font-size:13px}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article h1{grid-column:1;grid-row:2;font-family:"Bahnschrift","Segoe UI",Arial,sans-serif;font-size:clamp(30px,3vw,44px);line-height:1.16}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-guide-summary{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0;padding:24px;background:#fff4e5;border:0}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__body{max-inline-size:none;padding:0;background:transparent}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section,
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section+.oknolit-content__section{padding:28px 36px;margin:16px 0 0;background:#f8fafb;border:0}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section:nth-of-type(3n+1){background:#fff4e5}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section>h2{font-family:"Bahnschrift","Segoe UI",Arial,sans-serif;font-size:clamp(25px,2.3vw,32px);line-height:1.22;margin:0 0 18px}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-guide-section-layout,
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-guide-section-layout--wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-guide-section-copy{max-inline-size:none;grid-column:1;grid-row:1}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-guide-figure{grid-column:2;grid-row:1;justify-self:center;inline-size:100%;max-inline-size:410px;margin:0;padding:0;border:0;background:transparent}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section:nth-of-type(even) .oknolit-guide-section-copy{grid-column:2}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section:nth-of-type(even) .oknolit-guide-figure{grid-column:1}
/* Column-sized headings apply only while prose and media occupy two columns. */
@media(min-width:821px){
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section:has(.oknolit-guide-section-layout)>h2{max-inline-size:calc(50% - 20px)}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section:nth-of-type(even):has(.oknolit-guide-section-layout)>h2{margin-inline-start:calc(50% + 20px)}
}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section:has(>[data-editorial-copy]){display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:start}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article [data-editorial-copy]{grid-column:2;grid-row:1}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section:has(>[data-editorial-copy])>h2{grid-column:1;grid-row:1;margin:0}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section:nth-of-type(even)>[data-editorial-copy]{grid-column:1}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section:nth-of-type(even):has(>[data-editorial-copy])>h2{grid-column:2}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-guide-sources{margin-top:24px;padding-inline:36px;border:0}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-guide-editorial{padding:0 36px 24px}
@media(max-width:820px){
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article{inline-size:calc(100% - 24px)}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__header{grid-template-columns:1fr;padding:24px;gap:16px}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-guide-summary{grid-column:1;grid-row:3;padding:20px}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section,
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section+.oknolit-content__section{padding:24px}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-guide-section-layout,
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-guide-section-layout--wide,
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section:has(>[data-editorial-copy]){display:flex;flex-direction:column;gap:20px;align-items:stretch}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section:has(.oknolit-guide-section-layout)>h2{max-inline-size:none;margin-inline-start:0}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-guide-figure{align-self:center;max-inline-size:360px}
}

/* Category landing: broad topic blocks, not one long column of links. */
@media(min-width:821px){
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section[data-editorial-media="left"] .oknolit-guide-section-copy{grid-column:2}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section[data-editorial-media="left"] .oknolit-guide-figure{grid-column:1}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section[data-editorial-media="right"] .oknolit-guide-section-copy{grid-column:1}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section[data-editorial-media="right"] .oknolit-guide-figure{grid-column:2}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section[data-editorial-media="left"]:has(.oknolit-guide-section-layout)>h2{margin-inline-start:calc(50% + 20px)}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section[data-editorial-media="right"]:has(.oknolit-guide-section-layout)>h2{margin-inline-start:0}
}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section:has(>[data-editorial-copy] .oknolit-guide-table-wrap){display:block}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section:has(>[data-editorial-copy] .oknolit-guide-table-wrap)>h2{margin-bottom:20px}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article [data-editorial-copy]:has(.oknolit-guide-table-wrap){display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:start}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article [data-editorial-copy]:has(.oknolit-guide-table-wrap)>p{grid-column:1}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article [data-editorial-copy]>.oknolit-guide-table-wrap{grid-column:2;grid-row:1 / span 8;margin:0}
@media(max-width:820px){article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article [data-editorial-copy]:has(.oknolit-guide-table-wrap){display:block}article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article [data-editorial-copy]>.oknolit-guide-table-wrap{margin-top:20px}}
/* Base content CSS stacks table rows in this same container condition. The
   earlier 30rem scroll-table minimum must not keep those cards off-screen. */
@container guide-body (max-width:35rem){
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-guide-table{min-inline-size:0}
}
article[data-oknolit-guide-collection-design="v1"].oknolit-content{inline-size:min(calc(100% - 32px),1200px);padding:0;background:transparent}
article[data-oknolit-guide-collection-design="v1"] .oknolit-content__header{padding:32px 36px;background:#fff4e5;border:0;margin:0 0 16px}
article[data-oknolit-guide-collection-design="v1"] h1{font-family:"Bahnschrift","Segoe UI",Arial,sans-serif;font-size:clamp(30px,3vw,44px);color:#082f4d}
article[data-oknolit-guide-collection-design="v1"] .oknolit-content__body{padding:0;background:transparent}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides{background:transparent;padding:0;border:0;margin:0}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__topics{padding:12px 0 20px;background:transparent}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__topics ul{display:flex;flex-wrap:wrap;gap:12px}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__group-count{display:block;font-size:14px;font-weight:600;color:#945717;margin:12px 0 0}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__groups>section{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:36px;padding:32px 36px;margin:16px 0;background:#f8fafb;border:0}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__groups>section:nth-child(odd){background:#fff4e5}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__groups>section>h2{font-family:"Bahnschrift","Segoe UI",Arial,sans-serif;font-size:32px;line-height:1.2;color:#082f4d;margin:0;grid-column:1;grid-row:1;align-self:start}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:0;grid-column:2;grid-row:1}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__groups>section:nth-child(even)>h2{grid-column:2}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__groups>section:nth-child(even)>.oknolit-guides__entries{grid-column:1}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__groups>section:nth-child(even){grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr)}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__entries li{margin:0;padding:0;list-style:none;min-width:0}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__entry-link{display:block;background:#fff;padding:16px;border:0;box-shadow:none;border-radius:0;height:100%;text-decoration:none;min-height:64px}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__entry-link:hover{background:#eaf3f8}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__entry-title{display:block;font-size:16px;line-height:1.45;font-weight:650;color:#005a9f}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__entry-description{font-size:14px;line-height:1.5;color:#455b6b;margin-top:8px}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__groups>section>h2{display:block}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__entry-action{display:block;margin-top:12px;font-size:14px;color:#005a9f;font-weight:650}
article[data-oknolit-guide-collection-design="v1"] a:focus-visible{outline:3px solid #005a9f;outline-offset:3px}
@media(max-width:820px){
article[data-oknolit-guide-collection-design="v1"] .oknolit-content__header{padding:24px}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__groups>section,
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__groups>section:nth-child(even){display:flex;flex-direction:column;padding:24px;gap:20px}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__entries{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__entries{grid-template-columns:1fr}}

/* Text-only sections: the heading belongs above its prose, never beside it. */
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section:has(>[data-editorial-copy]){display:block}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__section:has(>[data-editorial-copy])>h2{margin:0 0 16px;max-inline-size:none}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article [data-editorial-copy]{max-inline-size:76ch}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article [data-editorial-copy]:has(.oknolit-guide-table-wrap){max-inline-size:none}

/* Compose whole text groups side by side; never detach their headings. */
@media(min-width:821px){
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__body>.oknolit-content__section{margin:0}
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__body>.oknolit-content__section:has(.oknolit-guide-section-layout),
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__body>.oknolit-content__section:has(.oknolit-guide-table-wrap),
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__body>[data-oknolit-guide-related],
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__body>.oknolit-guide-sources,
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__body>.oknolit-guide-editorial{grid-column:1 / -1}
}

/* This four-section article ends after a full-width illustrated block.
   Keep its conclusion full-width rather than leaving an empty second column. */
@media(min-width:821px){
article[data-oknolit-guide-editorial-design="v1"][data-oknolit-content-route="/useful-information/regulirovka-okon-pvh/"] .oknolit-content__body>section[aria-labelledby="oknolit-section-4"]{grid-column:1 / -1}
}

@media(min-width:821px){
article[data-oknolit-guide-editorial-design="v1"].oknolit-content--guide-article .oknolit-content__body>section[data-editorial-unpaired="v1"]{grid-column:1 / -1}
}

/* Topic navigation is a compact equal-width control row, not five giant cards. */
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__topics .oknolit-guides__topic-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__topic-list>li{width:auto;min-width:0;margin:0;padding:0;list-style:none}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__topic-list>li>a{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;height:100%;min-height:72px;padding:12px;border:0;border-radius:0;background:#fff;text-decoration:none;box-shadow:none}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__topic-title{font-size:15px;line-height:1.4;color:#005a9f;font-weight:650}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__topic-description{display:none}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__topic-list small{margin:0;font-size:13px;line-height:1.4;color:#455b6b}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__topic-list>li>a:hover{background:#fff4e5}
@media(max-width:700px){
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__topics .oknolit-guides__topic-list{grid-template-columns:repeat(2,minmax(0,1fr))}
article[data-oknolit-guide-collection-design="v1"] .oknolit-guides__topic-list>li:last-child{grid-column:1 / -1}
}
