/* The answer components (includes/modules/antwort.php, docs/ANTWORT.md) in the look of whatstoresareopen.com, the
   owner's choice of 8 Nov 2026 (its design board: the hanging answer sign tilted -1.5°, the short-answer card with its
   source stamp, the question with yellow drop-downs, "Coming up" cards, the year-by-year row of small signs, letter
   tiles, "How we checked this").
   Colours and fonts are that site's token names (--ink, --paper, --card, --line, --line-soft, --muted, --text, --subtle,
   --tile, --tag, --tag-soft, --tag-line, --open, --open-dark, --open-soft, --closed, --closed-dark, --closed-soft,
   --varies, --varies-ink, --pending, --dash, --font, --mono), read through --aw-… names on the component's root, each
   with a fallback: this theme's own token where it has one (they follow light and dark), else the board's value, with
   light-dark() where the board's value would not read on a dark page. Green as words is --open-ink, words on the
   yellow --on-tag (the theme's: ink in light, light ink on its deep night yellow). The 2027 bill keeps the site's own
   colour (--cut, burnt orange).
   Module rules (tests/run-modules.php, docs/MODULES.md): every selector starts with .wgr-antwort; no media queries
   (clamp(), auto-fit grids, container units); nothing under 15 px; nothing wider than a 320 px screen (a row of small
   signs scrolls inside its own box); one arrival motion (a sign swings once, set by antwort.js, never under reduced
   motion); complete without script. */

.wgr-antwort {
	--aw-ink: var(--ink, #121212);
	--aw-paper: var(--paper, #F6F6F2);
	--aw-card: var(--card, var(--paper, #FFFFFF));
	--aw-line: var(--line, #E2E2DC);
	--aw-line-soft: var(--line-soft, var(--hair, #EEEEE8));
	--aw-muted: var(--muted, var(--ink-2, #55575C));
	--aw-text: var(--text, var(--ink-2, #3D3F43));
	--aw-subtle: var(--subtle, var(--ink-3, #6B6E73));
	--aw-tile: var(--tile, var(--paper-2, #EDEDE6));
	--aw-soft: color-mix(in srgb, var(--aw-ink) 5%, var(--aw-card));
	--aw-tag: var(--tag, #FFD43B);
	--aw-on-tag: var(--on-tag, #121212);
	--aw-tag-soft: var(--tag-soft, light-dark(#FFF3C4, #3D3410));
	--aw-tag-line: var(--tag-line, #F0D978);
	--aw-open: var(--open-ink, var(--open, light-dark(#136F3A, #6FD69A)));
	--aw-closed: var(--closed, light-dark(#C1121F, #FF8E8E));
	--aw-bill: var(--cut, var(--varies-ink, light-dark(#8A3306, #F4A57A)));
	--aw-bill-soft: var(--cut-soft, light-dark(#FCEEE6, #3A2418));
	--aw-bill-on-tag: light-dark(#8A3306, var(--aw-on-tag));
	--aw-dash: var(--dash, #8A8D92);
	--aw-shadow: rgba(18, 18, 18, .42);
	--aw-font: var(--font, var(--font-sans, Archivo, "Helvetica Neue", Arial, sans-serif));
	--aw-mono: var(--mono, "DM Mono", ui-monospace, Menlo, Consolas, monospace);
	font-family: var(--aw-font);
	color: var(--aw-ink);
	hyphens: manual;
	-webkit-hyphens: manual;
}
.wgr-antwort *, .wgr-antwort *::before, .wgr-antwort *::after { box-sizing: border-box; }
.wgr-antwort [hidden] { display: none !important; }
.wgr-antwort p { margin: 0; }
.wgr-antwort a:focus-visible, .wgr-antwort input:focus-visible, .wgr-antwort select:focus-visible, .wgr-antwort .wgr-antwort__reihe-box:focus-visible { outline: 3px solid var(--aw-ink); outline-offset: 2px; }
.wgr-antwort .wgr-antwort__vh { position: absolute !important; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; padding: 0; margin: -1px; }
.wgr-antwort .wgr-antwort__titel { margin: 0 0 14px; font: 800 clamp(22px, 1.6vw + 16px, 28px)/1.15 var(--aw-font); letter-spacing: -.02em; color: var(--aw-ink); text-wrap: balance; }

/* Wide parts take the theme's chart width in the text column (--chart-w on .prose), centred on it. */
.wgr-antwort.wgr-antwort--karte, .wgr-antwort.wgr-antwort--ortsfrage, .wgr-antwort.wgr-antwort--termine, .wgr-antwort.wgr-antwort--kacheln, .wgr-antwort.wgr-antwort--reihe {
	--aw-w: var(--chart-w, 100%);
	position: relative; z-index: 6;
	inline-size: var(--aw-w); max-inline-size: none;
	margin-inline: calc((100% - var(--aw-w)) / 2);
	margin-block: 40px;
}
.wgr-antwort.wgr-antwort--karte { --aw-w: min(var(--chart-w, 100%), 60rem); }
.wgr-antwort.wgr-antwort--reihe { --aw-w: min(var(--chart-w, 100%), 60rem); }

/* ---------- the hanging sign ---------- */
.wgr-antwort .wgr-antwort__schild { --aw-max: 92px; container-type: inline-size; inline-size: 100%; max-inline-size: 440px; margin-inline: auto; padding-inline: 8px; color: var(--aw-ink); }
.wgr-antwort .wgr-antwort__schild--gross { --aw-max: 104px; }
.wgr-antwort .wgr-antwort__schild--karte { --aw-max: 84px; }
.wgr-antwort .wgr-antwort__haken { display: block; inline-size: 100%; block-size: auto; color: var(--aw-ink); }
.wgr-antwort .wgr-antwort__brett {
	position: relative; margin-top: -5px; padding: 26px 18px 22px;
	border: 4px solid var(--aw-ink); border-radius: 20px; background: var(--aw-card);
	text-align: center; transform: rotate(-1.5deg); transform-origin: 50% 0;
	box-shadow: 0 22px 36px -22px var(--aw-shadow);
}
.wgr-antwort .wgr-antwort__loch { position: absolute; top: 9px; inline-size: 10px; block-size: 10px; border-radius: 50%; background: var(--aw-paper); border: 2px solid var(--aw-ink); }
.wgr-antwort .wgr-antwort__loch--l { left: calc(13.75% - 9px); }
.wgr-antwort .wgr-antwort__loch--r { right: calc(13.75% - 9px); }
.wgr-antwort .wgr-antwort__kicker { font: 500 15px/1.35 var(--aw-mono); letter-spacing: .1em; text-transform: uppercase; text-wrap: balance; hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 10 4 4; }
.wgr-antwort .wgr-antwort__gross {
	margin-top: 8px; font-weight: 900; font-stretch: 75%; line-height: .92; letter-spacing: .005em;
	font-variant-numeric: lining-nums; white-space: nowrap;
	font-size: 64px;
	font-size: clamp(34px, calc((100cqi - 56px) / (var(--aw-n, 5) * .56)), var(--aw-max));
}
.wgr-antwort .wgr-antwort__gross--wort { white-space: normal; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; }
.wgr-antwort .wgr-antwort__klein { font-size: .48em; font-weight: 800; letter-spacing: .01em; }
.wgr-antwort .wgr-antwort__zeile { margin-top: 12px; font: 700 17px/1.3 var(--aw-font); color: var(--aw-ink); text-wrap: balance; }
.wgr-antwort .wgr-antwort__kein-gesetz { display: inline-block; margin-top: 12px; padding: 5px 8px 4px; border: 2px dashed var(--aw-bill); border-radius: 6px; font: 800 15px/1.1 var(--aw-font); letter-spacing: .04em; text-transform: uppercase; color: var(--aw-bill); }
/* Status: a word and a line, never colour alone (the kicker, ENTWURF – KEIN GESETZ). */
.wgr-antwort .wgr-antwort__schild--gilt .wgr-antwort__brett, .wgr-antwort .wgr-antwort__schild--gilt .wgr-antwort__loch { border-color: var(--aw-open); }
.wgr-antwort .wgr-antwort__schild--gilt .wgr-antwort__kicker, .wgr-antwort .wgr-antwort__schild--gilt .wgr-antwort__gross { color: var(--aw-open); }
.wgr-antwort .wgr-antwort__schild--kein .wgr-antwort__brett, .wgr-antwort .wgr-antwort__schild--kein .wgr-antwort__loch { border-color: var(--aw-closed); }
.wgr-antwort .wgr-antwort__schild--kein .wgr-antwort__kicker, .wgr-antwort .wgr-antwort__schild--kein .wgr-antwort__gross { color: var(--aw-closed); }
.wgr-antwort .wgr-antwort__schild--entwurf .wgr-antwort__brett { border-style: dashed; border-color: var(--aw-bill); background: var(--aw-bill-soft); }
.wgr-antwort .wgr-antwort__schild--entwurf .wgr-antwort__loch { border-color: var(--aw-bill); }
.wgr-antwort .wgr-antwort__schild--entwurf .wgr-antwort__kicker, .wgr-antwort .wgr-antwort__schild--entwurf .wgr-antwort__gross { color: var(--aw-bill); }
/* The one arrival: a gentle swing about the pin, once, when antwort.js sees the sign (never under reduced motion). */
@keyframes wgr-antwort-schwung {
	0% { transform: rotate(-5deg); }
	34% { transform: rotate(1.6deg); }
	62% { transform: rotate(-2.9deg); }
	84% { transform: rotate(-1deg); }
	100% { transform: rotate(-1.5deg); }
}
.wgr-antwort .wgr-antwort__schild--schwingt .wgr-antwort__brett { animation: wgr-antwort-schwung 1.5s cubic-bezier(.33, .7, .4, 1) 1 both; }

/* On its own: centred, its stamp under it. */
.wgr-antwort.wgr-antwort--schild { max-inline-size: 460px; margin: 40px auto; }
.wgr-antwort.wgr-antwort--schild > .wgr-antwort__stempel { justify-content: center; text-align: center; margin-top: 18px; }

/* ---------- the source stamp ---------- */
.wgr-antwort .wgr-antwort__stempel { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; font: 500 15px/1.4 var(--aw-font); color: var(--aw-muted); }
.wgr-antwort .wgr-antwort__chip { display: inline-flex; align-items: center; min-height: 28px; padding: 3px 9px; border: 1.5px solid var(--aw-ink); border-radius: 6px; background: var(--aw-card); font: 500 15px/1.2 var(--aw-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--aw-ink); }
.wgr-antwort .wgr-antwort__chip--entwurf { border-style: dashed; border-color: var(--aw-bill); background: var(--aw-bill-soft); color: var(--aw-bill); }
.wgr-antwort .wgr-antwort__geprueft { font: 500 15px/1.4 var(--aw-mono); color: var(--aw-muted); }
.wgr-antwort .wgr-antwort__quellen { font-weight: 600; color: var(--aw-ink); }
.wgr-antwort .wgr-antwort__stempel a, .wgr-antwort .wgr-antwort__beleg a, .wgr-antwort .wgr-antwort__paar a { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.wgr-antwort .wgr-antwort__pfeil { display: inline-block; margin-left: 3px; vertical-align: -1px; }
.wgr-antwort .wgr-antwort__credit { color: var(--aw-muted); }

/* ---------- the short-answer card ---------- */
.wgr-antwort.wgr-antwort--karte {
	display: flex; flex-wrap: wrap; gap: 24px 36px; align-items: center;
	padding: clamp(16px, 2vw + 8px, 28px); background: var(--aw-card);
	border: 1px solid var(--aw-line); border-radius: 22px;
}
.wgr-antwort .wgr-antwort__links { flex: 1 1 300px; max-inline-size: 350px; min-inline-size: 0; margin-inline: auto; }
.wgr-antwort .wgr-antwort__rechts { flex: 2 1 320px; min-inline-size: 0; }
.wgr-antwort .wgr-antwort__label { margin-bottom: 8px; font: 500 15px/1.3 var(--aw-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--aw-muted); }
.wgr-antwort .wgr-antwort__satz { font: 750 clamp(20px, .8vw + 16px, 24px)/1.25 var(--aw-font); letter-spacing: -.01em; color: var(--aw-ink); text-wrap: pretty; hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 10 4 4; }
.wgr-antwort .wgr-antwort__text { margin-top: 12px; font: 400 17px/1.5 var(--aw-font); color: var(--aw-text); text-wrap: pretty; hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 10 4 4; }
.wgr-antwort .wgr-antwort__text a, .wgr-antwort .wgr-antwort__satz a, .wgr-antwort .wgr-antwort__info a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.wgr-antwort .wgr-antwort__info { margin-top: 16px; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; background: var(--aw-soft); font: 500 16px/1.4 var(--aw-font); color: var(--aw-ink); }
.wgr-antwort .wgr-antwort__info svg { flex: 0 0 auto; }

/* ---------- "Demnächst": countdown cards ---------- */
.wgr-antwort .wgr-antwort__termine { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); gap: 12px; }
.wgr-antwort .wgr-antwort__termin { position: relative; display: flex; flex-direction: column; gap: 4px; min-block-size: 150px; margin: 0; padding: 16px 16px 14px; background: var(--aw-card); border: 1px solid var(--aw-line); border-radius: 16px; color: var(--aw-ink); }
.wgr-antwort .wgr-antwort__termin--link:hover { border-color: var(--aw-ink); }
.wgr-antwort .wgr-antwort__tage { font: 500 15px/1.3 var(--aw-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--aw-muted); }
.wgr-antwort .wgr-antwort__name { margin-top: 6px; font: 800 21px/1.15 var(--aw-font); letter-spacing: -.01em; text-wrap: balance; hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 10 4 4; }
.wgr-antwort .wgr-antwort__name a { color: inherit; text-decoration: none; }
/* A card's title and source are names, not addresses: they may hyphenate inside their links (the theme keeps links whole). */
.wgr-antwort .wgr-antwort__name a, .wgr-antwort .wgr-antwort__beleg a { hyphens: auto; -webkit-hyphens: auto; }
.wgr-antwort .wgr-antwort__name a::after { content: ""; position: absolute; inset: 0; border-radius: 16px; }
.wgr-antwort .wgr-antwort__name a:focus-visible { outline: none; }
.wgr-antwort .wgr-antwort__name a:focus-visible::after { outline: 3px solid var(--aw-ink); outline-offset: 2px; }
.wgr-antwort .wgr-antwort__wann { font: 500 16px/1.3 var(--aw-font); }
.wgr-antwort .wgr-antwort__notiz { margin-top: auto; padding-top: 10px; font: 600 15px/1.4 var(--aw-font); color: var(--aw-text); }
.wgr-antwort .wgr-antwort__marke { margin-top: 8px; }
.wgr-antwort .wgr-antwort__marke .wgr-antwort__chip { font-size: 15px; }
.wgr-antwort .wgr-antwort__beleg { position: relative; z-index: 1; margin-top: 8px; font: 500 15px/1.35 var(--aw-font); color: var(--aw-muted); hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 10 4 4; }
.wgr-antwort .wgr-antwort__termin--erst { background: var(--aw-tag); border-color: var(--aw-tag); color: var(--aw-on-tag); }
.wgr-antwort .wgr-antwort__termin--erst .wgr-antwort__tage, .wgr-antwort .wgr-antwort__termin--erst .wgr-antwort__notiz, .wgr-antwort .wgr-antwort__termin--erst .wgr-antwort__beleg, .wgr-antwort .wgr-antwort__termin--erst .wgr-antwort__wann { color: var(--aw-on-tag); }
.wgr-antwort .wgr-antwort__termin--erst .wgr-antwort__notiz { font-weight: 700; }
.wgr-antwort .wgr-antwort__termin--erst .wgr-antwort__chip { background: transparent; border-color: var(--aw-on-tag); color: var(--aw-on-tag); }
.wgr-antwort .wgr-antwort__termin--erst .wgr-antwort__chip--entwurf { border-color: var(--aw-bill-on-tag); color: var(--aw-bill-on-tag); }
.wgr-antwort .wgr-antwort__termin--erst .wgr-antwort__name a:focus-visible::after { outline-color: var(--aw-on-tag); }
.wgr-antwort .wgr-antwort__hilfe { color: var(--aw-muted); }

/* ---------- the town question ---------- */
.wgr-antwort.wgr-antwort--ortsfrage { display: flex; flex-wrap: wrap; gap: 28px 48px; align-items: center; }
.wgr-antwort .wgr-antwort__frage { flex: 1 1 380px; min-inline-size: 0; padding: clamp(16px, 1.5vw + 10px, 24px); background: var(--aw-card); border: 1px solid var(--aw-line); border-radius: 18px; }
.wgr-antwort .wgr-antwort__seite { flex: 1 1 280px; min-inline-size: 0; max-inline-size: 460px; margin-inline: auto; }
.wgr-antwort .wgr-antwort__seite > .wgr-antwort__stempel { justify-content: center; text-align: center; margin-top: 18px; }
.wgr-antwort .wgr-antwort__fragesatz { font: 800 clamp(22px, 1.2vw + 17px, 28px)/1.3 var(--aw-font); letter-spacing: -.02em; color: var(--aw-ink); text-wrap: balance; }
.wgr-antwort .wgr-antwort__waehler .wgr-antwort__fragesatz { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; }
.wgr-antwort .wgr-antwort__feld { position: relative; display: inline-flex; align-items: center; max-inline-size: 100%; }
.wgr-antwort .wgr-antwort__feld input, .wgr-antwort .wgr-antwort__feld select {
	-webkit-appearance: none; appearance: none; max-inline-size: 100%; min-block-size: 48px; margin: 0;
	padding: 2px 40px 2px 12px; border: 0; border-bottom: 3px solid var(--aw-ink); border-radius: 8px 8px 0 0;
	background: var(--aw-tag-soft); color: var(--aw-ink); font: inherit; letter-spacing: -.02em; cursor: pointer;
}
.wgr-antwort .wgr-antwort__feld input { inline-size: 8.5em; min-inline-size: 5em; cursor: text; field-sizing: content; }
.wgr-antwort .wgr-antwort__feld input:focus, .wgr-antwort .wgr-antwort__feld select:focus { outline: none; box-shadow: 0 0 0 3px var(--aw-tag); }
.wgr-antwort .wgr-antwort__auf { position: absolute; right: 12px; pointer-events: none; color: var(--aw-ink); }
.wgr-antwort .wgr-antwort__liste { list-style: none; margin: 12px 0 0; padding: 4px; max-block-size: 22rem; overflow-y: auto; background: var(--aw-card); border: 1.5px solid var(--aw-ink); border-radius: 12px; font: 500 16px/1.3 var(--aw-font); }
.wgr-antwort .wgr-antwort__liste li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; min-block-size: 44px; margin: 0; padding: 10px 12px; border-radius: 8px; cursor: pointer; }
.wgr-antwort .wgr-antwort__liste li[aria-selected="true"], .wgr-antwort .wgr-antwort__liste li:hover { background: var(--aw-tag-soft); }
.wgr-antwort .wgr-antwort__liste b { font-weight: 750; }
.wgr-antwort .wgr-antwort__liste span { color: var(--aw-muted); }
.wgr-antwort .wgr-antwort__liste em { margin-left: auto; font: 500 15px/1.3 var(--aw-mono); font-style: normal; color: var(--aw-ink); }
.wgr-antwort .wgr-antwort__liste .wgr-antwort__nichts { cursor: default; color: var(--aw-muted); }
.wgr-antwort .wgr-antwort__hinweis { margin-top: 14px; font: 500 15px/1.45 var(--aw-font); color: var(--aw-muted); }
.wgr-antwort .wgr-antwort__hinweis a { color: var(--aw-ink); font-weight: 700; }
.wgr-antwort .wgr-antwort__meldung { font: 600 15px/1.4 var(--aw-font); color: var(--aw-ink); }
.wgr-antwort .wgr-antwort__meldung:not(:empty) { margin-top: 10px; }
.wgr-antwort .wgr-antwort__beispiel { display: inline-block; margin-right: 6px; padding: 2px 7px; border: 1.5px dashed var(--aw-dash); border-radius: 6px; font: 500 15px/1.2 var(--aw-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--aw-muted); }

/* ---------- a row of small signs ---------- */
.wgr-antwort .wgr-antwort__reihe-box { overflow-x: auto; padding: 2px 2px 10px; scrollbar-width: thin; }
.wgr-antwort .wgr-antwort__reihe { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 16px 12px; }   /* on a phone the signs go on a second line: none hides past the edge */
.wgr-antwort .wgr-antwort__mini-platz { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; margin: 0; padding: 0; }
.wgr-antwort .wgr-antwort__haken--mini { inline-size: 44px; block-size: 14px; }
.wgr-antwort .wgr-antwort__mini {
	display: flex; align-items: center; justify-content: center; min-inline-size: 84px; block-size: 44px; margin-top: -1px; padding: 0 12px;
	border: 2px solid var(--aw-ink); border-radius: 9px; background: var(--aw-card);
	font: 900 18px/1 var(--aw-font); font-stretch: 80%; letter-spacing: .02em; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--aw-ink);
}
.wgr-antwort .wgr-antwort__mini--gilt { border-color: var(--aw-open); color: var(--aw-open); }
.wgr-antwort .wgr-antwort__mini--entwurf { border-style: dashed; border-color: var(--aw-bill); background: var(--aw-bill-soft); color: var(--aw-bill); }
.wgr-antwort .wgr-antwort__mini--mark { background: var(--aw-tag); border-color: var(--aw-on-tag); border-style: solid; color: var(--aw-on-tag); }
.wgr-antwort .wgr-antwort__mini-label { margin-top: 6px; max-inline-size: 11em; font: 500 15px/1.2 var(--aw-mono); color: var(--aw-muted); text-align: center; text-wrap: balance; hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 10 4 4; }

/* ---------- letter tiles ---------- */
.wgr-antwort .wgr-antwort__kacheln { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr)); gap: 10px; }
.wgr-antwort .wgr-antwort__kacheln > li { margin: 0; padding: 0; }
.wgr-antwort .wgr-antwort__kname .wgr-antwort__chip { align-self: flex-start; margin-top: 4px; }
.wgr-antwort .wgr-antwort__kachel { display: flex; align-items: center; gap: 12px; block-size: 100%; min-block-size: 56px; padding: 10px 12px; background: var(--aw-card); border: 1px solid var(--aw-line); border-radius: 12px; color: var(--aw-ink); text-decoration: none; font: 700 16px/1.2 var(--aw-font); }
.wgr-antwort .wgr-antwort__kachel:hover { border-color: var(--aw-ink); color: var(--aw-ink); }
.wgr-antwort .wgr-antwort__buchstabe { flex: 0 0 34px; inline-size: 34px; block-size: 34px; display: flex; align-items: center; justify-content: center; border-radius: 9px; background: var(--aw-tile); font: 800 16px/1 var(--aw-font); color: var(--aw-ink); }
.wgr-antwort .wgr-antwort__kname { display: flex; flex-direction: column; gap: 3px; min-inline-size: 0; overflow-wrap: break-word; hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 12 5 5; }
.wgr-antwort .wgr-antwort__kart { font: 500 15px/1.2 var(--aw-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--aw-muted); }

/* ---------- "So haben wir das geprüft" ---------- */
.wgr-antwort.wgr-antwort--geprueft { margin-block: 40px; padding: clamp(16px, 1.5vw + 10px, 24px); background: var(--aw-card); border: 1px solid var(--aw-line); border-radius: 18px; }
.wgr-antwort.wgr-antwort--geprueft .wgr-antwort__titel { font-size: 20px; letter-spacing: 0; }
.wgr-antwort .wgr-antwort__liste-dl { margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }   /* a long law name never widens the box past a 320 px phone */
.wgr-antwort .wgr-antwort__paar { display: flex; flex-wrap: wrap; gap: 2px 20px; min-inline-size: 0; font: 400 16px/1.45 var(--aw-font); }
.wgr-antwort .wgr-antwort__paar dd a { hyphens: auto; -webkit-hyphens: auto; }   /* the sources are names („Rentenwertbestimmungs-verordnungen“), not addresses */
.wgr-antwort .wgr-antwort__paar dt { flex: 0 0 9.5rem; margin: 0; font-weight: 700; color: var(--aw-ink); }
.wgr-antwort .wgr-antwort__paar dd { flex: 1 1 16rem; min-inline-size: 0; margin: 0; color: var(--aw-text); overflow-wrap: break-word; hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 10 4 4; }
.wgr-antwort .wgr-antwort__stand { display: block; }
.wgr-antwort .wgr-antwort__stand + .wgr-antwort__stand { margin-top: 4px; }
.wgr-antwort .wgr-antwort__stand--entwurf b { color: var(--aw-bill); }
.wgr-antwort .wgr-antwort__knopf { display: inline-flex; align-items: center; justify-content: center; min-block-size: 44px; margin-top: 18px; padding: 0 16px; background: var(--aw-card); border: 1.5px solid var(--aw-ink); border-radius: 12px; color: var(--aw-ink); font: 700 15px/1.2 var(--aw-font); text-decoration: none; }
.wgr-antwort .wgr-antwort__knopf:hover { background: var(--aw-soft); color: var(--aw-ink); }

/* For signed-in editors only: why a part is not shown (the explainer kit's red box). */
.wgr-antwort__fehler { border: 2px solid #b00020; color: #b00020; background: #fff; padding: 8px 12px; font: 600 15px/1.4 Arial, sans-serif; }