/* Bereich „words“: Wortseiten, Wort-Übersicht, Urlaubssprachen, Deutsch lernen (app/Views/v2/words.php).
   Nur Tokens, nur logische Eigenschaften. */

/* Wortkarte im Hero */
.w2-word__row { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); }
.w2-word__row > div { display: grid; gap: var(--space-1); min-width: 0; }
.lg-hero__side > .lg-word + .lg-factgrid { margin-block-start: var(--space-4); }
.w2-pill { justify-self: start; }

/* Hero-Intro mit mehreren Absätzen (Wortseiten mit Inhalt) */
.w2-intro p { margin: 0 0 var(--space-3); }
.w2-intro p:last-child { margin-block-end: 0; }
.w2-intro a { color: var(--accent-text); }
.w2-jump { align-self: center; }

/* Listenkopf mit IPA-Umschalter */
.w2-listhead { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); flex-wrap: wrap; margin-block-end: var(--space-4); }
.w2-listhead h2 { margin: 0; }
.lg-split h2.h3, .lg-split .w2-modh, .w2-modshead h2 { font: 700 clamp(21px, 2.4cqi, 26px)/1.2 var(--font-display); letter-spacing: -.01em; margin: 0 0 var(--space-3); }

/* Wortliste: Badge + Wort + Umschrift; IPA nur nach Umschalten */
.w2-wl li { grid-template-columns: auto minmax(0, 1.4fr) minmax(0, 1fr); }
.w2-wl__w { display: flex; gap: var(--space-2); align-items: center; min-width: 0; }
.w2-wl__w b { overflow-wrap: anywhere; }
.w2-wl__name { color: var(--text-muted); font-size: 15px; }
.w2-wl__name a { color: inherit; }
.w2-wl__noau { display: inline-block; inline-size: 32px; }
.w2-wl .w2-ipa { display: none; }
.w2-wl.show-ipa .w2-ipa { display: block; }
@container lg (max-width: 599px) {
  .w2-wl li { grid-template-columns: auto minmax(0, 1fr); }
  .w2-wl li > .w2-wl__name { grid-column: 2; }
}
.lg-audio.is-na { opacity: .45; cursor: not-allowed; }

/* Gruppentabelle (Zahlen, Farben, Familie) */
.w2-wt { min-inline-size: max-content; }
.w2-wt tbody th[scope="row"] { text-transform: none; letter-spacing: 0; font: 650 15px/1.3 var(--font-text); color: var(--text); }
.w2-wt__lang a { text-decoration: none; }
.w2-wt__lang a:hover span { text-decoration: underline; }
@container lg (max-width: 599px) {
  .w2-wt th, .w2-wt td { padding: var(--space-2) var(--space-3); }
  .w2-wt tbody th[scope="row"] { font-size: 13px; }
  .w2-wt__lang, .w2-wt__lang a { gap: 6px; }
}
.w2-wt__lang, .w2-wt__lang a { display: inline-flex; gap: var(--space-2); align-items: center; color: inherit; }
.w2-wt td { vertical-align: top; }
.w2-wt__none { color: var(--text-muted); }
.w2-form { display: grid; gap: 2px; padding-block: 2px; }
.w2-form + .w2-form { margin-block-start: var(--space-2); }
.w2-form__w { display: inline-flex; gap: var(--space-2); align-items: center; }
.w2-form small, .w2-form i { font-style: normal; font-size: 13px; color: var(--text-muted); }

/* Textblöcke und Dialoge in der Hauptspalte */
.w2-prose { max-inline-size: none; }
.w2-prose h2 { margin-block-start: 0; font-size: clamp(21px, 2.4cqi, 26px); }
.w2-prose a { color: var(--accent-text); }
.w2-dialogs { display: grid; gap: var(--space-6); }
.w2-sit { display: flex; gap: var(--space-2); align-items: center; font: 700 17px/1.3 var(--font-display); margin: 0 0 var(--space-3); }
.w2-who { display: block; font-size: 12px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: .04em; }
.w2-dialogs .lg-dialogue li { grid-template-columns: 36px minmax(0, 1fr); }
.w2-dialogs .lg-dialogue li:nth-child(even) { grid-template-columns: minmax(0, 1fr) 36px; }
.w2-dialogs .lg-dialogue li:nth-child(even) .lg-avatar { order: 2; }
.w2-av2 { background: var(--accent); color: var(--on-accent); }
.w2-faq .lg-qa__item { background: var(--bg); }

/* Seitenspalte: Inhaltsblock vor der klebenden Anzeige, 32 px Abstand (Werberegel 1) */
.w2-railtile { margin-block-end: var(--space-4); }
.w2-railtile .lg-chips { margin: var(--space-2) 0 0; }
.w2-conv p a { color: inherit; text-decoration: underline; }
.w2-conv .lg-btn { justify-self: start; margin-block-start: var(--space-2); }

/* Wort-Übersicht */
.w2-hub__ln { font-size: 13px; }
.w2-hub .lg-tile__head { display: flex; gap: var(--space-2); align-items: center; }

/* Vokabel-Module (Urlaub, Deutschkurs) */
.w2-mods { display: grid; gap: var(--space-4); }
.w2-mods > section { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); padding: var(--space-6); min-inline-size: 0; scroll-margin-block-start: 72px; }
.w2-modshead { display: grid; gap: var(--space-2); }
.w2-modshead h2 { margin: 0; }
.w2-modh small { font: 500 15px/1 var(--font-text); color: var(--text-muted); font-variant-numeric: tabular-nums; }
.w2-mods .lg-vocab b[lang="de"] { hyphens: auto; }
@container lg (max-width: 599px) { .w2-mods > section { padding: var(--space-4); } }
.w2-why { grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr)); }

/* Deutschkurs: Themen Arbeit / Alltag */
.w2-grouplabel { margin: 0 0 var(--space-3); }
.w2-daygrid { margin-block-start: var(--space-4); }
.w2-dk-work { border-color: var(--line-strong); }

/* CTA mit Hinweis unter dem Knopf */
.w2-cta__go { display: grid; gap: var(--space-2); justify-items: start; }
.w2-cta__note { font-size: 14px; opacity: .8; }

/* Urlaubsseiten: „Als PDF“ druckt nur den Inhalt */
@media print {
  body:has([data-w2-print]) :is(.lg-header, .lg-header__iosbar, .lg-footer, .lg-ad, .lg-anchor, .ad-anchor, .lg-hero__actions, .lg-rail, .lg-cta, .lg-topicnav, .lg-audio, .lg-layer) { display: none !important; }
  body:has([data-w2-print]) .lg-split { display: block; }
  body:has([data-w2-print]) .w2-mods > section { break-inside: avoid; border-color: var(--line); }
  body:has([data-w2-print]) .lg-sec--sunken { background: none; }
}