/* Isolated FAQ surfaces. Public light/dark preference remains shared. */
.kurs-faq-page{--fq-bg:#f8fafc;--fq-panel:#fff;--fq-text:#172c42;--fq-muted:#576b80;--fq-line:#dce5ee;--fq-accent:#166aeb;--fq-tint:#edf5ff;--fq-glass:rgba(255,255,255,.8);--fq-shadow:0 8px 28px #17314f08;--fq-pink:#d64272;--fq-green:#00876c;--fq-orange:#bc6510;background:var(--fq-bg);color:var(--fq-text);min-height:100vh}
html[data-home-theme="dark"] .kurs-faq-page{--fq-bg:#030f1c;--fq-panel:#071d2e;--fq-text:#ecf7ff;--fq-muted:#a4bfd1;--fq-line:#23485b;--fq-accent:#45e3ef;--fq-tint:#0a2b3b;--fq-glass:rgba(7,28,45,.78);--fq-shadow:0 0 26px #21cadc0b;--fq-pink:#ff7da9;--fq-green:#53e6b6;--fq-orange:#ffd073}
html[data-faq-theme="joyfull"]:not([data-home-theme="dark"]) .kurs-faq-page{--fq-bg:#fff9ef;--fq-panel:#fffefa;--fq-text:#26364a;--fq-muted:#626b79;--fq-line:#e9dcc8;--fq-accent:#dc4523;--fq-tint:#fff0db;--fq-glass:rgba(255,253,246,.82);--fq-shadow:0 8px 28px #70431b08;--fq-pink:#c93676;--fq-green:#087e68;--fq-orange:#aa5a0c}
.kurs-faq-page .faq-layout{max-width:1160px;margin:0 auto;padding:44px 30px 72px}
.kurs-faq-page .faq-hero{border-bottom:1px solid var(--fq-line);padding:0 0 28px;margin-bottom:28px}
.kurs-faq-page .faq-eyebrow{display:flex;align-items:center;gap:8px;color:var(--fq-accent);font-size:11px;letter-spacing:.12em;font-weight:800}
.kurs-faq-page .faq-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--fq-accent);flex:none}
.kurs-faq-page .faq-hero-line{display:flex;align-items:center;justify-content:space-between;gap:20px}
.kurs-faq-page .faq-hero h1{font:750 clamp(30px,4.2vw,52px)/1.1 system-ui,sans-serif;letter-spacing:-.035em;margin:15px 0;color:var(--fq-text)!important}
.kurs-faq-page .faq-hero h1 span{color:var(--fq-accent)!important}
.kurs-faq-page .faq-hero-sign{font:700 116px/1 system-ui;color:var(--fq-accent);opacity:.3;transform:rotate(12deg);padding-right:34px;user-select:none}
.kurs-faq-page .faq-hero>p{max-width:650px;margin:0;color:var(--fq-muted);font-size:15px;line-height:1.65}
.kurs-faq-page .faq-hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;font-size:12px;color:var(--fq-muted);flex-wrap:wrap}
.kurs-faq-page .faq-themes{display:flex;gap:4px;padding:4px;border:1px solid var(--fq-line);background:var(--fq-glass);backdrop-filter:blur(18px);border-radius:10px}
.kurs-faq-page .faq-themes a{padding:6px 11px;border-radius:6px;color:var(--fq-muted);text-decoration:none;font-size:12px;font-weight:650}
.kurs-faq-page .faq-themes a[aria-current]{background:var(--fq-tint);color:var(--fq-accent);box-shadow:inset 0 0 0 1px var(--fq-line)}
.kurs-faq-page .faq-body{display:grid;grid-template-columns:236px minmax(0,1fr);gap:36px;align-items:start}
.kurs-faq-page .faq-aside{position:sticky;top:20px;min-width:0}
.kurs-faq-page .faq-nav{border:1px solid var(--fq-line);border-radius:12px;padding:6px;background:var(--fq-glass);backdrop-filter:blur(20px) saturate(135%);box-shadow:var(--fq-shadow)}
.kurs-faq-page .faq-nav a{display:grid;grid-template-columns:22px 1fr 12px;align-items:center;gap:7px;padding:11px 8px;text-decoration:none;color:var(--fq-text);font-size:13px;line-height:1.35;border-radius:7px;font-weight:600}
.kurs-faq-page .faq-nav a:hover{background:var(--fq-tint)}
.kurs-faq-page .faq-nav-number{color:var(--fq-accent);font:650 11px/1 system-ui}
.kurs-faq-page .faq-nav a:nth-child(3n+2) .faq-nav-number{color:var(--fq-green)}
.kurs-faq-page .faq-nav a:nth-child(3n) .faq-nav-number{color:var(--fq-pink)}
.kurs-faq-page .faq-aside-note{padding:22px 12px;font-size:13px;color:var(--fq-muted)}
.kurs-faq-page .faq-aside-note strong{display:block;margin:10px 0;color:var(--fq-text);font-size:17px;line-height:1.4}
.kurs-faq-page .faq-aside-note p{line-height:1.65;margin:0 0 12px}
.kurs-faq-page .faq-aside-note a{color:var(--fq-accent);text-decoration:none;font-weight:650}
.kurs-faq-page .faq-content{min-width:0}
.kurs-faq-page .faq-tools{display:flex;align-items:center;gap:12px;margin-bottom:26px;flex-wrap:wrap}
.kurs-faq-page .faq-tools label{display:flex;align-items:center;gap:10px;flex:1;min-width:200px;border:1px solid var(--fq-line);background:var(--fq-panel);padding:10px 13px;border-radius:9px}
.kurs-faq-page .faq-tools label:focus-within{border-color:var(--fq-accent);box-shadow:0 0 0 2px var(--fq-tint)}
.kurs-faq-page .faq-tools svg{width:18px;height:18px;stroke:var(--fq-accent);stroke-width:1.6;flex:none}
.kurs-faq-page #faq-search{width:100%;min-width:0;border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;color:var(--fq-text)!important;font:inherit;font-size:13px;padding:0!important;border-radius:0!important}
.kurs-faq-page #faq-search::placeholder{color:var(--fq-muted);opacity:1}
.kurs-faq-page #faq-expand{background:none;border:0;padding:8px 0;color:var(--fq-accent);font:650 12px system-ui;cursor:pointer;white-space:nowrap}
.kurs-faq-page .faq-section{margin-bottom:30px;scroll-margin-top:22px}
.kurs-faq-page .faq-section-head{display:flex;align-items:center;gap:11px;margin-bottom:12px;flex-wrap:wrap}
.kurs-faq-page .faq-section h2,.kurs-faq-page .faq-contact h2{font-size:20px;line-height:1.3;letter-spacing:-.025em;color:var(--fq-text)!important;margin:0;font-weight:750}
.kurs-faq-page .faq-section-number{font:650 11px system-ui;color:var(--fq-accent);padding:6px 7px;border:1px solid var(--fq-line);border-radius:6px;background:var(--fq-tint)}
.kurs-faq-page #learning .faq-section-number{color:var(--fq-green)}
.kurs-faq-page #parents .faq-section-number{color:var(--fq-pink)}
.kurs-faq-page .faq-questions{border:1px solid var(--fq-line);border-radius:12px;background:var(--fq-panel);overflow:hidden;box-shadow:var(--fq-shadow)}
.kurs-faq-page .faq-question{border:0;border-radius:0;background:transparent;margin:0;scroll-margin-top:20px}
.kurs-faq-page .faq-question+.faq-question{border-top:1px solid var(--fq-line)}
.kurs-faq-page .faq-question summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;list-style:none;cursor:pointer;font-size:14px;line-height:1.5;font-weight:650;color:var(--fq-text)}
.kurs-faq-page .faq-question summary::-webkit-details-marker{display:none}
.kurs-faq-page .faq-question summary::marker{content:""}
.kurs-faq-page .faq-question summary:hover{background:var(--fq-tint)}
.kurs-faq-page .faq-question[open] summary{color:var(--fq-accent);background:var(--fq-tint)}
.kurs-faq-page .faq-plus{width:18px;height:18px;flex:none;stroke:var(--fq-accent);stroke-width:1.6}
.kurs-faq-page .faq-question[open] .faq-plus{transform:rotate(45deg)}
.kurs-faq-page .faq-answer{font-size:14px;line-height:1.8;color:var(--fq-muted);padding:0 18px 16px}
.kurs-faq-page .faq-answer p{margin:12px 0 0;color:inherit}
.kurs-faq-page .faq-answer ul{padding-left:20px;margin:12px 0 0}
.kurs-faq-page .faq-answer li{padding-left:3px;margin:4px 0}
.kurs-faq-page .faq-answer li::marker{color:var(--fq-accent)}
.kurs-faq-page .faq-planned{font-size:10px;line-height:1.2;font-weight:750;padding:5px 8px;border-radius:5px;background:var(--fq-tint);color:var(--fq-pink);border:1px solid var(--fq-line)}
.kurs-faq-page .faq-parent-note{border-left:2px solid var(--fq-pink);padding:4px 0 4px 14px;margin:0 0 16px;font-size:13px;color:var(--fq-muted);line-height:1.7}
.kurs-faq-page .faq-parent-note strong{color:var(--fq-text);font-weight:650}
.kurs-faq-page .faq-parent-note p{margin:5px 0 0}
.kurs-faq-page .faq-contact{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border:1px solid var(--fq-line);border-radius:12px;background:var(--fq-glass);backdrop-filter:blur(22px) saturate(150%);box-shadow:var(--fq-shadow)}
.kurs-faq-page .faq-contact h2{font-size:23px;margin:9px 0}
.kurs-faq-page .faq-contact p{font-size:13px;color:var(--fq-muted);margin:0}
.kurs-faq-page .faq-contact-button{display:inline-flex;gap:12px;align-items:center;padding:11px 14px;border-radius:8px;background:var(--fq-accent);color:var(--fq-bg);text-decoration:none;font-size:12px;font-weight:750;flex:none}
.kurs-faq-page :is(a,button,summary):focus-visible{outline:2px solid var(--fq-accent);outline-offset:3px}
.kurs-faq-page :is(.faq-results,.faq-empty){color:var(--fq-muted);font-size:13px;padding:8px 0 15px}
.kurs-faq-page [hidden]{display:none!important}
html[data-home-theme="dark"] .kurs-faq-page .faq-dot{box-shadow:0 0 12px #45e3ef99}
html[data-home-theme="dark"] .kurs-faq-page .faq-hero h1 span{text-shadow:0 0 25px #45e3ef38}
html[data-faq-theme="joyfull"]:not([data-home-theme="dark"]) .kurs-faq-page .faq-section:nth-of-type(3n+2) .faq-section-number{background:#e7f4e7;color:#137847;border-color:#c4dfc5}
html[data-faq-theme="joyfull"]:not([data-home-theme="dark"]) .kurs-faq-page .faq-section:nth-of-type(3n) .faq-section-number{background:#ffebda;color:#b74524;border-color:#f1c9a9}
@media(max-width:800px){.kurs-faq-page .faq-layout{padding:28px 20px 48px}.kurs-faq-page .faq-body{grid-template-columns:1fr;gap:22px}.kurs-faq-page .faq-aside{position:static}.kurs-faq-page .faq-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.kurs-faq-page .faq-nav a{grid-template-columns:20px 1fr;font-size:12px}.kurs-faq-page .faq-nav a>span:last-child{display:none}.kurs-faq-page .faq-aside-note{display:none}.kurs-faq-page .faq-hero-sign{font-size:90px;padding-right:10px}.kurs-faq-page .faq-contact{flex-wrap:wrap}}
@media(max-width:460px){.kurs-faq-page .faq-layout{padding:22px 14px 40px}.kurs-faq-page .faq-hero h1{font-size:31px}.kurs-faq-page .faq-hero-sign{display:none}.kurs-faq-page .faq-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.kurs-faq-page .faq-question summary{padding:14px;font-size:14px}.kurs-faq-page .faq-answer{padding:0 14px 14px}.kurs-faq-page .faq-section h2{font-size:18px}.kurs-faq-page .faq-tools{gap:5px}.kurs-faq-page .faq-hero-bottom{gap:12px}}
/* Keep the CTA label distinct from the global public-link accent. */
html body .kurs-faq-page a.faq-contact-button,
html body .kurs-faq-page a.faq-contact-button span{color:var(--fq-bg)!important;-webkit-text-fill-color:var(--fq-bg)!important}