/* Current tone-check design. Legacy recording screens keep their own styles. */
.lh-preview { background:#f3f4ef; }
.preview-bar { background:#e6ebd8; color:#4a5737; letter-spacing:.07em; }
.preview-header { background:#4c5148; box-shadow:none; padding-top:22px; padding-bottom:22px; }
.preview-main { padding:38px 24px 45px; }
.preview-footer { color:#747b6c; font-size:12px; }
.leitert-hoercheck.lh-simple { max-width:1000px; --lh-ink:#252e24; --lh-muted:#70776b; --lh-line:#e2e6dc; }
.lh-simple .lh-journey { display:flex; list-style:none; padding:0; margin:0 auto 24px; align-items:center; justify-content:center; gap:34px; color:#777f6f; font-size:13px; }
.lh-simple .lh-journey li { display:flex; gap:9px; align-items:center; position:relative; }
.lh-simple .lh-journey li+li::before { content:""; position:absolute; left:-26px; top:50%; width:17px; height:1px; background:#d4dbc8; }
.lh-simple .lh-journey-number { width:27px; height:27px; display:grid; place-items:center; border:1px solid #d4dbcb; border-radius:50%; font-size:10px; font-weight:700; letter-spacing:.03em; }
.lh-simple .lh-journey [aria-current="step"] { color:#364920; font-weight:700; }
.lh-simple .lh-journey [aria-current="step"] .lh-journey-number { background:#4e652b; color:white; border-color:#4e652b; }
.lh-simple .lh-journey .complete .lh-journey-number { background:#e4ecd5; border-color:#e4ecd5; color:#4e652b; }
.lh-simple .lh-simple-card { padding:40px 48px 32px; border:1px solid #dee4d5; border-radius:24px; background:#fff; box-shadow:0 16px 50px #2c392010; }
.lh-simple .lh-simple-card::before { display:none; }
.lh-simple h2 { font-size:clamp(28px,3.2vw,36px); font-weight:700; letter-spacing:-.035em; }
.lh-simple .lh-button { background:#91ad16; border-color:#91ad16; border-radius:12px; box-shadow:0 4px 10px #66820b14; color:#233306; }
.lh-simple .lh-button:hover:not(:disabled) { background:#a2bb32; border-color:#a2bb32; transform:translateY(-1px); box-shadow:0 6px 15px #66820b1c; }
.lh-simple .lh-button.secondary { background:#fff; border-color:#d6ddcd; color:#3e4b33; box-shadow:none; }
.lh-simple .lh-button.secondary:hover:not(:disabled) { background:#f3f6ed; border-color:#a7b590; }
.lh-simple .lh-button:disabled { opacity:.52; }
.lh-simple .lh-button-arrow { font-size:23px; font-weight:400; margin-left:10px; }
.lh-simple[data-stage="intro"] .lh-simple-card { padding:0; overflow:hidden; }
.lh-simple .lh-preparation-layout { display:grid; grid-template-columns:.92fr 1.08fr; }
.lh-simple .lh-preparation-visual { position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:space-between; min-height:535px; padding:36px 30px 30px; color:#fff; background:radial-gradient(ellipse at 50% 60%,#707f50,transparent 64%),#353e2d; }
.lh-simple .lh-visual-title { align-self:flex-start; text-align:left; position:relative; z-index:1; }
.lh-simple .lh-visual-kicker { display:block; font-size:10px; letter-spacing:.17em; font-weight:600; color:#c1cda9; margin-bottom:15px; }
.lh-simple .lh-visual-title h1 { color:#f8faef; font-size:clamp(29px,3.7vw,42px); font-weight:600; letter-spacing:-.04em; margin:0; line-height:1.12; }
.lh-simple .lh-headphone-visual { width:238px; height:238px; margin:20px 0; background:radial-gradient(circle,#d6e4b236,#d6e4b207); border:1px solid #b3c48b2b; box-shadow:none; }
.lh-simple .lh-headphone-visual::before { border-color:#c0d29b24; inset:-16px; }
.lh-simple .lh-headphone-visual::after { border-color:#c0d29b13; inset:-32px; }
.lh-simple .lh-headphone-art { width:231px; height:231px; filter:drop-shadow(0 16px 12px #18241040); }
.lh-simple .lh-visual-duration { font-size:12px; letter-spacing:.02em; color:#d7dfc9; }
.lh-simple .lh-preparation-controls { padding:46px 36px 30px; text-align:left; align-self:center; }
.lh-simple .lh-preparation-controls h2 { font-size:31px; max-width:320px; line-height:1.18; }
.lh-simple .lh-volume-compact { padding:22px 0 0; margin:0; border:0; background:none; box-shadow:none; text-align:left; }
.lh-simple .lh-volume-compact>p:first-child { font-size:15px; line-height:1.6; color:#717869; }
.lh-simple .lh-volume-compact>[data-action="sample"] { min-width:0; width:100%; margin:22px 0 12px; background:#eef3e3; color:#41582a; border:1px solid #dce5cc; box-shadow:none; min-height:57px; }
.lh-simple .lh-volume-compact>[data-action="sample"]:hover:not(:disabled) { background:#e3ecd3; border-color:#cbdab3; }
.lh-simple .lh-volume-buttons { max-width:none; gap:10px; }
.lh-simple .lh-volume-buttons .lh-button { min-height:49px; font-size:16px; }
.lh-simple .lh-preparation-controls .lh-actions { margin-top:29px; }
.lh-simple .lh-preparation-controls .lh-actions>.lh-button { min-width:0; width:100%; min-height:59px; }
.lh-simple .lh-preparation-controls .lh-detail { margin-top:25px; padding-top:18px; border-top:1px solid #e4e8dc; font-size:13px; }
.lh-simple .lh-preparation-controls .lh-detail summary { text-align:left; color:#78816e; }
.lh-simple .lh-preparation-controls .lh-status { font-size:14px; }
.lh-simple .lh-trial-top { padding:0 0 25px; border:0; border-radius:0; border-bottom:1px solid #e6ebdf; background:none; }
.lh-simple .lh-trial-top>span.lh-current-ear { color:#354928; gap:14px; }
.lh-simple .lh-current-ear strong { font-size:32px; }
.lh-simple .lh-ear-side { background:#e9f0dc; border:1px solid #d9e5c7; color:#526d31; width:50px; height:50px; flex-basis:50px; border-radius:15px; }
.lh-simple .lh-trial-count { background:#f4f6ef; border-radius:8px; padding:7px 11px; font-size:14px; color:#7b856f; }
.lh-simple .lh-progress { margin:20px 0 28px; height:5px; background:#f0f3ea; }
.lh-simple .lh-progress::-webkit-progress-bar { background:#f0f3ea; }
.lh-simple .lh-progress::-webkit-progress-value { background:#93b022; }
.lh-simple .lh-signal-scene { display:flex; align-items:center; justify-content:center; gap:28px; margin:35px 0 33px; }
.lh-simple .lh-playing-icon { width:108px; height:108px; margin:0; border-color:#dbe5ca; box-shadow:none; background:radial-gradient(circle,#f5f8ec,#eaf1dc); color:#6b862d; }
.lh-simple .lh-playing-icon::before { inset:-10px; }
.lh-simple .lh-playing-icon::after { inset:-20px; }
.lh-simple .lh-signal-bars { display:flex; align-items:center; gap:7px; height:70px; color:#dae4c8; }
.lh-simple .lh-signal-bars i { display:block; width:4px; height:var(--bar-height); border-radius:4px; background:currentColor; }
.lh-simple.lh-audio-active .lh-signal-bars { color:#a2b96d; }
.lh-simple.lh-audio-active .lh-signal-bars i { animation:lh-level-pulse .9s ease-in-out infinite alternate; }
.lh-simple .lh-signal-bars i:nth-child(2n) { animation-delay:.2s; }
.lh-simple .lh-signal-bars i:nth-child(3n) { animation-delay:.4s; }
.lh-simple .lh-answer { margin:28px auto 20px; max-width:640px; }
.lh-simple .lh-answer .lh-button { min-height:76px; font-size:20px; }
.lh-simple .lh-simple-controls { margin-bottom:0; }
.lh-simple .lh-simple-controls [data-action="play"] { display:inline-flex; align-items:center; gap:7px; font-size:14px!important; }
.lh-simple .lh-simple-controls [data-action="play"]::before { content:"↻"; font-size:20px; }
.lh-simple .lh-measure-start { margin-top:28px!important; margin-bottom:10px; }
.lh-simple[data-stage="result"] .lh-simple-card { text-align:left; }
.lh-simple[data-stage="result"] h2 { margin-bottom:22px; }
.lh-simple .lh-result-panel { display:flex; align-items:flex-start; gap:21px; padding:28px; border:1px solid var(--edge); border-radius:18px; box-shadow:none; margin:0 0 22px; text-align:left; }
.lh-simple .lh-result-symbol { flex:0 0 54px; width:54px; height:54px; margin:2px 0 0; font-size:29px; border-radius:16px; }
.lh-simple .lh-band-label { margin:0 0 7px; font-size:12px; letter-spacing:.05em; }
.lh-simple .lh-result-panel h3 { font-size:27px; letter-spacing:-.025em; margin:0 0 11px; line-height:1.2; }
.lh-simple .lh-result-panel p { font-size:16px; text-align:left; color:#414b3e; line-height:1.6; }
.lh-simple .lh-ear-results { gap:14px; margin:0 0 28px; }
.lh-simple .lh-ear-results>div { position:relative; padding:21px 24px; border:1px solid #e0e6d8; border-radius:16px; background:#fafbf7; text-align:left; }
.lh-simple .lh-ear-results strong { font-size:15px; color:#737d67; font-weight:600; }
.lh-simple .lh-ear-results .lh-ear-score { font-size:42px; letter-spacing:-.045em; font-weight:650; color:#344c23; line-height:1.25; margin:7px 0 2px; }
.lh-simple .lh-ear-score small { font-size:22px; color:#8b947f; font-weight:400; letter-spacing:-.02em; }
.lh-simple .lh-ear-results .lh-ear-caption { font-size:13px; color:#77816c; margin:0; }
.lh-simple .lh-result-details { border:1px solid #e0e6d8; border-radius:18px; padding:26px; margin:0 0 27px; background:#fff; }
.lh-simple .lh-result-details h3 { font-size:24px; }
.lh-simple .lh-result-total { font-size:15px; color:#7b856e; margin-top:7px; }
.lh-simple .lh-result-details .lh-table { margin-top:21px; }
.lh-simple .lh-result-details .lh-table thead th { background:#f1f5e9; padding-top:13px; padding-bottom:13px; font-size:13px; color:#6b785b; }
.lh-simple .lh-response { display:inline-flex; align-items:center; gap:7px; font-size:15px; }
.lh-simple .lh-response::before { content:""; flex:0 0 6px; height:6px; background:currentColor; border-radius:50%; }
.lh-simple .lh-result-context { color:#79816f; font-size:14px; }
.lh-simple[data-stage="result"] .lh-detail { font-size:13px; margin-top:23px; }
.lh-simple[data-stage="result"] .lh-restart { display:block; margin:15px auto 0; font-size:14px!important; }
.lh-simple .lh-below { display:flex; align-items:center; justify-content:center; gap:7px; color:#7d8573; font-size:12px; }
.lh-simple .lh-below::before { content:""; width:5px; height:5px; border-radius:50%; background:#a0af85; }
@keyframes lh-level-pulse { from { transform:scaleY(.45); } to { transform:scaleY(1); } }
@media(max-width:760px) {
 .lh-simple .lh-preparation-layout { grid-template-columns:1fr; }
 .lh-simple .lh-preparation-visual { min-height:0; flex-direction:row; justify-content:space-between; padding:27px 32px; }
 .lh-simple .lh-visual-title { align-self:center; }
 .lh-simple .lh-visual-title h1 { font-size:34px; }
 .lh-simple .lh-visual-kicker { margin-bottom:12px; }
 .lh-simple .lh-headphone-visual { width:155px; height:155px; margin:0 6px 0 20px; flex-shrink:0; }
 .lh-simple .lh-headphone-art { width:155px; height:155px; }
 .lh-simple .lh-headphone-visual::before { inset:-10px; }
 .lh-simple .lh-headphone-visual::after { inset:-20px; }
 .lh-simple .lh-visual-duration { position:absolute; bottom:22px; left:32px; font-size:11px; }
 .lh-simple .lh-preparation-controls { padding:32px; }
 .lh-simple .lh-preparation-controls h2 { max-width:none; }
 .lh-simple .lh-preparation-controls .lh-volume-compact { padding-top:13px; }
 .lh-simple .lh-preparation-controls .lh-actions { margin-top:23px; }
 .lh-simple .lh-simple-card { padding:32px; }
}
@media(max-width:520px) {
 .preview-main { padding:25px 14px 32px; }
 .preview-header { padding:18px 22px; }
 .lh-simple .lh-journey { gap:21px; margin-bottom:20px; font-size:11px; }
 .lh-simple .lh-journey li { gap:6px; }
 .lh-simple .lh-journey li+li::before { width:10px; left:-16px; }
 .lh-simple .lh-journey-number { width:23px; height:23px; font-size:9px; }
 .lh-simple .lh-simple-card { padding:26px 21px; border-radius:20px; }
 .lh-simple .lh-preparation-visual { padding:28px 22px; min-height:186px; }
 .lh-simple .lh-visual-title h1 { font-size:27px; }
 .lh-simple .lh-visual-kicker { font-size:9px; }
 .lh-simple .lh-headphone-visual { width:117px; height:117px; margin:0 0 0 10px; }
 .lh-simple .lh-headphone-art { width:121px; height:121px; }
 .lh-simple .lh-visual-duration { bottom:20px; left:22px; font-size:10px; }
 .lh-simple .lh-preparation-controls { padding:27px 22px 24px; }
 .lh-simple .lh-preparation-controls h2 { font-size:28px; }
 .lh-simple .lh-trial-top { padding-bottom:20px; }
 .lh-simple .lh-current-ear strong { font-size:26px; }
 .lh-simple .lh-ear-side { width:42px; height:44px; flex-basis:42px; font-size:22px; border-radius:12px; }
 .lh-simple .lh-trial-top>span.lh-current-ear { gap:11px; }
 .lh-simple .lh-trial-count { font-size:12px; padding:6px 8px; }
 .lh-simple .lh-signal-scene { gap:24px; margin:29px 0 32px; }
 .lh-simple .lh-playing-icon { width:88px; height:88px; }
 .lh-simple .lh-signal-bars { gap:5px; }
 .lh-simple .lh-signal-bars i { width:3px; }
 .lh-simple .lh-answer .lh-button { min-height:74px; font-size:17px; }
 .lh-simple .lh-result-panel { padding:23px 20px; gap:14px; flex-direction:column; }
 .lh-simple .lh-result-symbol { flex-basis:auto; width:43px; height:43px; font-size:24px; border-radius:12px; }
 .lh-simple .lh-result-panel h3 { font-size:25px; }
 .lh-simple .lh-ear-results { grid-template-columns:1fr 1fr; gap:10px; }
 .lh-simple .lh-ear-results>div { padding:17px 15px; border-radius:14px; }
 .lh-simple .lh-ear-results strong { font-size:14px; }
 .lh-simple .lh-ear-results .lh-ear-score { font-size:37px; }
 .lh-simple .lh-ear-score small { font-size:19px; }
 .lh-simple .lh-result-details { padding:22px 12px; margin-inline:-4px; }
 .lh-simple .lh-result-details h3 { font-size:23px; }
 .lh-simple .lh-result-details .lh-table th,.lh-simple .lh-result-details .lh-table td { padding-inline:4px; }
 .lh-simple .lh-response { font-size:15px; gap:5px; display:block; }
 .lh-simple .lh-response::before { display:none; }
}
@media(max-width:360px) {
 .lh-simple .lh-journey { gap:15px; font-size:10px; }
 .lh-simple .lh-journey li+li::before { width:6px; left:-11px; }
 .lh-simple .lh-headphone-visual { width:97px; height:97px; }
 .lh-simple .lh-headphone-art { width:105px; height:105px; }
 .lh-simple .lh-visual-title h1 { font-size:25px; }
 .lh-simple .lh-signal-scene { gap:18px; }
 .lh-simple .lh-current-ear strong { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) {
 .lh-simple.lh-audio-active .lh-signal-bars i { animation:none; }
 .lh-simple .lh-headphone-art { filter:none; }
}

/* Hörakustik Leitert CI, matched to the public Leitert theme. */
.lh-preview { background:#f6f8ee; color:#202020; }
.preview-header { background:#70706e; }
.preview-bar { background:#eff3e1; color:#626262; }
.preview-footer { color:#626262; border-color:#e8e8df; }
.leitert-hoercheck.lh-simple {
 --lh-green:#8bad00; --lh-dark:#6f8c00; --lh-ink:#202020; --lh-muted:#626262; --lh-line:#e8e8df;
 --lh-ci-grey:#70706e; --lh-ci-soft:#f6f8ee; --lh-ci-yellow:#f2c230; --lh-ci-radius:6px;
 color:var(--lh-ink); font-family:Inter,"Helvetica Neue",Arial,sans-serif;
}
.lh-simple .lh-simple-card { border-color:#dfe5d1; border-radius:var(--lh-ci-radius); box-shadow:0 18px 54px #1c1f1814; }
.lh-simple h2,.lh-simple .lh-result-details h3 { color:#202020; }
.lh-simple .lh-journey [aria-current="step"] { color:#6f8c00; }
.lh-simple .lh-journey [aria-current="step"] .lh-journey-number { background:#8bad00; border-color:#8bad00; color:#202020; }
.lh-simple .lh-journey .complete .lh-journey-number { background:#e9efd4; color:#6f8c00; }
.lh-simple .lh-preparation-visual { background:radial-gradient(ellipse at 50% 65%,#a4b37455,transparent 65%),#70706e; }
.lh-simple .lh-visual-kicker { color:#edf3d5; }
.lh-simple .lh-visual-kicker::before { content:""; display:inline-block; width:22px; height:2px; vertical-align:middle; background:#f2c230; margin-right:10px; }
.lh-simple .lh-visual-title h1 { color:#fff; font-weight:500; }
.lh-simple .lh-visual-duration { color:#fff; }
.lh-simple .lh-preparation-controls h2 { color:#6f8c00; font-weight:500; }
.lh-simple .lh-button { background:#8bad00; border-color:#8bad00; color:#202800; border-radius:var(--lh-ci-radius); box-shadow:0 9px 24px #8bad0025; }
.lh-simple .lh-button:hover:not(:disabled) { background:#9ab91b; border-color:#9ab91b; }
.lh-simple .lh-button.secondary { color:#6f8c00; border-color:#cad9a4; background:#fff; box-shadow:none; }
.lh-simple .lh-button.secondary:hover:not(:disabled) { background:#f6f8ee; border-color:#a9bd77; }
.lh-simple .lh-volume-compact>[data-action="sample"] { background:#f6f8ee; color:#6f8c00; border-color:#dce5c2; border-radius:var(--lh-ci-radius); }
.lh-simple .lh-volume-compact>[data-action="sample"]:hover:not(:disabled) { background:#edf2dc; }
.lh-simple .lh-volume-compact>p:first-child,.lh-simple .lh-result-context,.lh-simple .lh-result-total { color:#626262; }
.lh-simple .lh-trial-top { box-shadow:inset 3px 0 0 #f2c2306b; padding-left:17px; }
.lh-simple .lh-trial-top>span.lh-current-ear { color:#6f8c00; padding:0; background:none; border-radius:0; }
.lh-simple .lh-ear-side { background:#f6f8ee; color:#6f8c00; border-color:#dce5c2; border-radius:var(--lh-ci-radius); }
.lh-simple .lh-trial-count { color:#626262; background:#f6f8ee; border-radius:var(--lh-ci-radius); }
.lh-simple .lh-progress::-webkit-progress-value { background:#8bad00; }
.lh-simple .lh-progress::-moz-progress-bar { background:#8bad00; }
.lh-simple .lh-playing-icon { background:radial-gradient(circle,#fbfcf6,#eef3dd); color:#6f8c00; }
.lh-simple .lh-signal-bars { color:#dce6bc; }
.lh-simple.lh-audio-active .lh-signal-bars { color:#8bad00; }
.lh-simple .lh-ear-results>div { background:#f6f8ee; border-color:#dfe5d1; border-radius:var(--lh-ci-radius); }
.lh-simple .lh-ear-results strong,.lh-simple .lh-ear-results .lh-ear-caption { color:#626262; }
.lh-simple .lh-ear-results .lh-ear-score { color:#6f8c00; }
.lh-simple .lh-result-panel,.lh-simple .lh-result-symbol,.lh-simple .lh-result-details { border-radius:var(--lh-ci-radius); }
.lh-simple .lh-result-details .lh-table thead th { background:#f6f8ee; color:#626262; }
.lh-simple .lh-result-details h3 { font-weight:500; }
.lh-simple .lh-text-button,.lh-simple .lh-detail summary,.lh-simple .lh-below { color:#626262; }
.lh-simple .lh-below::before { background:#8bad00; }

/* Keep the app visible below the website navigation after a phase change. */
.leitert-hc-page .leitert-hoercheck { scroll-margin-top:140px; }

/* The website explanation stays outside the compact hearing measurement. */
.leitert-hc-integrated-test { background:#f6f8ee; scroll-margin-top:140px; }
.leitert-hc-test-inner { width:100%; max-width:1120px; margin:0 auto; }
.leitert-hc-integrated-test .section-heading { margin-bottom:32px; }
.leitert-hc-integrated-test .leitert-hoercheck { width:100%; }
.leitert-hc-page a[href="#leitert-online-hoertest"] { scroll-margin-top:140px; }

/* The theme's .section h2 rule is loaded after the plugin stylesheet. */
.leitert-hc-integrated-test .lh-simple:not([data-stage="intro"]) h2 {
  font-size:clamp(28px,3.2vw,36px); font-weight:700; color:#202020; letter-spacing:-.035em;
}