/*
 * СИЛАЧ — журнал: головна журналу й рубрики (11-materials), стаття (09-article),
 * вміст статей із WordPress, пошук і службові сторінки.
 * Джерело — design/v2/assets/sylach.css; нижче — доповнення теми.
 */
.share { display: flex; gap: 8px; }
.share a { width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; background: #fff; }
.share svg { width: 18px; height: 18px; }
/* Журнал */
.journal-top { display: grid; grid-template-columns: 1.3fr 1fr; gap: 32px; }
.feature { display: grid; gap: 14px; text-decoration: none; }
.feature img { aspect-ratio: 16/9; object-fit: cover; width: 100%; }
.feature h3 { font-size: 30px; }
.feature:hover h3 { text-decoration: underline; }
.feature p { color: var(--muted); font-size: 16.5px; }
.search-lg { display: flex; max-width: 640px; margin-top: 20px; position: relative; }
.search-lg input { width: 100%; min-height: 56px; border: 1px solid var(--control); border-radius: var(--radius-s); padding: 0 120px 0 48px; font-size: 16.5px; background: #fff; }
.search-lg svg { position: absolute; left: 16px; top: 18px; width: 20px; height: 20px; color: var(--muted); }
.search-lg button { position: absolute; right: 5px; top: 5px; bottom: 5px; }
@media (max-width: 1099px) { .journal-top { grid-template-columns: 1fr; } .feature h3 { font-size: 24px; } }
.read-progress { position: fixed; left: 0; right: 0; top: 0; height: 3px; z-index: 70; pointer-events: none; }
.read-progress span { display: block; height: 100%; width: 0; background: var(--accent); transition: width .1s linear; }
.ed-head { max-width: 880px; padding: 20px 0 28px; }
.ed-kicker { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; font-size: 14px; color: var(--muted); }
.ed-kicker .chip { min-height: 34px; font-weight: 600; }
.ed-head h1 { font-size: clamp(32px, 4.4vw, 56px); letter-spacing: -.035em; line-height: 1.05; }
.ed-standfirst { margin-top: 18px; font-size: 21px; line-height: 1.5; color: var(--ink-2); max-width: 760px; }
.ed-meta { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--line); }
.ed-author { display: flex; align-items: center; gap: 12px; }
.ed-author b { display: block; font-size: 15px; }
.ed-author small { color: var(--muted); font-size: 13.5px; }
.ava { width: 44px; height: 44px; border-radius: 50%; background: var(--ink); color: var(--accent); display: grid; place-items: center; font-family: var(--font-head); font-weight: 800; font-size: 18px; flex: none; }
.ed-cover { margin: 0 auto 8px; }
.ed-cover img { width: 100%; aspect-ratio: 21/9; object-fit: cover; border-radius: var(--radius); }
.ed-cover figcaption { font-size: 13px; color: var(--muted); margin-top: 8px; }
.ed-grid { display: grid; grid-template-columns: 200px minmax(0, 680px) 300px; justify-content: space-between; gap: 40px; padding: 32px 0 56px; }
.ed-toc { position: sticky; top: 176px; align-self: start; font-size: 14.5px; }
.ed-toc > b { display: block; font-size: 12.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin-bottom: 10px; }
.ed-toc ol { list-style: none; margin: 0; padding: 0; border-left: 2px solid var(--line); }
.ed-toc li a { display: block; padding: 7px 0 7px 14px; margin-left: -2px; border-left: 2px solid transparent; text-decoration: none; color: var(--muted); line-height: 1.35; }
.ed-toc li a:hover { color: var(--ink); }
.ed-toc li a.is-current { color: var(--ink); font-weight: 600; border-left-color: var(--accent); }
.ed-progress { margin-top: 18px; display: grid; gap: 6px; }
.ed-progress .bar { height: 4px; background: var(--line); border-radius: 2px; overflow: hidden; }
.ed-progress .bar i { display: block; height: 100%; width: 0; background: var(--ink); }
.ed-progress small { color: var(--muted); font-size: 12.5px; }
.ed-toc-m { display: none; }
.ed-body { font-size: 18.5px; line-height: 1.72; min-width: 0; }
.ed-body > p { margin: 0 0 22px; }
.ed-body h2 { font-size: 29px; margin: 44px 0 16px; scroll-margin-top: 180px; }
.ed-body a { text-decoration: underline; }
.takeaways { background: var(--surface); border: 1px solid var(--line); border-left: 4px solid var(--accent); border-radius: var(--radius); padding: 22px 24px 8px; margin: 0 0 34px; }
.takeaways h2 { font-size: 15px; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 12px; color: var(--muted); }
.takeaways ul { margin: 0; padding: 0; list-style: none; }
.takeaways li { position: relative; padding: 0 0 14px 26px; font-size: 16.5px; line-height: 1.55; }
.takeaways li::before { content: ""; position: absolute; left: 0; top: 9px; width: 10px; height: 10px; border-radius: 2px; background: var(--ink); }
.table-wrap { overflow-x: auto; margin: 8px 0 28px; }
.ed-table { width: 100%; border-collapse: collapse; font-size: 15.5px; line-height: 1.45; background: var(--surface); border: 1px solid var(--line); }
.ed-table caption { text-align: left; font-size: 13.5px; color: var(--muted); padding-bottom: 8px; }
.ed-table th, .ed-table td { padding: 12px 14px; border-bottom: 1px solid var(--line); vertical-align: top; text-align: left; }
.ed-table thead th { background: var(--ink); color: #fff; font-size: 14px; font-weight: 600; }
.ed-table tbody th { font-weight: 600; width: 22%; background: #FCFCF9; }
.numbers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 6px 0 30px; }
.numbers div { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 16px; }
.numbers b { display: block; font-family: var(--font-head); font-size: 30px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; }
.numbers span { display: block; font-size: 14px; line-height: 1.45; color: var(--muted); margin-top: 6px; }
.shop-compare { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 22px 22px 16px; margin: 36px 0; font-size: 15px; line-height: 1.45; }
.shop-compare-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 12px; flex-wrap: wrap; }
.shop-compare-head small { display: block; font-size: 12.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.shop-compare-head h3 { font-size: 21px; margin-top: 4px; }
.shop-compare .link-arrow { text-decoration: none; font-size: 15px; }
.shop-compare .table-wrap { margin: 0; }
.cmp-table { width: 100%; border-collapse: collapse; }
.cmp-table th, .cmp-table td { padding: 10px 8px; border-top: 1px solid var(--line); text-align: left; vertical-align: middle; }
.cmp-table thead th { border-top: 0; font-size: 12.5px; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); font-weight: 600; }
.cmp-table .num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.cmp-table td.num:last-child { font-weight: 700; }
.cmp-prod { display: flex; align-items: center; gap: 12px; text-decoration: none !important; font-weight: 600; }
.cmp-prod img { width: 44px; height: 44px; object-fit: contain; background: #fff; flex: none; }
.cmp-prod:hover span { text-decoration: underline; }
.shop-compare .fine { font-size: 13px; color: var(--muted); margin-top: 10px; }
.study { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; margin: 4px 0 26px; font-size: 15px; line-height: 1.45; }
.study div { background: var(--surface); padding: 14px 16px; }
.study dt { font-size: 12.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin-bottom: 4px; }
.study dd { margin: 0; }
.stat { margin: 8px 0 28px; display: grid; grid-template-columns: auto 1fr; gap: 20px; align-items: center; padding: 22px 24px; background: var(--ink); color: #fff; border-radius: var(--radius); }
.stat b { font-family: var(--font-head); font-size: 64px; font-weight: 800; letter-spacing: -.04em; line-height: 1; color: var(--accent); }
.stat figcaption { font-size: 17px; line-height: 1.45; color: #E3E5DC; }
.pull { margin: 8px 0 28px; padding: 6px 0 6px 26px; border-left: 4px solid var(--accent); }
.pull p { font-family: var(--font-head); font-size: 25px; line-height: 1.35; font-weight: 700; letter-spacing: -.02em; margin: 0 0 10px; }
.pull footer { font-size: 14px; color: var(--muted); }
.disclaimer { display: flex; gap: 12px; font-size: 14.5px !important; line-height: 1.5; color: var(--muted); background: var(--paper-2); border-radius: var(--radius); padding: 14px 16px; margin-top: 36px !important; }
.disclaimer svg { width: 20px; height: 20px; flex: none; margin-top: 1px; }
.sources h2 { font-size: 20px !important; margin: 32px 0 8px !important; }
.sources p { font-size: 15px; }
.ed-foot { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin: 28px 0; padding: 18px 0; border-block: 1px solid var(--line); }
.ed-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.ed-tags .chip { min-height: 36px; font-size: 14px; }
.author-box { display: flex; gap: 16px; align-items: flex-start; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; font-size: 15px; line-height: 1.5; }
.author-box b { font-size: 16px; }
.author-box p { color: var(--muted); margin: 4px 0 10px; }
.author-box .link-arrow { text-decoration: none; font-size: 15px; }
.prev-next { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
.prev-next a { display: grid; gap: 6px; padding: 16px 18px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); text-decoration: none !important; font-size: 15px; line-height: 1.4; }
.prev-next a:hover { border-color: var(--ink); }
.prev-next small { display: inline-flex; align-items: center; gap: 4px; color: var(--muted); font-size: 13px; }
.prev-next small svg { width: 16px; height: 16px; }
.prev-next .next { text-align: right; }
.prev-next .next small { justify-content: flex-end; }
.ed-rail { position: sticky; top: 176px; align-self: start; }
.rail-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 20px; display: grid; gap: 10px; margin-bottom: 16px; }
.rail-img { width: 100%; height: 170px; object-fit: contain; }
.rail-title { font-size: 16px; line-height: 1.35; }
.rail-price { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.rail-price .price { font-size: 24px; }
.rail-price .muted { font-size: 13.5px; }
.rail-alt { display: grid; gap: 10px; padding-top: 14px; border-top: 1px solid var(--line); }
.rail-alt > small { font-size: 12.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.rail-mini { display: grid; grid-template-columns: 52px 1fr; gap: 12px; align-items: center; text-decoration: none; }
.rail-mini img { width: 52px; height: 52px; object-fit: contain; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-s); }
.rail-mini b { display: block; font-size: 14px; line-height: 1.3; }
.rail-mini small { color: var(--muted); font-size: 13px; }
.rail-mini:hover b { text-decoration: underline; }
.rail-h { font-family: var(--font-head); font-size: 17px; }
@media (max-width: 1239px) { .ed-grid { grid-template-columns: 190px minmax(0, 1fr) 280px; gap: 32px; } }
@media (max-width: 1099px) {
  .ed-grid { grid-template-columns: minmax(0, 1fr); padding-top: 20px; }
  .ed-toc { display: none; }
  .ed-toc-m { display: block; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); margin-bottom: 20px; font-size: 16px; }
  .ed-toc-m summary { list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; font-weight: 600; cursor: pointer; }
  .ed-toc-m summary::-webkit-details-marker { display: none; }
  .ed-toc-m summary svg { width: 20px; height: 20px; transition: transform .15s; }
  .ed-toc-m[open] summary svg { transform: rotate(180deg); }
  .ed-toc-m ol { margin: 0; padding: 0 16px 14px 36px; line-height: 1.4; }
  .ed-toc-m li { padding: 6px 0; }
  .ed-rail { position: static; max-width: 680px; }
  .ed-cover img { aspect-ratio: 16/9; }
}
@media (max-width: 767px) {
  .ed-standfirst { font-size: 18.5px; }
  .ed-body { font-size: 17.5px; }
  .ed-body h2 { font-size: 24px; margin-top: 36px; }
  .numbers { grid-template-columns: 1fr; }
  .numbers div { display: grid; grid-template-columns: 76px 1fr; gap: 12px; align-items: center; padding: 12px 14px; }
  .numbers b { font-size: 24px; }
  .numbers span { margin: 0; }
  .study { grid-template-columns: 1fr; }
  .stat { grid-template-columns: 1fr; gap: 8px; }
  .stat b { font-size: 52px; }
  .pull p { font-size: 21px; }
  .prev-next { grid-template-columns: 1fr; }
  .prev-next .next { text-align: left; }
  .prev-next .next small { justify-content: flex-start; }
  .cmp-table thead th:nth-child(2), .cmp-table td:nth-child(2) { display: none; }
  .shop-compare { padding: 16px 14px 12px; }
}
@media (max-width: 767px) {
  .ed-table thead { display: none; }
  .ed-table caption { display: block; width: 100%; padding: 0 0 8px; }
  .ed-table, .ed-table tbody, .ed-table tr, .ed-table th, .ed-table td { display: block; width: auto; }
  .ed-table tr { border-bottom: 1px solid var(--line); }
  .ed-table tbody th { width: auto; background: var(--ink); color: #fff; padding: 8px 14px; }
  .ed-table td { border: 0; padding: 8px 14px 4px; }
  .ed-table td::before { content: attr(data-label); display: block; font-size: 12.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); margin-bottom: 2px; }
  .ed-table td:last-child { padding-bottom: 12px; }
  .cmp-table thead { display: none; }
  .cmp-table tr { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; padding: 12px 0; border-top: 1px solid var(--line); }
  .cmp-table th, .cmp-table td { border: 0; padding: 0; }
  .cmp-table th[scope="row"] { grid-column: 1 / -1; }
  .cmp-table td.num { text-align: left; font-size: 14.5px; }
  .cmp-table td.num::before { content: attr(data-label) ": "; color: var(--muted); font-weight: 400; }
  .cmp-table td.num:last-child { text-align: right; }
}
.feature .feature-h { font-size: 30px; }
.feature:hover .feature-h { text-decoration: underline; }
@media (max-width: 1099px) { .feature .feature-h { font-size: 24px; } }
.sources ol { margin: 8px 0 0; padding-left: 22px; display: grid; gap: 6px; font-size: 15px; }
.sources a { overflow-wrap: anywhere; }

/* ===== Вміст статей із WordPress (класичний HTML): стилі для теми ===== */
.ed-body h3 { font-size: 22px; margin: 32px 0 12px; }
.ed-body ul, .ed-body ol { margin: 0 0 22px; padding-left: 26px; }
.ed-body li { margin-bottom: 8px; }
.ed-body li::marker { color: var(--muted); }
.ed-body figure { margin: 28px 0; }
.ed-body figure img, .ed-body > p img { width: 100%; height: auto; border-radius: var(--radius); }
.ed-body figcaption { font-size: 14px; color: var(--muted); margin-top: 8px; }
.ed-body table { width: 100%; border-collapse: collapse; font-size: 16px; margin: 0 0 24px; }
.ed-body th, .ed-body td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
.ed-body thead th { font-size: 14px; color: var(--muted); font-weight: 600; }
.ed-body blockquote { margin: 28px 0; padding: 4px 0 4px 20px; border-left: 4px solid var(--accent); font-size: 20px; }
div.disclaimer { display: block; }
div.disclaimer p { margin: 0 0 8px; }
div.disclaimer p:last-child { margin: 0; }
.review-note { font-size: 14.5px; color: var(--muted); margin: 16px 0 0 !important; }
@media (max-width: 767px) { .ed-body table { font-size: 14.5px; } .ed-body th, .ed-body td { padding: 8px; } .ed-body h3 { font-size: 20px; } }

/* ===== Тема WordPress: доповнення для журналу ===== */
.share button { width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; display: grid; place-items: center; background: #fff; padding: 0; }
.share button svg { width: 18px; height: 18px; }
.share button.is-done { border-color: var(--success); color: var(--success); }
.share a:hover, .share button:hover { border-color: var(--ink); }
.ed-tags { list-style: none; margin: 0; padding: 0; }
.ed-kicker:empty { display: none; }
/* Бічна колонка статті: картка товару магазину й рубрики */
.rail-product { margin-bottom: 16px; }
.rail-product .eyebrow { margin-bottom: 8px; }
.rail-links { list-style: none; margin: 0; padding: 0; }
.rail-links a { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; padding: 8px 0; border-top: 1px solid var(--line); text-decoration: none; font-weight: 600; font-size: 15px; }
.rail-links li:first-child a { border-top: 0; }
.rail-links small { color: var(--muted); font-weight: 500; font-size: 13.5px; white-space: nowrap; }
.rail-links a:hover span { text-decoration: underline; }
.rail-card .rail-h { margin: 0 0 4px; letter-spacing: -.02em; line-height: 1.3; }
/* Вміст зі старого сайту: підписи, вирівнювання, відео, інлайн-стилі */
.ed-body p[style] { text-align: inherit !important; }
.ed-body .wp-caption, .ed-body figure.wp-caption { width: auto !important; max-width: 100%; margin: 28px 0; }
.ed-body .wp-caption img { width: 100%; height: auto; border-radius: var(--radius); }
.ed-body .wp-caption-text, .ed-body .wp-caption figcaption { font-size: 14px; color: var(--muted); margin-top: 8px; }
.ed-body img { max-width: 100%; height: auto; }
.ed-body img.alignleft, .ed-body .alignleft { float: left; margin: 6px 24px 16px 0; max-width: 50%; }
.ed-body img.alignright, .ed-body .alignright { float: right; margin: 6px 0 16px 24px; max-width: 50%; }
.ed-body .aligncenter { margin-left: auto; margin-right: auto; }
.ed-body h2, .ed-body .table-wrap, .ed-body .takeaways, .ed-body blockquote { clear: both; }
.ed-body iframe { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: var(--radius); margin: 24px 0; background: var(--subtle); }
.ed-body blockquote p { margin: 0 0 10px; }
.ed-body blockquote p:last-child { margin: 0; }
.ed-body ol ol, .ed-body ul ul { margin: 8px 0 0; }
.ed-body dl { margin: 0 0 22px; }
.ed-body dt { font-weight: 600; }
.ed-body dd { margin: 0 0 10px; }
.ed-body strong { font-weight: 650; }
.ed-body hr { border: 0; border-top: 1px solid var(--line); margin: 32px 0; }
.ed-body .table-wrap { margin: 8px 0 28px; }
.ed-body .table-wrap table { margin: 0; min-width: 100%; background: var(--surface); border: 1px solid var(--line); }
.ed-body td p, .ed-body th p { margin: 0; }
@media (max-width: 767px) { .ed-body img.alignleft, .ed-body .alignleft, .ed-body img.alignright, .ed-body .alignright { float: none; margin: 16px 0; max-width: 100%; } }
/* Застереження з фасаду: іконка + текст */
.disclaimer > div > p { margin: 0 0 6px; }
.disclaimer > div > p:last-child { margin: 0; }
/* Картка статті без обкладинки */
.acard .cover-empty { display: block; aspect-ratio: 16 / 10; background: var(--subtle); }
/* Службові сторінки (доставка, оферта…) */
.page-body { max-width: 760px; padding-bottom: 64px; }
.page-body.ed-body > p { margin: 0 0 18px; }
/* Сторінки журналу: сітки, чипи рубрик, пошук */
.a-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
.bridge.cols-3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1099px) { .a-grid.cols-4 { grid-template-columns: 1fr 1fr; } .bridge.cols-3 { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .a-grid.cols-4 { grid-template-columns: 1fr; } }
.search-lg input::placeholder { color: #6F746B; }
.page-head .chips { margin-top: 20px; }
.page-head .count { font: 500 18px var(--font-body); color: var(--muted); letter-spacing: 0; }
.journal-list { padding: 8px 0 56px; }
.journal-list > h2 { margin-bottom: 20px; }
.search-sum { color: var(--muted); margin-top: 12px; }
.results-section { padding: 8px 0 40px; }
.results-section + .results-section { padding-top: 0; }
.err-page { padding: 24px 0 56px; max-width: 880px; }
.err-page .code { display: block; font-family: var(--font-head); font-weight: 800; font-size: 20px; color: var(--muted); margin-bottom: 6px; }
.err-page p.lead { margin-top: 14px; font-size: 18px; color: var(--muted); max-width: 640px; }
.err-page h2 { font-size: 22px; margin: 36px 0 14px; }
.a-list { display: grid; }
/* «Коротко» на телефоні: заголовок блоку не успадковує розмір H2 статті (у макеті — помилка специфічності) */
.ed-body .takeaways h2 { font-size: 15px; margin: 0 0 12px; letter-spacing: .08em; }
/* Шапка таблиці .ed-table у статті: білий текст на графіті (у макеті .ed-body thead th перебивав колір — контраст 2:1) */
.ed-body .ed-table thead th { color: #fff; font-size: 14px; }
/* Відео YouTube: прев’ю й кнопка замість iframe до натискання */
.yt-lite { position: relative; aspect-ratio: 16 / 9; margin: 24px 0; background: #000; border-radius: var(--radius); overflow: hidden; }
.yt-lite-link { position: absolute; inset: 0; display: block; }
.ed-body .yt-lite img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; opacity: .92; }
.yt-lite-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 72px; height: 52px; border-radius: 14px; background: var(--ink); color: #fff; display: grid; place-items: center; transition: background-color .15s, color .15s; }
.yt-lite-play svg { width: 28px; height: 28px; }
.yt-lite-link:hover .yt-lite-play, .yt-lite-link:focus-visible .yt-lite-play { background: var(--accent); color: var(--ink); }
.yt-lite-link:focus-visible { outline: 3px solid var(--accent); outline-offset: -3px; }
.ed-body .yt-lite iframe { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; border: 0; border-radius: 0; aspect-ratio: auto; }