/* Design A: Etikett – jedes Teil wie ein eingenähtes Wäscheetikett,
   Navy und Feuerrot, ein dünner Reflexstreifen unter dem Kopf. */
:root {
  --bg: #EEF1F4; --surface: #FFFFFF; --ink: #1A2238; --muted: #4A5468;
  --line: #CBD2DC; --line-strong: #8C96A8;
  --accent: #B3121B; --accent-hover: #941018; --on-accent: #FFFFFF; --choice-on: #1A2238;
  --link: #B3121B; --danger: #B3121B; --info: #1F4E8C; --focus: #1F4E8C;
  --head-bg: #1A2238; --head-ink: #FFFFFF; --head-muted: #C9D1DE; --head-focus: #D9E021;
  --nav-bg: #FFFFFF; --nav-active: #B3121B;
  --field-bg: #FFFFFF; --field-border: #8C96A8;
  --pill-bg: #FFFFFF; --pill-border: #AEB6C3; --pill-on-bg: #1A2238; --pill-on-ink: #FFFFFF; --pill-radius: 22px;
  --radius: 4px; --notice-bg: #FFFFFF; --answer-bg: #EEF1F4; --done-icon: #1A2238;
  --font-body: "Archivo", system-ui, sans-serif; --font-head: "Archivo", system-ui, sans-serif;
}
.masthead h1 { font-size: 44px; font-stretch: 66%; }
.org { font-stretch: 85%; }
.section-title, .item-name, .field-title, .report-item, .edit-name, .btn { font-stretch: 85%; }
.done-title { font-stretch: 70%; font-weight: 800; }
.stripe { display: block; height: 6px; background: #D9E021; }

.item { min-height: 72px; padding: 10px 12px 10px 16px; background: #FFFFFF; border-radius: 3px; outline: 1px dashed #AEB6C3; outline-offset: -5px; box-shadow: 0 1px 0 #CBD2DC; }
a.item:hover { outline-color: #1A2238; }
a.item:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.item-size { min-width: 52px; padding: 0 6px; height: 52px; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px solid #1A2238; }
.item-size:empty { border-color: transparent; }
.item-size-label { font-size: 11px; line-height: 1.1; color: var(--muted); }
.item-size-value { font-size: 20px; line-height: 1; font-weight: 800; font-stretch: 70%; }
.item-static { margin-bottom: 2px; }
.subnav a[aria-current] { color: #FFFFFF; }