/* Parent-site context; the source application's layout stays in its own scope. */
.alapmodul-context { background: #edf4f3; border-bottom: 1px solid #ccdcd9; font-size: .875rem; }
.alapmodul-context .shell { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; padding-block: .35rem; }
.alapmodul-context a { color: #164f49; min-height: 32px; display: inline-flex; align-items: center; }
.alapmodul-context a:last-child { margin-left: auto; }
.alapmodul-context a:focus-visible { outline: 3px solid #075f58; outline-offset: 3px; }
.site-header { position: static; }
.filter-panel, .sticky-card, .timeline-year-marker { position: static; top: auto; }
.hero h1 { font-size: clamp(28px, 4vw, 40px); line-height: 1.15; }
.alapmodul-integration-note { margin-block: 1rem; font-size: .8125rem; color: #3d505c; }
.vape-knowledge { margin-block: 2rem; padding: 1.25rem; border: 1px solid #ccdcd9; border-radius: 12px; background: #f5f9f8; }
.vape-knowledge h2 { font-size: clamp(1.25rem, 3vw, 1.6rem); }
.vape-knowledge h3, .vape-knowledge h4 { font-size: 1.1rem; }
.vape-knowledge fieldset { min-width: 0; margin: 1rem 0; padding: 1rem; border: 1px solid #bccfca; border-radius: 8px; }
.vape-knowledge legend { padding: 0 .35rem; font-size: 1rem; font-weight: 650; }
.vape-knowledge label { display: flex; align-items: baseline; gap: .55rem; padding: .5rem; cursor: pointer; }
.vape-knowledge input[type="radio"] { flex: 0 0 auto; accent-color: #075f58; }
.vape-knowledge [data-vape-quiz-result] article { border-top: 1px solid #ccdcd9; padding-top: .75rem; margin-top: .75rem; }
.vape-knowledge [data-vape-quiz-validation] { color: #9d2323; font-weight: 650; }
@media (max-width: 480px) {
  .alapmodul-context .shell { gap: .25rem .65rem; }
  .alapmodul-context a:last-child { margin-left: 0; }
}