/* Shared orientation: topic → learning format → actual chapter. */
.site-header .navbar{align-items:center;flex-direction:row;flex-wrap:wrap;gap:12px;min-height:78px;padding:12px 0}
.site-header .nav-links{width:auto;justify-content:flex-end;flex-wrap:wrap;overflow:visible;padding:0;gap:3px}
.site-header .nav-links a{font-size:.9rem;padding:10px 12px;min-height:44px;display:flex;align-items:center}
.site-header .nav-links a.active{background:var(--cf-133438);color:var(--ct-a5f1dd);border:1px solid var(--cr-32625c)}
.nav-toggle{font:inherit;font-weight:750;color:var(--ct-dcecf1);background:var(--cf-142731);border:1px solid var(--cr-38515e);border-radius:12px;min-height:44px;padding:9px 14px;align-items:center;gap:10px}
.nav-toggle[aria-expanded=true]{border-color:var(--cr-82d7c2);color:var(--ct-a5f1dd)}
.area-nav{display:flex;align-items:center;gap:5px 9px;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid var(--cr-ffffff-a082);font-size:.84rem}
.area-nav>span{font-weight:800;color:var(--ct-a6c4ce);margin-right:8px}
.area-nav a{display:inline-flex;align-items:center;min-height:36px;padding:6px 10px;color:var(--ct-bfd3e1);text-decoration:none;border-radius:8px}
.area-nav a:hover,.area-nav a[aria-current]{background:var(--cf-143637);color:var(--ct-a5f1dd)}
.area-nav+.page-hero{padding-top:30px}
.footer-main{grid-template-columns:1fr .8fr 2.4fr;gap:32px}
.footer-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 25px}
.footer-list a{display:inline-block;padding:4px 0}
.page-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 20px}
.page-jumps a,.subject-check a{display:inline-flex;align-items:center;min-height:42px;border:1px solid var(--cr-37535f);border-radius:10px;padding:8px 13px;color:var(--ct-a6e6d6);text-decoration:none;background:var(--cf-11232e)}
.page-jumps a:hover,.subject-check a:hover{border-color:var(--cr-85deca);background:var(--cf-153c39)}
.offer-group{scroll-margin-top:110px;margin-bottom:54px}
.offer-group>h2{font-size:1.6rem;margin:0 0 8px}
.offer-group>p{color:var(--text-secondary);margin:0 0 23px;max-width:800px}
.offer-group .tool-card{padding:26px;border-radius:23px}
.offer-group .tool-card h3{font-size:1.18rem}
.visible-topics .card-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;padding:0;gap:12px;scroll-snap-type:none}
.visible-topics .card-rail .topic-link{min-width:0;max-width:none;width:100%;min-height:125px;padding:17px}
.visible-topics .rail-shell::after{display:none}
.visible-topics .module-row{scroll-margin-top:120px}
.visible-topics .quick-tile{text-decoration:none;color:inherit;min-height:72px}
.visible-topics .quick-tile:hover{border-color:var(--cr-79d8bf);background:var(--cf-13342f)}
.subject-check{padding:24px;border:1px solid var(--cr-37545f);background:var(--cf-10232c);border-radius:22px;margin:0 0 28px}
.subject-check h2{font-size:1.5rem;margin:0 0 7px}.subject-check p{margin:0 0 17px;color:var(--ct-b2c7d5)}.subject-check>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
.home-finder{max-width:580px;margin:26px 0}
.home-finder label{display:block;color:var(--ct-bed7df);font-size:.89rem;font-weight:750;margin-bottom:9px}
.home-finder>div{display:flex;border:1px solid var(--cr-42646b);border-radius:14px;overflow:hidden;background:var(--cf-0d202a)}
.home-finder input{width:100%;min-width:0;border:0;background:transparent;color:var(--ct-e8f5fa);padding:15px;font:inherit;font-size:.92rem}
.home-finder button{flex:none;background:var(--cf-81dfc8);border:0;color:var(--ct-062b29);padding:12px 17px;font:inherit;font-weight:800}
.home-finder>a{display:inline-flex;min-height:40px;align-items:center;font-size:.86rem;color:var(--ct-a3e4d7);text-underline-offset:4px}
.future-entry{padding-top:18px}.future-entry h2{font-size:1.4rem}
.future-entry p{color:var(--text-secondary)}.future-entry a{color:var(--ct-a3e4d7)}
.directory-hero{padding-bottom:20px}
.directory-hero h1{font-size:clamp(2.2rem,4.5vw,3.8rem);max-width:900px}
.directory-hero p{max-width:810px}
.directory-section{padding-top:24px}
.directory-section h2{font-size:1.5rem;margin:0 0 20px}
.browse-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.browse-topic{display:grid;grid-template-columns:42px 1fr;column-gap:13px;row-gap:6px;padding:20px;border:1px solid var(--cr-31434f);border-radius:18px;background:linear-gradient(130deg,var(--cf-13252d),var(--cf-101821));text-decoration:none;color:var(--ct-dfeef6);transition:border-color .18s,background .18s}
.browse-icon{grid-row:span 2;align-self:start;border:1px solid var(--cr-3e726c);border-radius:11px;width:40px;height:40px;display:grid;place-items:center;color:var(--ct-8be1c9);font-size:.8rem;font-weight:850;background:var(--cf-173830)}
.browse-topic strong{font-size:1rem;line-height:1.5}
.browse-topic>span:last-child{font-size:.81rem;color:var(--ct-9fb9c8);line-height:1.6}
.browse-topic:hover,.browse-topic[aria-current=true]{background:var(--cf-15362f);border-color:var(--cr-87d9c4)}
.offer-filter{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:15px;align-items:end;margin:35px 0 27px;padding:23px;border:1px solid var(--cr-38565e);border-radius:18px;background:var(--cf-11212b)}
.offer-filter label,.search-type label{display:block;color:var(--ct-bed3dd);font-size:.83rem;font-weight:750;margin-bottom:8px}
.offer-filter input,.offer-filter select,.search-type select{width:100%;min-width:0;min-height:46px;font:inherit;font-size:.9rem;padding:11px;border:1px solid var(--cr-42616c);border-radius:10px;background:var(--cf-0b1720);color:var(--ct-e0f1f6);color-scheme:dark}
.offer-filter select{padding-right:25px}
.browse-button{min-height:46px;padding:11px 17px;border:1px solid var(--cr-8de3cd);border-radius:10px;background:var(--cf-83dec7);color:var(--ct-062b29);font:inherit;font-size:.9rem;font-weight:800}
.browse-button:hover{background:var(--cf-acf5df)}
.offer-status{display:flex;align-items:center;justify-content:space-between;gap:20px}
.offer-status h2{margin:0}.text-button{border:0;background:transparent;color:var(--ct-a4e8d9);text-decoration:underline;text-underline-offset:4px;font:inherit;font-size:.87rem;min-height:44px;padding:8px 0}
#offer-count{font-size:.88rem;color:var(--ct-a8bfcd);margin:6px 0 22px}
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.offer-card{display:flex;flex-direction:column;gap:13px;border:1px solid var(--cr-304957);border-radius:20px;background:linear-gradient(145deg,var(--cf-122730),var(--cf-101a24));padding:23px;text-decoration:none;min-width:0;color:var(--ct-ecf3f9);transition:border-color .18s}
.offer-card:hover{border-color:var(--cr-80dfc6)}
.offer-card h3{margin:0;font-size:1.16rem;line-height:1.45}
.offer-card p{font-size:.91rem;color:var(--ct-aec2d1);line-height:1.7;margin:0}
.offer-type{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:850;color:var(--ct-8ce0c9)}
.offer-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.offer-tags span{font-size:.68rem;color:var(--ct-c2ccdf);padding:3px 8px;border-radius:20px;border:1px solid var(--cr-3a475d);background:var(--cf-1a2230)}
.offer-cta{color:var(--ct-98e0d0);font-size:.84rem;font-weight:800;margin-top:4px}
.offer-more{display:block;margin:24px auto 0}
.directory-footnote{border-top:1px solid var(--cr-ffffff-a090);padding-top:25px;margin-top:38px;font-size:.9rem;color:var(--ct-a8bfcc)}.directory-footnote a{color:var(--ct-a1e6d6);text-underline-offset:4px}
.search-type{margin-top:18px;max-width:310px}.search-browse-link{font-size:.9rem!important}.search-browse-link a{color:var(--ct-a1e6d6)}
.search-result small{line-height:1.6}
.quiz-shell>section{scroll-margin-top:105px}
.quiz-question-card h2:focus,.quiz-result-card h2:focus{outline:none}
.quiz-link-hint{font-size:.78rem;font-weight:500}
.quiz-review{text-align:left;margin:25px 0}
.quiz-review:empty{display:none}
.quiz-review h3{font-size:1.2rem}
.quiz-review details{border:1px solid var(--cr-3b5560);border-radius:12px;margin:10px 0;padding:15px;background:var(--cf-101f28);color:var(--ct-baceda)}
.quiz-review summary{font-weight:750;color:var(--ct-e4edf4);cursor:pointer}
.quiz-review p{line-height:1.75}
.quiz-feedback:focus{outline:2px solid var(--cr-81dec6);outline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cr-9beed7);outline-offset:4px}
@media(max-width:1050px){.site-header .navbar{gap:8px}.site-header .nav-links a{padding:10px 8px;font-size:.84rem}.footer-main{grid-template-columns:1fr 1fr}.footer-directory{grid-column:1/-1}.offer-filter{grid-template-columns:1fr 1fr}.offer-filter .offer-query{grid-column:1}.visible-topics .card-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){
 .nav-toggle:not([hidden]){display:inline-flex}
 .site-header .navbar{justify-content:space-between}
 .site-header .nav-links{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-top:8px}
 .site-header.nav-ready .nav-links:not(.is-open){display:none}
 .site-header .nav-links a{font-size:.94rem;border-radius:10px;padding:10px 14px}
 .area-nav{padding:12px 0;gap:3px}.area-nav>span{width:100%;font-size:.78rem;margin-bottom:3px}.area-nav a{padding:5px 9px;font-size:.79rem}
 .browse-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .visible-topics .card-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
 .visible-topics .module-row{padding:18px}
 .visible-topics .card-rail .topic-link{min-height:120px}
}
@media(max-width:540px){
 .browse-topics,.offer-grid,.offer-filter{grid-template-columns:1fr}
 .browse-topic{padding:17px;grid-template-columns:36px 1fr;column-gap:12px}.browse-icon{width:35px;height:35px;font-size:.73rem}
 .browse-topic strong{font-size:.99rem}.browse-topic>span:last-child{font-size:.79rem}
 .offer-filter{padding:19px;gap:16px}.offer-filter .offer-query{grid-column:auto}
 .offer-card{padding:21px}.offer-status{align-items:flex-start;flex-wrap:wrap;gap:0}
 .offer-group{margin-bottom:37px}
 .footer-main{grid-template-columns:1fr}.footer-directory{grid-template-columns:1fr 1fr;gap:30px 20px}
 .home-finder input{font-size:.84rem;padding:12px}.home-finder button{padding:12px;font-size:.84rem}
 .visible-topics .card-rail .topic-link{padding:13px;font-size:.9rem;min-height:128px}
 .visible-topics .card-rail{gap:9px}
 .subject-check>div:last-child{flex-direction:column}
}
@media print{.area-nav,.nav-toggle,.page-jumps,.offer-filter,.browse-topics,.offer-more,.home-finder{display:none}.offer-card[hidden]{display:block!important}.offer-grid{display:block}.offer-card{break-inside:avoid}}

.offer-filter,#offer-heading,.quiz-shell>section{scroll-margin-top:15px}

.page-hero{padding-top:42px;padding-bottom:30px}.page-hero h1{font-size:clamp(2.05rem,5.2vw,4.1rem);line-height:1.08}.quiz-start .section-head h2{font-size:clamp(1.55rem,3vw,2rem)}

.planning-tabs{display:flex;flex-wrap:wrap;gap:10px;max-width:1180px;margin:0 auto;padding:16px 24px}.planning-tabs a{padding:12px 20px;border:1px solid var(--cr-57727f);border-radius:100px;color:var(--ct-d6edf1);text-decoration:none;background:var(--cf-12252f)}.planning-tabs a[aria-current]{background:var(--cf-83dfc9);color:var(--ct-09262c);border-color:var(--cr-83dfc9);font-weight:700}.planning-tabs a:focus-visible{outline:3px solid var(--cr-f1d695);outline-offset:4px}.planning-label{display:inline-block;background:var(--cf-3c3151);color:var(--ct-eadbff);border:1px solid var(--cr-806492);border-radius:24px;padding:5px 12px;font-size:.8rem;margin-bottom:12px}.tool-card.planned{border-style:dashed}#in-planung{scroll-margin-top:110px}
#in-planung .planned::after{display:none}#in-planung .planning-label{align-self:flex-start}#in-planung .future-now{border-top:1px solid var(--cr-ffffff-a125);padding-top:16px;margin-top:auto}#in-planung .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#in-planung .tool-card>p:not(.future-now){margin-bottom:22px}@media(max-width:760px){#in-planung .tool-grid{grid-template-columns:1fr}}

/* Eight main links: switch to the existing accessible menu before they wrap. */
@media(max-width:1180px){.nav-toggle:not([hidden]){display:flex}.site-header .navbar{justify-content:space-between}.site-header .nav-links{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-top:8px}.site-header.nav-ready .nav-links:not(.is-open){display:none}.site-header .nav-links a{font-size:.94rem;border-radius:10px;padding:10px 14px}}

@media(min-width:1181px) and (max-width:1320px){.site-header .nav-links a{font-size:.84rem;padding:10px 9px}.nav-reference summary{font-size:.84rem;padding:10px 9px}}