/* Optional interior components. No homepage selector is used here. */
.hej-sm-directory{max-width:1160px;margin:28px auto;padding:0 12px}
.hej-sm-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}
.hej-sm-directory-card{display:flex;flex-direction:column;gap:7px;padding:20px;border:1px solid #dce4ee;border-radius:17px;background:#fff;color:var(--hej-ink);text-decoration:none;box-shadow:0 2px 6px #21334b07}
.hej-sm-directory-card strong{font-size:18px;line-height:1.25}
.hej-sm-directory-card span,.hej-sm-directory-card small{font-size:13px;color:var(--hej-muted)}
.hej-sm-directory-card[aria-disabled=true]{opacity:.72}
a.hej-sm-directory-card{transition:transform .18s ease,box-shadow .18s ease}
@media(hover:hover) and (prefers-reduced-motion:no-preference){a.hej-sm-directory-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #172d4b1c}}
a.hej-sm-directory-card:focus-visible{outline:2px solid var(--hej-hub-color,#296098);outline-offset:3px}
.hej-sm-content-crumbs,.hej-sm-content-back{max-width:1100px;margin:12px auto;font-size:14px;line-height:1.5}
.hej-sm-content-crumbs a,.hej-sm-content-back a{color:#245884;text-decoration:underline;text-underline-offset:2px}
.hej-sm-content-crumbs span[aria-current=page]{font-weight:700}
@media(prefers-reduced-motion:reduce){a.hej-sm-directory-card{transition:none}}
/* Exam hubs reuse the approved inner orbit. The third slot sits below its circle. */
.hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit{row-gap:26px}
.hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit .hej-hub-orbit-bottom{grid-column:2;grid-row:2;width:min(100%,280px);justify-self:center}
.hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit .hej-hub-orbit-bottom ul{gap:12px}
.hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit .hej-hub-orbit-bottom .hej-hub-node{min-height:72px}
.hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit--has-top{row-gap:14px}
.hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit--has-top .hej-hub-orbit-top{grid-column:2;grid-row:1;width:min(100%,280px);justify-self:center}
.hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit--has-top .hej-hub-center,
.hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit--has-top .hej-hub-orbit-left,
.hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit--has-top .hej-hub-orbit-right{grid-row:2}
.hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit--has-top .hej-hub-orbit-bottom{grid-row:3}
.hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit .hej-hub-orbit-top .hej-hub-node{min-height:72px}
@media(max-width:850px){
 .hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit .hej-hub-orbit-bottom{grid-column:1/-1;grid-row:3;width:100%}
 .hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit .hej-hub-orbit-bottom ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit--has-top .hej-hub-orbit-top{grid-column:1/-1;grid-row:1;justify-self:center}
 .hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit--has-top .hej-hub-center{grid-column:1/-1;grid-row:2}
 .hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit--has-top .hej-hub-orbit-left,
 .hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit--has-top .hej-hub-orbit-right{grid-row:3}
 .hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit--has-top .hej-hub-orbit-bottom{grid-row:4}
}
@media(max-width:520px){.hej-sm-inner[data-hej-area=pruefungen] .hej-exam-orbit .hej-hub-orbit-bottom ul{grid-template-columns:minmax(0,1fr)}}

/* The two preparation/practice boxes belong only to exam level pages. */
.hej-sm-inner[data-hej-area=pruefungen] .hej-hub-compact-section[data-hej-section=preparation],
.hej-sm-inner[data-hej-area=pruefungen] .hej-hub-compact-section[data-hej-section=practice]{max-width:1600px;margin:12px auto;padding:10px clamp(14px,2vw,24px);border:1px solid #f8a4dc;border-radius:16px;background:#fff}
.hej-sm-inner[data-hej-area=pruefungen] .hej-hub-compact-section[data-hej-section=preparation]>h2,
.hej-sm-inner[data-hej-area=pruefungen] .hej-hub-compact-section[data-hej-section=practice]>h2{margin:0 0 7px;font-size:clamp(20px,2vw,27px);color:var(--hej-ink)}
.hej-sm-inner[data-hej-area=pruefungen] .hej-exam-level-label{color:var(--hej-hub-color)}
.hej-sm-inner[data-hej-area=pruefungen] .hej-hub-compact-section[data-hej-section=preparation] .hej-hub-compact-grid,
.hej-sm-inner[data-hej-area=pruefungen] .hej-hub-compact-section[data-hej-section=practice] .hej-hub-compact-grid{gap:9px 18px}
.hej-sm-inner[data-hej-area=pruefungen] .hej-hub-compact-section[data-hej-section=preparation] .hej-hub-compact-card,
.hej-sm-inner[data-hej-area=pruefungen] .hej-hub-compact-section[data-hej-section=practice] .hej-hub-compact-card{min-height:60px;padding:8px 18px;border-color:#d8e8fa;border-radius:11px}
.hej-sm-inner[data-hej-area=pruefungen] .hej-hub-compact-card{--exam-icon-color:#0b9c77;--exam-icon-soft:#dff8ef}
.hej-sm-inner[data-hej-area=pruefungen] [data-hej-card*="exam-youtube-"],.hej-sm-inner[data-hej-area=pruefungen] [data-hej-card*="exam-models-"],.hej-sm-inner[data-hej-area=pruefungen] [data-hej-card*="exam-writing-"],.hej-sm-inner[data-hej-area=pruefungen] [data-hej-card*="exam-practice-schreiben-"]{--exam-icon-color:#f01863;--exam-icon-soft:#ffe3ed}
.hej-sm-inner[data-hej-area=pruefungen] [data-hej-card*="exam-words-"],.hej-sm-inner[data-hej-area=pruefungen] [data-hej-card*="exam-speech-"],.hej-sm-inner[data-hej-area=pruefungen] [data-hej-card*="exam-practice-sprechen-"]{--exam-icon-color:#9129df;--exam-icon-soft:#f2e6ff}
.hej-sm-inner[data-hej-area=pruefungen] [data-hej-card*="exam-practice-hoeren-"]{--exam-icon-color:#1678e6;--exam-icon-soft:#e2f1ff}
.hej-sm-inner[data-hej-area=pruefungen] [data-hej-card*="exam-practice-diktat-"]{--exam-icon-color:#ec6b14;--exam-icon-soft:#fff0e5}
.hej-sm-inner[data-hej-area=pruefungen] .hej-hub-compact-card .hej-hub-node-icon{color:var(--exam-icon-color);background:var(--exam-icon-soft)}
.hej-sm-inner[data-hej-area=pruefungen] .hej-hub-compact-section[data-hej-section=preparation] .hej-hub-compact-card>span:last-child,
.hej-sm-inner[data-hej-area=pruefungen] .hej-hub-compact-section[data-hej-section=practice] .hej-hub-compact-card>span:last-child{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid #d8e8fa;border-radius:50%;font-size:20px;line-height:1;color:var(--hej-ink)}
.hej-sm-inner[data-hej-area=pruefungen] .hej-hub-compact-section[data-hej-section=preparation] .hej-hub-compact-card>span:last-child .hej-icon,
.hej-sm-inner[data-hej-area=pruefungen] .hej-hub-compact-section[data-hej-section=practice] .hej-hub-compact-card>span:last-child .hej-icon{width:18px;height:18px;transform:rotate(-90deg)}
@media(max-width:850px){.hej-sm-inner[data-hej-area=pruefungen] .hej-hub-compact-section[data-hej-section=preparation],.hej-sm-inner[data-hej-area=pruefungen] .hej-hub-compact-section[data-hej-section=practice]{margin-inline:var(--hej-gutter)}}

/* The same editable lower panels on the other section entrances. Scoped away from home. */
.hej-sm-inner[data-hej-hub-level=""]:not([data-hej-area=pruefungen]) .hej-hub-compact-section:is([data-hej-section=preparation],[data-hej-section=practice]){max-width:1600px;margin:12px auto;padding:10px clamp(14px,2vw,24px);border:1px solid #f8a4dc;border-radius:16px;background:#fff}
.hej-sm-inner[data-hej-hub-level=""]:not([data-hej-area=pruefungen]) .hej-hub-compact-section:is([data-hej-section=preparation],[data-hej-section=practice])>h2{margin:0 0 7px;font-size:clamp(20px,2vw,27px);color:var(--hej-ink)}
.hej-sm-inner[data-hej-hub-level=""]:not([data-hej-area=pruefungen]) .hej-hub-compact-section:is([data-hej-section=preparation],[data-hej-section=practice]) .hej-hub-compact-grid{gap:9px 18px}
.hej-sm-inner[data-hej-hub-level=""]:not([data-hej-area=pruefungen]) .hej-hub-compact-section:is([data-hej-section=preparation],[data-hej-section=practice]) .hej-hub-compact-card{min-height:60px;padding:8px 18px;border-color:#d8e8fa;border-radius:11px;--exam-icon-color:#0b9c77;--exam-icon-soft:#dff8ef}
.hej-sm-inner[data-hej-hub-level=""]:not([data-hej-area=pruefungen]) [data-hej-card*="-preparation-kurse"],.hej-sm-inner[data-hej-hub-level=""]:not([data-hej-area=pruefungen]) [data-hej-card*="-preparation-modelltests"],.hej-sm-inner[data-hej-hub-level=""]:not([data-hej-area=pruefungen]) [data-hej-card*="-practice-writing"]{--exam-icon-color:#f01863;--exam-icon-soft:#ffe3ed}
.hej-sm-inner[data-hej-hub-level=""]:not([data-hej-area=pruefungen]) [data-hej-card*="-preparation-wortkarten"],.hej-sm-inner[data-hej-hub-level=""]:not([data-hej-area=pruefungen]) [data-hej-card*="-practice-speech"]{--exam-icon-color:#9129df;--exam-icon-soft:#f2e6ff}
.hej-sm-inner[data-hej-hub-level=""]:not([data-hej-area=pruefungen]) .hej-hub-compact-section:is([data-hej-section=preparation],[data-hej-section=practice]) .hej-hub-node-icon{color:var(--exam-icon-color);background:var(--exam-icon-soft)}
.hej-sm-inner[data-hej-hub-level=""]:not([data-hej-area=pruefungen]) .hej-hub-compact-section:is([data-hej-section=preparation],[data-hej-section=practice]) .hej-hub-compact-card>span:last-child{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid #d8e8fa;border-radius:50%;font-size:20px;line-height:1;color:var(--hej-ink)}
.hej-sm-inner[data-hej-hub-level=""]:not([data-hej-area=pruefungen]) .hej-hub-compact-section:is([data-hej-section=preparation],[data-hej-section=practice]) .hej-hub-compact-card>span:last-child .hej-icon{width:18px;height:18px;transform:rotate(-90deg)}
@media(max-width:850px){.hej-sm-inner[data-hej-hub-level=""]:not([data-hej-area=pruefungen]) .hej-hub-compact-section:is([data-hej-section=preparation],[data-hej-section=practice]){margin-inline:var(--hej-gutter)}}
.hej-sm-video-embed{width:100%;max-width:960px;aspect-ratio:16/9;margin:20px auto}
.hej-sm-video-embed iframe{display:block;width:100%;height:100%;border:0;border-radius:12px}
.hej-sm-audio-player{max-width:720px;margin:16px auto}.hej-sm-audio-player audio{width:100%}