:root {
  --ink: #122535;
  --muted: #617381;
  --line: #dfe7ec;
  --soft: #f4f7f8;
  --paper: #ffffff;
  --navy: #0d2538;
  --navy-2: #153b51;
  --teal: #0b8d89;
  --teal-dark: #08706e;
  --gold: #e0a72e;
  --shadow: 0 18px 50px rgba(18, 37, 53, .09);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; background: var(--paper); }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button, select { cursor: pointer; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.site-shell { min-height: 100vh; }

.site-header { height: 78px; background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(18,37,53,.09); position: relative; z-index: 20; }
.header-inner { height: 100%; display: flex; align-items: center; gap: 36px; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; }
.brand-mark { width: 40px; height: 40px; display: grid; place-items: center; color: var(--teal); }
.brand-mark svg { width: 100%; height: 100%; }
.brand-copy { display: grid; line-height: 1.05; }
.brand-copy strong { font: 800 18px/1 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; letter-spacing: -.5px; color: var(--navy); }
.brand-copy small { margin-top: 5px; color: var(--muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.main-nav { display: flex; gap: 28px; margin-left: auto; }
.main-nav a { font-size: 14px; font-weight: 600; color: #4c6270; transition: color .2s ease; }
.main-nav a:hover { color: var(--teal-dark); }
.language-switch { display: flex; padding: 3px; background: #eef3f5; border-radius: 11px; gap: 2px; }
.language-switch button { border: 0; background: transparent; padding: 7px 9px; border-radius: 8px; display: inline-flex; align-items: center; gap: 6px; color: #60727e; font-size: 12px; font-weight: 600; }
.language-switch button.is-active { background: #fff; color: var(--navy); box-shadow: 0 2px 8px rgba(13,37,56,.1); }
.language-switch button span:first-child { font-size: 16px; line-height: 1; }

.hero { position: relative; overflow: hidden; background: var(--navy); color: #fff; padding: 82px 0 68px; min-height: 555px; }
.hero::before { content: ''; position: absolute; width: 540px; height: 540px; border-radius: 50%; background: radial-gradient(circle, rgba(13,141,137,.23), transparent 68%); right: -130px; top: -200px; }
.hero::after { content: ''; position: absolute; width: 400px; height: 400px; border-radius: 50%; background: radial-gradient(circle, rgba(224,167,46,.12), transparent 68%); left: -180px; bottom: -230px; }
.hero-grid { position: absolute; inset: 0; opacity: .08; background-image: linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to right, transparent, black 25%, black 75%, transparent); }
.hero-content { position: relative; z-index: 2; }
.hero-copy { max-width: 800px; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: #9ddbd8; font-size: 12px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.eyebrow span { width: 28px; height: 2px; background: var(--gold); }
.hero h1 { margin: 18px 0 20px; font: 700 clamp(42px, 6vw, 72px)/1.04 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; letter-spacing: -.045em; }
.hero h1 em { font-style: normal; color: #91d7d4; }
.hero-copy > p { margin: 0; max-width: 770px; color: #c8d5dc; font-size: 18px; line-height: 1.65; }
.search-panel { margin-top: 38px; max-width: 850px; background: #fff; color: var(--ink); border-radius: 16px; padding: 13px 15px 10px; box-shadow: 0 26px 70px rgba(0,0,0,.28); }
.search-panel > label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.search-input-wrap { min-height: 56px; display: flex; align-items: center; gap: 12px; }
.search-input-wrap > svg { color: var(--teal); margin-left: 6px; flex: 0 0 auto; }
.search-input-wrap input { min-width: 0; flex: 1; border: 0; outline: 0; color: var(--ink); font-size: 17px; background: transparent; }
.search-input-wrap input::placeholder { color: #8c9aa4; }
.clear-search { border: 0; background: #eef4f5; color: var(--teal-dark); border-radius: 8px; padding: 7px 10px; font-size: 12px; font-weight: 700; }
.search-filter-row { border-top: 1px solid #e6ecef; min-height: 39px; display: flex; align-items: center; gap: 8px; color: #7b8b95; }
.search-filter-row select { border: 0; outline: 0; background: transparent; color: #536975; font-size: 12px; font-weight: 600; max-width: 260px; }
.catalog-count { margin-left: auto; font-size: 11px; font-weight: 700; color: #86959e; text-transform: uppercase; letter-spacing: .06em; }
.search-results { margin-top: 18px; max-width: 850px; background: #fff; color: var(--ink); border-radius: 16px; box-shadow: 0 25px 70px rgba(0,0,0,.23); overflow: hidden; }
.search-results-head { padding: 17px 20px 12px; display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid var(--line); }
.search-results-head h2 { margin: 0; font: 700 16px/1.2 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.search-results-head span { color: var(--muted); font-size: 12px; }
.result-list { max-height: 375px; overflow: auto; }
.result-item { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto 20px; align-items: center; gap: 13px; padding: 14px 18px; border-bottom: 1px solid #edf1f3; transition: background .15s ease; }
.result-item:last-child { border-bottom: 0; }
.result-item:hover { background: #f5f9fa; }
.result-item > svg { color: #8a9aa4; }
.result-icon, .tool-icon, .tool-page-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 11px; }
.result-main { min-width: 0; display: grid; gap: 3px; }
.result-main strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.result-main small { color: var(--muted); font-size: 11px; }
.empty-state { min-height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #7d8f99; padding: 24px; }
.empty-state strong { margin-top: 9px; color: var(--ink); }
.empty-state p { margin: 6px 0 0; font-size: 13px; }

.status { display: inline-flex; align-items: center; width: fit-content; border-radius: 999px; padding: 5px 9px; font-size: 10px; font-weight: 700; white-space: nowrap; }
.status-active { color: #08726d; background: #ddf3f1; }
.status-planned { color: #526673; background: #edf1f3; }
.status-review { color: #876319; background: #fff0c9; }

.section { padding: 88px 0; }
.section-heading { display: grid; grid-template-columns: 1fr minmax(300px, 480px); align-items: end; gap: 50px; margin-bottom: 35px; }
.section-heading.compact { margin-bottom: 28px; }
.section-heading > div { display: flex; align-items: baseline; gap: 16px; }
.section-kicker { color: var(--teal); font: 700 11px/1 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; letter-spacing: .12em; }
.section-kicker.light { color: #90d6d3; }
.section-heading h2, .principles-intro h2 { margin: 0; font: 700 clamp(30px,4vw,42px)/1.1 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; letter-spacing: -.035em; color: var(--navy); }
.section-heading > p { margin: 0; color: var(--muted); line-height: 1.65; font-size: 15px; }
.categories-section { background: #f7f9fa; }
.category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.category-card { min-height: 300px; display: flex; flex-direction: column; background: #fff; border: 1px solid #e4eaed; border-radius: 16px; padding: 23px; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; overflow: hidden; position: relative; }
.category-card::before { content: ''; position: absolute; height: 4px; top: 0; left: 0; right: 0; background: currentColor; opacity: .9; }
.category-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-color: transparent; }
.category-icon { width: 55px; height: 55px; display: grid; place-items: center; border-radius: 15px; background: currentColor; }
.category-icon svg { color: #fff; }
.category-card-body { color: var(--ink); margin-top: 20px; }
.category-card h3 { margin: 0 0 10px; font: 700 19px/1.25 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; letter-spacing: -.02em; }
.category-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.category-card-footer { margin-top: auto; padding-top: 22px; border-top: 1px solid #edf1f3; color: var(--muted); display: flex; align-items: center; justify-content: space-between; font-size: 11px; font-weight: 700; }
.category-link { color: var(--ink); display: inline-flex; align-items: center; gap: 6px; }
.category-card:hover .category-link { color: currentColor; }

.featured-section { background: #fff; }
.featured-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.tool-card { border: 1px solid var(--line); border-radius: 15px; padding: 20px; min-height: 295px; display: flex; flex-direction: column; transition: transform .2s ease, box-shadow .2s ease; }
.tool-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.tool-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.tool-category { margin-top: 22px; color: var(--teal-dark); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.tool-card h3 { margin: 7px 0 10px; font: 700 18px/1.3 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; letter-spacing: -.02em; }
.tool-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.tool-card-bottom { margin-top: auto; border-top: 1px solid #edf1f3; padding-top: 15px; display: flex; justify-content: space-between; align-items: center; color: #738590; font-size: 11px; font-weight: 700; }
.tool-card:hover .tool-card-bottom svg { color: var(--teal); }

.principles-section { background: var(--navy); color: #fff; }
.principles-wrap { display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; align-items: start; }
.principles-intro h2 { color: #fff; margin: 15px 0 18px; }
.principles-intro p { color: #b9cad3; line-height: 1.7; font-size: 14px; }
.principle-list { display: grid; gap: 15px; }
.principle-list article { display: grid; grid-template-columns: 50px 1fr; gap: 16px; padding: 20px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.04); }
.principle-list article > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; color: #91d7d4; background: rgba(145,215,212,.11); }
.principle-list h3 { margin: 1px 0 6px; font: 700 16px/1.2 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.principle-list p { margin: 0; color: #b9cad3; font-size: 13px; line-height: 1.55; }

.site-footer { background: #091b29; color: #b5c5ce; }
.footer-main { min-height: 120px; display: flex; align-items: center; gap: 40px; }
.footer-main .brand-copy strong { color: #fff; }
.footer-main .brand-copy small { color: #8da2ae; }
.footer-main p { font-size: 13px; }
.dev-badge { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.dev-badge span { width: 7px; height: 7px; border-radius: 50%; background: #47c2a9; box-shadow: 0 0 0 4px rgba(71,194,169,.12); }
.footer-bottom { min-height: 62px; border-top: 1px solid rgba(255,255,255,.08); display: flex; justify-content: space-between; align-items: center; gap: 30px; font-size: 10px; color: #7e929e; }
.footer-bottom span:last-child { max-width: 700px; text-align: right; }

/* Category pages */
.inner-page { background: #f7f9fa; }
.back-link { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; color: #526975; font-size: 13px; font-weight: 600; }
.category-hero { background: #fff; border-bottom: 1px solid var(--line); }
.category-hero-inner { min-height: 280px; display: flex; align-items: center; gap: 28px; }
.category-hero-icon { width: 86px; height: 86px; border-radius: 22px; display: grid; place-items: center; color: #fff; background: currentColor; flex: 0 0 auto; }
.category-count { display: block; margin-bottom: 9px; color: currentColor; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.category-hero h1 { margin: 0 0 12px; font: 700 clamp(36px,5vw,56px)/1.06 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; letter-spacing: -.04em; color: var(--navy); }
.category-hero p { margin: 0; max-width: 760px; color: var(--muted); font-size: 16px; line-height: 1.6; }
.category-tools-section { min-height: 500px; padding-top: 48px; }
.category-search { max-width: 560px; height: 54px; display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 0 16px; margin-bottom: 24px; }
.category-search svg { color: var(--teal); }
.category-search input { flex: 1; border: 0; outline: 0; background: transparent; }
.category-tool-list { display: grid; gap: 12px; }
.category-tool-row { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 22px 24px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 30px; transition: border-color .2s, box-shadow .2s, transform .2s; }
.category-tool-row:hover { border-color: #b7d9d7; box-shadow: 0 10px 30px rgba(13,37,56,.07); transform: translateX(3px); }
.tool-type { color: var(--teal-dark); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.category-tool-row h2 { margin: 5px 0 6px; font: 700 19px/1.25 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.category-tool-row p { margin: 0; color: var(--muted); font-size: 13px; }
.category-tool-action { display: flex; flex-direction: column; align-items: flex-end; gap: 14px; }
.category-tool-action > span:last-child { display: inline-flex; align-items: center; gap: 7px; color: var(--navy); font-size: 12px; font-weight: 700; }

/* Tool placeholder */
.tool-page-main { background: #f7f9fa; min-height: calc(100vh - 78px); padding: 68px 0 100px; }
.tool-page-grid { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 60px; align-items: start; }
.tool-breadcrumb { display: flex; align-items: center; gap: 7px; color: #71838e; font-size: 12px; margin-bottom: 28px; }
.tool-breadcrumb a { color: var(--teal-dark); font-weight: 700; }
.tool-page-icon { margin-bottom: 21px; }
.tool-page-content h1 { margin: 0; font: 700 clamp(36px,5vw,56px)/1.08 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; color: var(--navy); letter-spacing: -.04em; }
.tool-lead { margin: 17px 0 20px; max-width: 760px; color: var(--muted); font-size: 17px; line-height: 1.65; }
.placeholder-panel { margin-top: 38px; display: grid; grid-template-columns: 54px 1fr; gap: 18px; background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 28px; }
.placeholder-mark { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 13px; background: #e4f4f3; color: var(--teal-dark); }
.placeholder-panel h2 { margin: 1px 0 8px; font: 700 20px/1.25 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.placeholder-panel p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.tool-page-aside { padding-top: 42px; }
.aside-card { background: #fff; border: 1px solid var(--line); border-radius: 15px; padding: 22px; }
.aside-card h2 { margin: 0 0 17px; font: 700 15px/1.2 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.aside-card ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 13px; }
.aside-card li { display: grid; grid-template-columns: 20px 1fr; gap: 9px; color: #546a77; font-size: 12px; line-height: 1.45; }
.aside-card li svg { color: var(--teal); }
.privacy-note { margin-top: 13px; padding: 15px; border-radius: 12px; background: #fff6de; color: #725719; display: grid; grid-template-columns: 22px 1fr; gap: 9px; font-size: 11px; line-height: 1.45; }

.accent-indigo { color: #5866b4; }
.accent-indigo.category-icon, .accent-indigo.category-hero-icon, .accent-indigo.tool-page-icon, .accent-indigo.tool-icon, .accent-indigo.result-icon { background: #edf0ff; color: #5866b4; }
.category-card.accent-indigo .category-icon, .category-hero.accent-indigo .category-hero-icon { background: #5866b4; color: #fff; }
.accent-cyan { color: #1684a0; }
.accent-cyan.category-icon, .accent-cyan.category-hero-icon, .accent-cyan.tool-page-icon, .accent-cyan.tool-icon, .accent-cyan.result-icon { background: #e5f6fa; color: #1684a0; }
.category-card.accent-cyan .category-icon, .category-hero.accent-cyan .category-hero-icon { background: #1684a0; color: #fff; }
.accent-emerald { color: #188461; }
.accent-emerald.category-icon, .accent-emerald.category-hero-icon, .accent-emerald.tool-page-icon, .accent-emerald.tool-icon, .accent-emerald.result-icon { background: #e6f6ef; color: #188461; }
.category-card.accent-emerald .category-icon, .category-hero.accent-emerald .category-hero-icon { background: #188461; color: #fff; }
.accent-rose { color: #b64c67; }
.accent-rose.category-icon, .accent-rose.category-hero-icon, .accent-rose.tool-page-icon, .accent-rose.tool-icon, .accent-rose.result-icon { background: #fbeaf0; color: #b64c67; }
.category-card.accent-rose .category-icon, .category-hero.accent-rose .category-hero-icon { background: #b64c67; color: #fff; }
.accent-violet { color: #7556a9; }
.accent-violet.category-icon, .accent-violet.category-hero-icon, .accent-violet.tool-page-icon, .accent-violet.tool-icon, .accent-violet.result-icon { background: #f0ebf9; color: #7556a9; }
.category-card.accent-violet .category-icon, .category-hero.accent-violet .category-hero-icon { background: #7556a9; color: #fff; }
.accent-blue { color: #4479b8; }
.accent-blue.category-icon, .accent-blue.category-hero-icon, .accent-blue.tool-page-icon, .accent-blue.tool-icon, .accent-blue.result-icon { background: #eaf2fb; color: #4479b8; }
.category-card.accent-blue .category-icon, .category-hero.accent-blue .category-hero-icon { background: #4479b8; color: #fff; }
.accent-amber { color: #a87416; }
.accent-amber.category-icon, .accent-amber.category-hero-icon, .accent-amber.tool-page-icon, .accent-amber.tool-icon, .accent-amber.result-icon { background: #fff2d7; color: #a87416; }
.category-card.accent-amber .category-icon, .category-hero.accent-amber .category-hero-icon { background: #b47c16; color: #fff; }
.accent-teal { color: #0b817e; }
.accent-teal.category-icon, .accent-teal.category-hero-icon, .accent-teal.tool-page-icon, .accent-teal.tool-icon, .accent-teal.result-icon { background: #e3f4f3; color: #0b817e; }
.category-card.accent-teal .category-icon, .category-hero.accent-teal .category-hero-icon { background: #0b817e; color: #fff; }

@media (max-width: 1020px) {
  .category-grid, .featured-grid { grid-template-columns: repeat(2, 1fr); }
  .principles-wrap { gap: 55px; }
  .tool-page-grid { grid-template-columns: 1fr; gap: 20px; }
  .tool-page-aside { padding-top: 0; max-width: 600px; }
}

@media (max-width: 760px) {
  .container { width: min(100% - 28px, 1180px); }
  .site-header { height: auto; min-height: 70px; }
  .header-inner { min-height: 70px; gap: 16px; flex-wrap: wrap; padding: 10px 0; }
  .main-nav { display: none; }
  .language-switch { margin-left: auto; }
  .language-switch button span:last-child { display: none; }
  .hero { padding: 60px 0 52px; min-height: 0; }
  .hero h1 { font-size: clamp(39px, 12vw, 58px); }
  .hero-copy > p { font-size: 16px; }
  .search-panel { margin-top: 28px; }
  .result-item { grid-template-columns: 40px minmax(0, 1fr) 18px; }
  .result-item .status { display: none; }
  .section { padding: 64px 0; }
  .section-heading { grid-template-columns: 1fr; gap: 14px; }
  .category-grid, .featured-grid { grid-template-columns: 1fr; }
  .category-card { min-height: 260px; }
  .principles-wrap { grid-template-columns: 1fr; gap: 35px; }
  .footer-main { padding: 28px 0; flex-wrap: wrap; gap: 18px; }
  .footer-main p { width: 100%; margin: 0; }
  .dev-badge { margin-left: 0; }
  .footer-bottom { padding: 20px 0; flex-direction: column; align-items: flex-start; }
  .footer-bottom span:last-child { text-align: left; }
  .back-link { order: 3; width: 100%; }
  .category-hero-inner { min-height: 320px; align-items: flex-start; flex-direction: column; justify-content: center; gap: 18px; }
  .category-tool-row { grid-template-columns: 1fr; gap: 15px; }
  .category-tool-action { align-items: flex-start; flex-direction: row; justify-content: space-between; }
  .tool-page-main { padding-top: 42px; }
  .placeholder-panel { grid-template-columns: 1fr; }
}
/* Tympanoplasty types interactive module */
.tymp-main{background:#f5f8f9;min-height:calc(100vh - 78px);padding:42px 0 74px}.tymp-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:24px}.tymp-hero h1{margin:14px 0 8px;color:var(--navy);font:700 clamp(2.25rem,5vw,3.7rem)/1.05 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:-.045em}.tymp-hero p{margin:0;max-width:790px;color:var(--muted);font-size:16px;line-height:1.65}.tymp-badges{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.tymp-badges span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #cfe1e5;border-radius:999px;background:#fff;color:#49636f;font-size:11px;font-weight:750;white-space:nowrap}.tymp-badges svg{color:#1684a0}.tymp-mode-switch{display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;margin:0 0 18px;background:#e5edef;border-radius:12px}.tymp-mode-switch button{border:0;background:transparent;color:#647984;padding:10px 16px;border-radius:9px;font:700 12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;cursor:pointer}.tymp-mode-switch button.is-active{background:#fff;color:var(--navy);box-shadow:0 4px 14px rgba(23,49,65,.08)}.tymp-workspace{display:grid;grid-template-columns:minmax(330px,.86fr) minmax(440px,1.14fr);gap:20px;align-items:start}.tymp-input-card,.tymp-result-card{background:#fff;border:1px solid #dce6e9;border-radius:18px;box-shadow:0 14px 38px rgba(19,46,62,.06)}.tymp-input-card{padding:23px}.tymp-input-card>h2,.tymp-guide-heading h2{margin:0 0 17px;color:var(--navy);font:700 18px/1.2 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}.tymp-type-list{display:grid;gap:9px}.tymp-type-list button{display:grid;grid-template-columns:72px minmax(0,1fr);gap:13px;align-items:center;width:100%;text-align:left;border:1px solid #dde7ea;background:#fbfcfd;border-radius:12px;padding:13px 14px;color:var(--ink);cursor:pointer;transition:border-color .17s,background .17s,transform .17s,box-shadow .17s}.tymp-type-list button:hover{transform:translateX(2px);border-color:#9ecdd5}.tymp-type-list button.is-selected{background:#eef8fa;border-color:#1684a0;box-shadow:inset 3px 0 0 #1684a0}.tymp-type-list strong{color:#116d81;font-size:13px}.tymp-type-list span{color:#5d717c;font-size:12px;line-height:1.42}.tymp-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:4px}.tymp-guide-heading h2{margin:0}.tymp-guide-heading button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#55717c;font-size:11px;font-weight:700;cursor:pointer}.tymp-guide-heading button:hover{color:#1684a0}.tymp-question{padding:18px 0;border-top:1px solid #edf2f4}.tymp-question:first-of-type{border-top:0}.tymp-question h3{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:#1e3948;font:700 13px/1.35 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}.tymp-question h3>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e6f6f8;color:#1684a0;font-size:11px}.tymp-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tymp-choice-grid.single{grid-template-columns:1fr}.tymp-choice{display:flex;align-items:flex-start;gap:9px;border:1px solid #dde7ea;background:#fbfcfd;border-radius:11px;padding:12px;text-align:left;color:#516872;font:600 12px/1.42 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;cursor:pointer}.tymp-choice:hover{border-color:#9ecdd5}.tymp-choice.is-selected{border-color:#1684a0;background:#eef8fa;color:#163f4d}.tymp-choice-dot{flex:0 0 auto;width:14px;height:14px;margin-top:1px;border:2px solid #a9bdc5;border-radius:50%;box-shadow:inset 0 0 0 3px #fff;background:#fff}.tymp-choice.is-selected .tymp-choice-dot{border-color:#1684a0;background:#1684a0}.tymp-result-card{padding:23px;min-height:590px}.tymp-result-card.has-result{border-color:#c6dde2}.tymp-waiting{min-height:540px;display:grid;place-items:center;align-content:center;text-align:center;color:#7a8d96}.tymp-waiting>span{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#eef6f8;color:#5f9ba8}.tymp-waiting p{max-width:390px;margin:14px auto 0;font-size:13px}.tymp-result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid #edf2f4}.tymp-result-top>div:first-child>span{color:#1684a0;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.tymp-result-top h2{margin:5px 0 4px;color:var(--navy);font:750 29px/1 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}.tymp-result-top p{margin:0;color:#617780;font-size:12px;line-height:1.45}.tymp-result-number{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border-radius:15px;background:#1684a0;color:#fff;font:800 25px/1 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;box-shadow:0 9px 20px rgba(22,132,160,.2)}.tymp-ear-diagram{display:block;width:100%;max-height:255px;margin:15px 0}.tymp-canal{fill:#e9d3c3;stroke:#b99079;stroke-width:2}.tymp-graft{fill:none;stroke:#1684a0;stroke-width:7;stroke-linecap:round}.tymp-coupling{stroke:#1684a0;stroke-width:4;stroke-linecap:round}.tymp-ossicle,.tymp-stapes{fill:#ffe6a7;stroke:#9e701d;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.tymp-ossicle.partial{stroke-dasharray:6 4}.tymp-footplate{fill:#ffd978;stroke:#9e701d;stroke-width:3}.tymp-footplate.fixed{fill:#d8dde0;stroke:#7a858b}.tymp-cochlea{fill:none;stroke:#6f8fb1;stroke-width:9;stroke-linecap:round}.tymp-round-window{fill:none;stroke:#6f8fb1;stroke-width:5;stroke-linecap:round}.tymp-shield{fill:#d6eee9;stroke:#3e8d82;stroke-width:2}.tymp-labyrinth{fill:none;stroke:#6f8fb1;stroke-width:8;stroke-linecap:round}.tymp-fenestration{fill:#fff;stroke:#c35f52;stroke-width:4}.tymp-svg-title{fill:#18394a;font:700 14px system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}.tymp-svg-label{fill:#738791;font:600 10px system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}.tymp-path{margin:0 0 14px;padding:12px 14px;border-radius:11px;background:#f1f7f8;color:#55717c;font-size:11px}.tymp-path strong{display:block;color:#254451;margin-bottom:8px}.tymp-path>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.tymp-path span{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #d7e5e8}.tymp-path span+span::before{content:'›';color:#1684a0;margin-right:7px}.tymp-detail{padding:13px 0;border-top:1px solid #edf2f4}.tymp-detail h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:#254452;font:750 12px/1.3 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}.tymp-detail h3 svg{color:#1684a0}.tymp-detail p{margin:0;color:#617780;font-size:12px;line-height:1.56}.tymp-detail.modern{margin-top:4px;padding:13px;border:1px solid #eadcb9;background:#fffaf0;border-radius:11px}.tymp-detail.modern h3 svg{color:#a87416}.tymp-caution{display:grid;grid-template-columns:48px 1fr;gap:15px;margin-top:20px;padding:20px 22px;border:1px solid #d3e3e6;border-radius:16px;background:#fff}.tymp-caution>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#eaf6f5;color:#0b817e}.tymp-caution h2{margin:1px 0 5px;color:#1d3b49;font:750 15px/1.25 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}.tymp-caution p{margin:0;color:#607680;font-size:12px;line-height:1.6}.tymp-footer-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:20px;margin-top:20px}.tymp-footer-grid>section,.tymp-footer-grid>aside{padding:21px 23px;background:#fff;border:1px solid #dce6e9;border-radius:16px}.tymp-footer-grid h2{margin:0 0 12px;color:#213f4c;font:750 14px/1.2 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}.tymp-footer-grid ol{margin:0;padding-left:20px;color:#657983;font-size:11px;line-height:1.75}.tymp-footer-grid aside{display:grid;align-content:center;gap:12px}.tymp-footer-grid aside p{display:grid;grid-template-columns:21px 1fr;gap:9px;margin:0;color:#607680;font-size:11px;line-height:1.5}.tymp-footer-grid aside svg{color:#1684a0}
@media(max-width:960px){.tymp-hero{align-items:flex-start;flex-direction:column}.tymp-badges{justify-content:flex-start}.tymp-workspace{grid-template-columns:1fr}.tymp-result-card{min-height:0}.tymp-waiting{min-height:300px}.tymp-footer-grid{grid-template-columns:1fr}}
@media(max-width:620px){.tymp-main{padding-top:26px}.tymp-mode-switch{display:grid;width:100%}.tymp-workspace{gap:14px}.tymp-input-card,.tymp-result-card{padding:17px;border-radius:14px}.tymp-choice-grid{grid-template-columns:1fr}.tymp-type-list button{grid-template-columns:58px 1fr}.tymp-result-top h2{font-size:24px}.tymp-ear-diagram{margin:10px 0}.tymp-caution{grid-template-columns:1fr;padding:17px}.tymp-footer-grid>section,.tymp-footer-grid>aside{padding:17px}.tymp-badges{display:grid;grid-template-columns:1fr;width:100%}.tymp-badges span{justify-content:center}.tymp-path span+span::before{display:none}}
.tymp-ear-diagram path,.tymp-ear-diagram line,.tymp-ear-diagram ellipse,.tymp-ear-diagram circle{vector-effect:non-scaling-stroke}.tymp-ear-diagram .tymp-graft,.tymp-ear-diagram .tymp-coupling,.tymp-ear-diagram .tymp-cochlea,.tymp-ear-diagram .tymp-round-window,.tymp-ear-diagram .tymp-labyrinth{fill:none!important}.tymp-ear-diagram .tymp-footplate path{fill:none!important}

/* v6: outline all small UI icons; prevents SVG paths from using the browser's default black fill. */
.tymp-page .back-link svg,
.tymp-page .tool-page-icon svg,
.tymp-page .tymp-badges svg,
.tymp-page .tymp-guide-heading button svg,
.tymp-page .tymp-waiting svg,
.tymp-page .tymp-detail h3 svg,
.tymp-page .tymp-caution svg,
.tymp-page .tymp-footer-grid aside svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.tymp-page .tymp-detail h3 svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}