/* Lehrzeug Unterstützen (1.8) */
.ut-hero { padding-bottom: 8px; }
.ut-kick { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--coral-ink); }
.ut-kick .i { width: 18px; height: 18px; }
.ut-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 22px; }
.ut-cta .btn-coffee { font-size: 17px; padding: 14px 22px; }
.ut-cta .btn-coffee .i { width: 22px; height: 22px; }
.ut-cta-note { margin: 0; max-width: 460px; font-size: 14px; color: var(--ink-3); }
.ut-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 18px; margin: 18px 0; align-items: start; }
@media (max-width: 900px) { .ut-grid { grid-template-columns: minmax(0, 1fr); } }
.ut-card { padding: 22px 24px; }
@media (max-width: 560px) { .ut-card { padding: 16px 14px; } }
.ut-card h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; font-size: 1.25rem; }
.ut-card h2 .i { width: 22px; height: 22px; color: var(--teal-ink); }
.ut-use-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 560px) { .ut-use-grid { grid-template-columns: minmax(0, 1fr); } }
.ut-use-grid article { padding: 14px; border-radius: 14px; background: var(--surface-2); border: 1px solid var(--line); }
.ut-use-grid h3 { margin: 8px 0 4px; font-size: 1rem; }
.ut-use-grid p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--ink-2); }
.ut-ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--teal-soft); color: var(--teal-ink); }
.ut-ic .i { width: 22px; height: 22px; }
.ut-promise ul { margin: 0 0 14px; padding-left: 20px; display: grid; gap: 8px; color: var(--ink-2); line-height: 1.5; }
.ut-qr { width: 150px; height: 150px; padding: 8px; border-radius: 12px; background: #fff; box-shadow: 0 0 0 1px var(--line); }
.ut-qr svg { display: block; width: 100%; height: 100%; }
.ut-qr-c { margin: 6px 0 0; font-size: 13px; color: var(--ink-3); }
.ut-first { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 24px; margin: 0 0 18px; }
@media (max-width: 900px) { .ut-first { grid-template-columns: minmax(0, 1fr); } }
.ut-first p { color: var(--ink-2); line-height: 1.6; }
.ut-code { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 14px 0 6px; }
.ut-code label { width: 100%; font-weight: 600; font-size: 14px; }
.ut-code .input { flex: 1 1 12em; max-width: 16em; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; font-family: var(--mono); }
.ut-code-msg { min-height: 1.4em; margin: 0; font-weight: 600; }
.ut-code-msg.is-ok { color: var(--teal-ink); } .ut-code-msg.is-err { color: var(--coral-ink); }
.ut-wall { padding: 16px; border-radius: 16px; background: var(--surface-2); border: 1px dashed var(--line-2); }
.ut-wall h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 1rem; }
.ut-wall h3 .i { width: 18px; height: 18px; color: var(--coral); }
.ut-wall-empty { margin: 0; font-size: 14px; color: var(--ink-3); }
.ut-wall-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.ut-wall-list li { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 8px; align-items: center; padding: 6px 8px; border-radius: 12px; background: var(--surface); }
.ut-wall-list b { font-size: 14px; overflow-wrap: anywhere; } .ut-wall-list small { grid-column: 2; font-size: 12px; color: var(--ink-3); }
.ut-av { grid-row: span 2; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #FFDD00; color: #0D0C22; font-weight: 700; }
.ut-faq details { border-top: 1px solid var(--line); padding: 12px 0; }
.ut-faq details:first-of-type { border-top: 0; }
.ut-faq summary { font-weight: 600; cursor: pointer; }
.ut-faq details p { margin: 8px 0 0; color: var(--ink-2); line-height: 1.6; }