/* DeutschLernSpur Core 4.3.0 – eigenständiger Grammatikkurs */
.dls-gc-hero{
  margin-bottom:1.2rem;padding:clamp(1.5rem,3vw,2.8rem);
  border-radius:18px;background:linear-gradient(135deg,#0A4F5A,#2D8B92);
  color:#fff;box-shadow:0 14px 32px rgba(10,79,90,.14)
}
.dls-gc-hero h1{color:#fff;margin:.25rem 0 .7rem}
.dls-gc-hero .dls-level-kicker{color:#FFE2A0}
.dls-gc-hero-stats{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin-top:1rem}
.dls-gc-controls{display:grid;gap:1rem}
.dls-gc-controls label{display:grid;gap:.4rem}
#dls-gc-search{width:100%;min-height:46px;border:1px solid #BFD5D8;border-radius:10px;padding:.75rem;background:#fff}
.dls-gc-level-filter,.dls-gc-inline-levels{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.dls-gc-level-filter button,.dls-gc-inline-levels button{
  border:1px solid #0A4F5A;border-radius:999px;background:#fff;color:#0A4F5A;
  padding:.55rem .85rem;font-weight:800;cursor:pointer
}
.dls-gc-level-filter button.is-active,.dls-gc-inline-levels button.is-active{background:#0A4F5A;color:#fff}
.dls-gc-progress-summary{padding:.85rem 1rem;background:#FFF7E7;border-left:5px solid #E1A53A;border-radius:8px}
.dls-gc-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.2rem 0}
.dls-gc-overview-card{display:grid;grid-template-columns:64px 1fr;gap:1rem;padding:1.15rem;background:#fff;border:1px solid #D2E0E2;border-radius:14px;box-shadow:0 8px 20px rgba(10,79,90,.05)}
.dls-gc-overview-card[hidden]{display:none!important}
.dls-gc-overview-card.is-complete{border-color:#7CB48D;box-shadow:inset 0 4px 0 #2F7D54}
.dls-gc-overview-number{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#0A4F5A;color:#fff;font-size:1.35rem;font-weight:900}
.dls-gc-overview-card h2{margin:.45rem 0 .35rem;color:#0A4F5A}
.dls-gc-done-label{display:inline-block;margin-left:.6rem;padding:.4rem .65rem;border-radius:999px;background:#EAF5EE;color:#2F7D54;font-size:.82rem;font-weight:800}
.dls-gc-level{display:inline-block;margin:.15rem .25rem .15rem 0;padding:.3rem .55rem;border-radius:999px;font-size:.78rem;font-weight:900}
.dls-gc-a1{background:#E5F5F6;color:#0A4F5A}.dls-gc-a2{background:#FFF0CE;color:#7C4E00}
.dls-gc-b1{background:#EAF5EE;color:#2F7D54}.dls-gc-b2{background:#ECE9F7;color:#51417B}
.dls-gc-breadcrumb{display:flex;gap:.45rem;flex-wrap:wrap;margin:0 0 1rem;font-size:.9rem}
.dls-gc-chapter-header{padding:1.35rem 1.5rem;margin-bottom:1rem;border-left:6px solid #E1A53A;background:#F2F7F8;border-radius:0 14px 14px 0}
.dls-gc-chapter-header h1{color:#0A4F5A;margin:.35rem 0}
.dls-gc-inline-levels{padding:.9rem 1rem;margin-bottom:1rem;background:#fff;border:1px solid #D6E4E6;border-radius:12px}
.dls-gc-toc-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.dls-gc-toc-links a{display:block;padding:.65rem .8rem;background:#F3F8F9;border-radius:8px;border:1px solid #D7E4E6;font-weight:700}
.dls-gc-section{scroll-margin-top:110px;transition:opacity .2s ease}
.dls-gc-section.is-level-muted{opacity:.26}
.dls-gc-section-head{display:grid;grid-template-columns:54px 1fr;gap:.8rem;align-items:flex-start}
.dls-gc-number{display:flex;justify-content:center;align-items:center;min-height:46px;border-radius:10px;background:#0A4F5A;color:#fff;font-weight:900}
.dls-gc-section h2{margin:.25rem 0 .7rem;color:#0A4F5A}
.dls-gc-section h3{font-size:1.05rem;color:#2D6870;margin-top:1.1rem}
.dls-gc-examples{list-style:none;padding:0;display:grid;gap:.55rem}
.dls-gc-examples li{padding:.7rem .85rem;background:#F6FAFA;border-left:4px solid #2D8B92;border-radius:6px}
.dls-gc-examples small{display:block;margin-top:.25rem;color:#5D6C70}
.dls-gc-example{font-weight:700}
.dls-gc-warning,.dls-gc-tip{margin-top:1rem;padding:.8rem 1rem;border-radius:9px}
.dls-gc-warning{background:#FFF0EF;border-left:5px solid #B94A48}
.dls-gc-tip{background:#FFF7E7;border-left:5px solid #E1A53A}
.dls-gc-question{margin:1rem 0;padding:1rem;border:1px solid #CADBDD;border-radius:12px}
.dls-gc-question legend{font-weight:800;color:#0A4F5A;padding:0 .35rem}
.dls-gc-options{display:grid;gap:.55rem;margin-top:.6rem}
.dls-gc-option{display:flex;gap:.55rem;align-items:flex-start;padding:.65rem .75rem;border:1px solid #D6E4E6;border-radius:8px;background:#fff;cursor:pointer}
.dls-gc-question.is-correct{border-color:#2F7D54;background:#F3FAF5}
.dls-gc-question.is-wrong{border-color:#B94A48;background:#FFF8F7}
.dls-gc-feedback{margin-top:.7rem;padding:.75rem;background:#EFF6F7;border-radius:8px}
.dls-gc-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}
.dls-gc-result{font-weight:800}
.dls-gc-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center;margin:1.4rem 0}
.dls-gc-prevnext>:last-child{justify-self:end}
.dls-gc-completion .dls-gc-complete.is-complete{background:#2F7D54;color:#fff}
@media(max-width:800px){
  .dls-gc-overview{grid-template-columns:1fr}
  .dls-gc-toc-links{grid-template-columns:1fr}
}
@media(max-width:520px){
  .dls-gc-overview-card{grid-template-columns:48px 1fr}
  .dls-gc-overview-number{width:44px;height:44px}
  .dls-gc-section-head{grid-template-columns:1fr}
  .dls-gc-number{width:max-content;padding:.4rem .7rem;min-height:0}
  .dls-gc-prevnext{grid-template-columns:1fr}
  .dls-gc-prevnext>*{justify-self:stretch!important}
}


/* Core 4.4.1 – echte Navigation nach A1/A2/B1/B2 */
.dls-gc-level-links,
.dls-gt-level-nav {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}
.dls-gc-level-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    min-height: 46px;
    padding: .55rem .9rem;
    border: 1px solid #0A4F5A;
    border-radius: 999px;
    background: #fff;
    color: #0A4F5A;
    text-decoration: none;
    font-weight: 800;
}
.dls-gc-level-link:hover,
.dls-gc-level-link:focus {
    background: #0A4F5A;
    color: #fff;
}