/* Hilfezentrum: Wald, helle Karte, Suche */
body.help-body {
    color-scheme: light;
    margin: 0;
    min-height: 100vh;
    color: #16211c;
    background:
        radial-gradient(900px 500px at 90% -10%, rgba(52, 211, 153, .45), transparent 60%),
        radial-gradient(700px 450px at -10% 110%, rgba(245, 158, 11, .22), transparent 55%),
        #0b3d2e;
    background-attachment: fixed;
}
.help-nav {
    position: sticky; top: 0; z-index: 40;
    display: flex; align-items: center; justify-content: space-between; gap: .7rem;
    padding: .7rem 1.1rem; padding-top: calc(.7rem + env(safe-area-inset-top, 0));
    background: color-mix(in srgb, #0b3d2e 78%, transparent);
    -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.help-nav > a {
    font-weight: 800; color: #ecf3ef; text-decoration: none; letter-spacing: -.02em; font-size: 1.08rem;
}
.help-nav > a:hover { color: #fff; text-decoration: none; }
.help-nav .pb-actions { display: flex; align-items: center; gap: .5rem; }
.help-nav .pb-login, .help-nav .pb-reg {
    display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
    min-width: 44px; min-height: 44px; border-radius: 999px; font-weight: 700; text-decoration: none; white-space: nowrap;
}
.help-nav .pb-login { width: 44px; padding: 0; border: 1.5px solid rgba(255,255,255,.35); color: #fff; }
.help-nav .pb-reg { padding: 0 1rem; background: linear-gradient(135deg, #059669, #10b981 55%, #34d399); color: #052e24 !important; }
.help-nav .pb-login .pb-txt, .help-nav .pb-reg .pb-long { display: none; }
.help-nav .pb-reg .pb-short { display: inline; }
@media (min-width: 520px) {
    .help-nav .pb-login { width: auto; padding: 0 1rem; }
    .help-nav .pb-login .pb-txt, .help-nav .pb-reg .pb-long { display: inline; }
    .help-nav .pb-reg .pb-short { display: none; }
}

.help-wrap {
    width: min(780px, calc(100% - 1.4rem));
    margin: 1.2rem auto 2.4rem;
    padding-bottom: env(safe-area-inset-bottom, 0);
}

.help-hero {
    background: #fff;
    border-radius: 26px;
    padding: 1.55rem 1.25rem 1.25rem;
    box-shadow: 0 28px 64px rgba(0,0,0,.32);
    border: 1px solid rgba(255,255,255,.6);
    margin-bottom: 1rem;
    text-align: center;
}
.help-kicker {
    margin: 0 0 .35rem; color: #059669; font-weight: 800; font-size: .75rem;
    letter-spacing: .1em; text-transform: uppercase;
}
.help-hero h1 {
    margin: 0 0 .45rem; font-size: clamp(1.45rem, 4.2vw, 2rem);
    font-weight: 800; letter-spacing: -.03em; color: #16211c;
}
.help-lead { margin: 0 0 1.15rem; color: #55655d; font-size: .98rem; }

.help-search {
    position: relative;
    display: flex; align-items: center;
    background: #f4faf7; border: 1.5px solid #d1fae5; border-radius: 999px;
    padding: 0 .35rem 0 1rem;
}
.help-search:focus-within {
    border-color: #10b981;
    box-shadow: 0 0 0 4px rgba(16,185,129,.18);
    background: #fff;
}
.help-search i { color: #059669; flex: none; }
.help-search input {
    flex: 1; min-width: 0; border: 0; background: transparent;
    padding: .85rem .7rem; font: inherit; font-size: 16px; color: #16211c;
}
.help-search input:focus { outline: none; }
.help-search input::placeholder { color: #83918a; }
.help-clear {
    flex: none; border: 0; background: #e7f7ef; color: #065f46;
    font: inherit; font-size: .82rem; font-weight: 700;
    padding: .4rem .75rem; margin-right: .3rem; border-radius: 999px; cursor: pointer;
}
.help-meta { margin: .75rem 0 0; color: #6b7c74; font-size: .82rem; font-weight: 600; }

.help-chips {
    display: flex; flex-wrap: nowrap; gap: .45rem;
    overflow-x: auto; -webkit-overflow-scrolling: touch;
    padding: .15rem 0 .55rem; margin: 0 0 .35rem;
    scrollbar-width: thin;
}
.help-chips button {
    flex: none; border: 1px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.12); color: #ecf3ef;
    font: inherit; font-size: .82rem; font-weight: 700;
    padding: .45rem .85rem; border-radius: 999px; cursor: pointer;
    white-space: nowrap;
}
.help-chips button:hover { background: rgba(255,255,255,.2); }
.help-chips button.is-on {
    background: #fff; color: #065f46; border-color: #fff;
    box-shadow: 0 8px 16px rgba(0,0,0,.18);
}

.help-cat {
    display: flex; align-items: center; gap: .5rem;
    margin: 1.15rem 0 .5rem; color: #ecf3ef;
    font-size: .78rem; letter-spacing: .08em; text-transform: uppercase;
}
.help-cat i { color: #34d399; }

.help-item {
    background: #fff; border-radius: 16px; margin: 0 0 .55rem;
    border: 1px solid rgba(255,255,255,.55);
    box-shadow: 0 10px 28px rgba(0,0,0,.16);
}
.help-item[hidden], .help-cat[hidden] { display: none !important; }
.help-item summary {
    list-style: none; cursor: pointer;
    padding: .95rem 1.1rem; font-weight: 750; font-size: .98rem;
    color: #16211c; display: flex; align-items: center; justify-content: space-between; gap: .75rem;
}
.help-item summary::-webkit-details-marker { display: none; }
.help-item summary::after {
    content: ''; width: .55rem; height: .55rem; flex: none;
    border-right: 2px solid #059669; border-bottom: 2px solid #059669;
    transform: rotate(45deg); transition: transform .15s;
    margin-top: -.2rem;
}
.help-item[open] summary::after { transform: rotate(225deg); margin-top: .2rem; }
.help-item summary:hover { color: #047857; }
.help-a { padding: 0 1.1rem 1.05rem; color: #2a3a33; font-size: .94rem; line-height: 1.65; }
.help-a p { margin: 0 0 .65rem; }
.help-a p:last-child { margin-bottom: 0; }
.help-a a { color: #059669; font-weight: 700; }
.help-a mark {
    background: #d1fae5; color: #065f46; padding: 0 .12em; border-radius: 3px;
}

.help-empty {
    background: #fff; color: #3d5249; text-align: center;
    padding: 1.4rem 1.1rem; border-radius: 18px; margin: .5rem 0 1rem;
}
.help-empty strong { display: block; margin-bottom: .35rem; color: #16211c; }

.help-contact {
    display: flex; gap: 1rem; align-items: flex-start;
    margin-top: 1.4rem; padding: 1.2rem 1.15rem;
    background: #fff; border-radius: 22px;
    box-shadow: 0 20px 44px rgba(0,0,0,.22);
}
.help-contact-ico {
    width: 48px; height: 48px; flex: none; border-radius: 16px;
    background: linear-gradient(135deg, #059669, #34d399);
    color: #fff; display: grid; place-items: center; font-size: 1.2rem;
}
.help-contact h2 { margin: 0 0 .35rem; font-size: 1.1rem; }
.help-contact p { margin: 0; color: #3d5249; font-size: .94rem; line-height: 1.6; }
.help-contact a { color: #059669; font-weight: 700; word-break: break-word; }

.help-foot {
    display: flex; flex-wrap: wrap; justify-content: center; gap: .15rem;
    margin: 1.15rem 0 0; font-size: .88rem; font-weight: 600;
}
.help-foot a { color: rgba(236,243,239,.82); text-decoration: none; padding: .25rem .5rem; }
.help-foot a:hover { color: #fff; text-decoration: underline; }
.help-foot span { color: rgba(236,243,239,.35); padding: .25rem 0; }

.visually-hidden {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); border: 0;
}

body.help-inapp .help-wrap { width: min(780px, 100%); margin: 0 auto 2rem; }
body.help-inapp .help-hero { box-shadow: var(--shadow-md); }
body.help-inapp .help-chips button {
    background: var(--surface); color: var(--text-primary); border-color: var(--border);
}
body.help-inapp .help-chips button.is-on { background: var(--gradient-forest); color: #fff; border-color: transparent; }
body.help-inapp .help-cat { color: var(--text-tertiary); }
body.help-inapp .help-cat i { color: var(--primary-600); }
body.help-inapp .help-item { box-shadow: var(--shadow-sm); border-color: var(--border); }
body.help-inapp .help-foot a { color: var(--text-secondary); }
body.help-inapp .help-foot span { color: var(--border); }

@media (max-width: 420px) {
    .help-hero { padding: 1.25rem 1rem 1.05rem; border-radius: 22px; }
    .help-contact { flex-direction: column; }
}