body.dp-b {
  --dp-bg: #F7F5F0; --dp-hero-bg: radial-gradient(1200px 500px at 85% -10%, #E3F2EF 0%, rgba(227,242,239,0) 60%), #F7F5F0; --dp-surface: #FFFFFF; --dp-ink: #16232E; --dp-ink-2: #34465A; --dp-head: #10202C;
  --dp-muted: #56687A; --dp-link: #0B5E5E; --dp-primary: #0E6B6B; --dp-on-primary: #FFFFFF; --dp-focus: #B4472F;
  --dp-tint: #E3F2EF; --dp-tint-2: #FCE9DF; --dp-tint-3: #EEF0FB; --dp-band: #EEF6F4; --dp-answer-bg: #E8F4F1; --dp-zebra: #F6FAF9;
  --dp-line: #DCE5E3; --dp-line-strong: #C5D4D1; --dp-footer: #10202C; --dp-footer-ink: #E3F2EF;
  --dp-display: "Heebo", system-ui, sans-serif; --dp-radius: 18px; --dp-radius-lg: 26px;
  --dp-shadow: 0 16px 36px rgba(16, 32, 44, .12); --dp-shadow-sm: 0 3px 10px rgba(16, 32, 44, .06);
  --dp-thumb-1: linear-gradient(135deg, #E3F2EF, #A9D6CC); --dp-thumb-2: linear-gradient(135deg, #FCE9DF, #F2B9A2); --dp-thumb-3: linear-gradient(135deg, #EEF0FB, #C3C7F2);
  --ico-chart: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6B6B' stroke-width='2.2' stroke-linecap='round'><path d='M3 20h18M6 16l4-5 3 3 5-7'/></svg>");
  --ico-wave: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6B6B' stroke-width='2.2' stroke-linecap='round'><path d='M3 12h2M8 7v10M12 4v16M16 8v8M20 11v2'/></svg>");
  --ico-change: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6B6B' stroke-width='2.2' stroke-linecap='round'><path d='M12 4a6 6 0 0 0-6 6c0 3 2 4 3 6s1 4 3 4 3-2 3-3'/><path d='M11 10a1.5 1.5 0 0 1 3 0'/></svg>");
  --dp-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E6B6B' stroke-width='2.2' stroke-linecap='round'><path d='M12 4a6 6 0 0 0-6 6c0 3 2 4 3 6s1 4 3 4 3-2 3-3'/></svg>");
}
body.dp-b h1, body.dp-b h2 { font-weight: 800; }
body.dp-b .dp-cards a { padding: 1.2rem; }
body.dp-b .dp-cards .dp-icon { margin-bottom: .3rem; }

/* ===== HEARING.co.il · design B2 (approved 02.11.2026) · applied by tools/design_apply.py ===== */
body.dp { background: var(--dp-bg); color: var(--dp-ink); font-size: 1.1875rem; line-height: 1.75; }
body.dp h1, body.dp h2, body.dp h3 { font-family: var(--dp-display); color: var(--dp-head); letter-spacing: -.01em; }
body.dp h1 { font-size: clamp(2.1rem, 4.6vw, 3.4rem); line-height: 1.15; }
body.dp h2 { font-size: clamp(1.5rem, 2.6vw, 2rem); line-height: 1.25; margin-top: 2.2rem; }
body.dp a { color: var(--dp-link); }
body.dp .site-header { background: color-mix(in srgb, var(--dp-bg) 90%, transparent); border-bottom: 1px solid var(--dp-line); }
body.dp .wordmark .ltr { font-family: var(--dp-display); font-weight: 800; color: var(--dp-head); font-size: 1.35rem; }
body.dp .wordmark__sub { color: var(--dp-muted); }
body.dp .nav summary { border-radius: 999px; background: var(--dp-primary); color: var(--dp-on-primary); border: 0; padding: .55rem 1.1rem; font-weight: 700; }
body.dp .crumbs, body.dp .crumbs a { color: var(--dp-muted); }
body.dp :focus-visible { outline: 3px solid var(--dp-focus); outline-offset: 3px; border-radius: 6px; }
/* ---- search */
.dp-search { position: relative; display: flex; gap: .5rem; max-width: 40rem; margin: 1.6rem 0 1rem; background: var(--dp-surface); border: 2px solid var(--dp-line-strong); border-radius: 999px; padding: .4rem; box-shadow: var(--dp-shadow); }
.dp-search input { flex: 1; min-width: 0; border: 0; background: transparent; font: inherit; font-size: 1.125rem; padding: .55rem 1rem; color: var(--dp-ink); outline: none; }
.dp-search:focus-within { border-color: var(--dp-primary); }
.dp-search button { border: 0; border-radius: 999px; background: var(--dp-primary); color: var(--dp-on-primary); font: inherit; font-weight: 700; padding: .55rem 1.4rem; cursor: pointer; min-height: 2.9rem; }
.dp-results { position: absolute; z-index: 30; inset-inline: 0; top: calc(100% + .4rem); list-style: none; margin: 0; padding: .4rem; background: var(--dp-surface); border: 1px solid var(--dp-line); border-radius: 18px; box-shadow: 0 18px 40px rgba(0,0,0,.14); max-height: 26rem; overflow: auto; }
.dp-results a { display: block; padding: .6rem .8rem; border-radius: 12px; text-decoration: none; color: var(--dp-ink); }
.dp-results a:hover, .dp-results a:focus { background: var(--dp-tint); }
.dp-results b { display: block; font-size: 1.02rem; }
.dp-results span { display: block; font-size: .9rem; color: var(--dp-muted); line-height: 1.45; }
.dp-none { padding: .6rem .8rem; color: var(--dp-muted); }
/* ---- home hero */
.dp-hero { padding: clamp(2rem, 5vw, 4rem) 0 2rem; background: var(--dp-hero-bg); }
.dp-hero__grid { display: grid; gap: 2rem; align-items: center; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); }
.dp-hero .hv-eyebrow { display: inline-block; background: var(--dp-tint); color: var(--dp-head); border-radius: 999px; padding: .3rem .9rem; font-weight: 700; font-size: .95rem; }
.dp-hero h1 { margin: .9rem 0 .8rem; max-width: 16ch; }
.dp-hero .lead { font-size: 1.25rem; color: var(--dp-ink-2); max-width: 36rem; }
.dp-hero .small { color: var(--dp-muted); }
.dp-photo { margin: 0; position: relative; }
.dp-photo img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--dp-radius-lg); box-shadow: var(--dp-shadow); display: block; background: var(--dp-tint); }
.dp-photo figcaption { font-size: .78rem; color: var(--dp-muted); margin-top: .4rem; }
.dp-photo figcaption a { color: inherit; }
.dp-illus { margin: 0; }
.dp-illus svg { width: 100%; height: auto; display: block; border-radius: var(--dp-radius-lg); }
/* ---- journeys */
.dp-journeys { padding: 2.2rem 0 1rem; }
.dp-journeys h2 { margin-top: 0; }
.dp-cards { list-style: none; padding: 0; margin: 1.2rem 0 0; display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dp-cards a { display: flex; flex-direction: column; gap: .35rem; height: 100%; padding: .8rem .8rem 1.2rem; background: var(--dp-surface); border: 1px solid var(--dp-line); border-radius: var(--dp-radius-lg); text-decoration: none; color: var(--dp-ink); box-shadow: var(--dp-shadow-sm); transition: transform .15s, box-shadow .15s, border-color .15s; }
.dp-cards a:hover { transform: translateY(-3px); box-shadow: var(--dp-shadow); border-color: var(--dp-primary); }
.dp-cards b { font-family: var(--dp-display); font-size: 1.3rem; color: var(--dp-head); padding-inline: .4rem; margin-top: .4rem; }
.dp-cards span { color: var(--dp-ink-2); padding-inline: .4rem; font-size: 1.02rem; }
.dp-cards b::after { content: " ←"; color: var(--dp-primary); }
.dp-thumb { margin: 0; } .dp-thumb img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: calc(var(--dp-radius-lg) - 6px); display: block; background: var(--dp-tint); }
.dp-thumb figcaption { font-size: .7rem; color: var(--dp-muted); padding: .2rem .4rem 0; } .dp-thumb figcaption a { color: inherit; }
.dp-icon { margin: 0; } .dp-icon svg { width: 76px; height: 76px; display: block; }
.dp-quick { padding: 1rem 0 2rem; }
.dp-quick h2 { font-size: 1.35rem; margin-top: .5rem; }
body.dp .hv-paths a, body.dp .hv-feature a, body.dp .hv-hubs a, body.dp .route-list a { border-radius: var(--dp-radius); border-color: var(--dp-line); background: var(--dp-surface); box-shadow: var(--dp-shadow-sm); }
body.dp .hv-paths em, body.dp .hv-hubs i { color: var(--dp-primary); }
body.dp .hv-band { background: var(--dp-band); }
body.dp .hv-hero::after { display: none; }
/* ---- hub */
.dp-hubhead { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 2rem; align-items: center; margin: .6rem 0 1.2rem; }
.dp-hubhead .dp-photo img { aspect-ratio: 5 / 4; }
body.dp .hub-page .route-list { grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); }
body.dp .hub-page .route-list a { display: flex; gap: .9rem; align-items: flex-start; padding: 1rem 1.1rem; min-height: 100%; }
body.dp .hub-page .route-list a::before { content: ""; flex: 0 0 44px; height: 44px; border-radius: 14px; background: var(--dp-tint) var(--dp-ico) center / 26px no-repeat; }
body.dp section[aria-labelledby="tests"] .route-list a::before { --dp-ico: var(--ico-chart); }
body.dp section[aria-labelledby="tinnitus"] .route-list a::before { --dp-ico: var(--ico-wave); background-color: var(--dp-tint-3); }
body.dp section[aria-labelledby="changes"] .route-list a::before { --dp-ico: var(--ico-change); background-color: var(--dp-tint-2); }
body.dp .hub-page .route-list b { font-size: 1.08rem; }
body.dp .hv-az { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.5rem 0; }
body.dp .hv-az a { background: var(--dp-surface); border: 1px solid var(--dp-line); border-radius: 999px; padding: .45rem 1rem; text-decoration: none; font-weight: 700; color: var(--dp-head); }
body.dp .kcard { border-radius: var(--dp-radius); background: var(--dp-surface); border-color: var(--dp-line); }
/* ---- article */
body.dp article > .dp-photo, body.dp article > .dp-illus { margin: 1rem 0 1.4rem; max-width: 52rem; }
body.dp article > .dp-photo img { aspect-ratio: 21 / 9; }
body.dp article > .dp-illus svg { max-height: 300px; }
body.dp article > .hc-media { display: none; }
body.dp .answer { background: var(--dp-answer-bg); border: 0; border-radius: var(--dp-radius-lg); padding: 1.4rem 1.6rem; box-shadow: none; font-size: 1.2rem; line-height: 1.75; }
body.dp .answer::before { width: 0; }
body.dp .answer strong:first-child { display: inline-block; background: var(--dp-primary); color: var(--dp-on-primary); border-radius: 999px; padding: .05rem .75rem; margin-inline-end: .5rem; font-size: 1rem; }
body.dp .meta-bar > div { border-color: var(--dp-line); background: var(--dp-surface); }
body.dp .toc { border-radius: var(--dp-radius-lg); border-color: var(--dp-line); background: var(--dp-surface); }
body.dp .toc ol { columns: 2; column-gap: 2rem; font-size: 1.02rem; }
body.dp .prose h2 { padding-top: .4rem; border-top: 3px solid var(--dp-tint); }
body.dp .table-wrap { border-radius: var(--dp-radius); overflow: hidden; border: 1px solid var(--dp-line); box-shadow: var(--dp-shadow-sm); background: var(--dp-surface); }
body.dp table.cmp { border-collapse: collapse; width: 100%; font-size: 1.05rem; }
body.dp table.cmp thead th { background: var(--dp-primary); color: var(--dp-on-primary); padding: .8rem 1rem; text-align: start; }
body.dp table.cmp td { padding: .8rem 1rem; border-top: 1px solid var(--dp-line); vertical-align: top; }
body.dp table.cmp tbody tr:nth-child(even) td { background: var(--dp-zebra); }
.dp-check { list-style: none; padding: 0; display: grid; gap: .55rem; }
.dp-check li { position: relative; background: var(--dp-surface); border: 1px solid var(--dp-line); border-radius: 14px; padding: .75rem 1rem; padding-inline-start: 3rem; }
.dp-check li::before { content: ""; position: absolute; inset-inline-start: 1rem; top: .95rem; width: 1.2rem; height: 1.2rem; border: 2.5px solid var(--dp-primary); border-radius: 6px; background: var(--dp-surface); }
body.dp .faq details { border-radius: 16px; border-color: var(--dp-line); }
body.dp .faq summary { font-size: 1.08rem; }
body.dp section[aria-labelledby="hemshech"] .route-list { grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); max-width: none; }
body.dp section[aria-labelledby="hemshech"] .route-list a { display: flex; flex-direction: column; gap: .6rem; padding: .7rem; height: 100%; }
body.dp section[aria-labelledby="hemshech"] .route-list a::before { content: ""; display: block; aspect-ratio: 16 / 9; border-radius: 12px; background: var(--dp-thumb-1); }
body.dp section[aria-labelledby="hemshech"] .route-list li:nth-child(3n+2) a::before { background: var(--dp-thumb-2); }
body.dp section[aria-labelledby="hemshech"] .route-list li:nth-child(3n+3) a::before { background: var(--dp-thumb-3); }
body.dp .hc-related { border-radius: var(--dp-radius-lg); background: var(--dp-band); border: 0; }
body.dp .callout { border-radius: var(--dp-radius); }
body.dp .site-footer { background: var(--dp-footer); color: var(--dp-footer-ink); }
body.dp .site-footer a { color: var(--dp-footer-ink); }
@media (max-width: 900px) {
  .dp-hero__grid, .dp-hubhead { grid-template-columns: 1fr; }
  .dp-hero__media { order: 2; }
  .dp-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.dp .toc ol { columns: 1; }
}
@media (max-width: 520px) { .dp-cards { grid-template-columns: 1fr 1fr; gap: .7rem; } .dp-cards b { font-size: 1.12rem; } .dp-search button { padding-inline: 1rem; } }
.dp-search input:focus-visible { outline: none; }
/* 02.11 fixes: professional ear diagram in hero; article = category icon beside breadcrumbs */
body.dp-b .dp-hero__media .dp-illus svg { box-shadow: 0 1px 0 rgba(22,35,46,.06), 0 18px 40px -24px rgba(14,107,107,.35); }
body.dp .dp-crumbs { display: flex; align-items: center; gap: .6rem; }
body.dp .dp-crumbs ol { margin: 0; }
.dp-caticon { flex: none; display: inline-grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: .7rem; background: #E3F2EF; color: #0E6B6B; }
.dp-caticon svg { width: 1.35rem; height: 1.35rem; }
/* B2 site-wide (02.11 21:06): hub header without illustration; ear diagram shows only the 3 zone labels on phones */
.dp-hubhead--solo { grid-template-columns: minmax(0, 1fr); max-width: 52rem; }
@media (max-width: 600px) {
  .dp-ear .dp-ear-fine { display: none; }
  .dp-ear .dp-ear-zone { font-size: 24px; }
}
/* B2 polish (02.11 21:41): hub header and search full width on desktop; tighter gap above the ear diagram on phones */
.dp-hubhead--solo { max-width: none; }
.dp-hubhead--solo .answer, .dp-hubhead--solo .dp-search { max-width: none; }
@media (max-width: 900px) {
  .dp-hero__grid { gap: .75rem; }
  .dp-hero__text .small { margin-bottom: 0; }
  .dp-hero { padding-bottom: 1.25rem; }
}

/* Russian (03.11.2026): system sans for Cyrillic headings */
html[lang="ru"] body.dp-b { --dp-display: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; }
/* quick access (03.11.2026): self-check + expert corner, one tap on mobile */
.hc-quickbar { display: none; }
@media (max-width: 900px) {
  .hc-quickbar { display: flex; position: fixed; inset-inline: 0; bottom: 0; z-index: 50; background: #fff; border-top: 1px solid #d9dde6; box-shadow: 0 -2px 8px rgba(0,0,0,.06); padding-bottom: env(safe-area-inset-bottom); }
  .hc-quickbar a { flex: 1; text-align: center; padding: .8rem .5rem; font-weight: 600; text-decoration: none; min-height: 48px; }
  .hc-quickbar a + a { border-inline-start: 1px solid #d9dde6; }
  body { padding-bottom: 56px; }
}
.hc-quickbtns { margin-top: .9rem; }
/* W-00 03.11.2026: home quick buttons readable (primary button text was dark on dark) */
.hc-quickbtns .btn:not(.btn--quiet), .hc-quickbtns .btn:not(.btn--quiet):visited { color: #fff !important; }