/* Yardım merkezi (views/help.php): legal.css'in başlık ve sütununu kullanır */
.help__lead { margin: 6px 0 18px; color: var(--sd-text-2, #5B6B7F); font-weight: 600; }
.help__toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; }
.help__toc a {
    display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: 1px solid var(--sd-line); border-radius: 999px;
    background: #fff; color: var(--sd-navy-900, #0B2545); font-weight: 700; font-size: .92rem; text-decoration: none;
}
.help__toc a:hover { border-color: var(--sd-teal-600); color: var(--sd-teal-650); }
.help__toc i { color: var(--sd-teal-650); font-size: 1.1em; }

.help__section { margin: 0 0 18px; padding: clamp(16px, 3.5vw, 28px); border: 1px solid var(--sd-line); border-radius: 18px; background: #fff; scroll-margin-top: 16px; }
.help__section h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: 1.25rem; }
.help__section h2 i { color: var(--sd-teal-650); font-size: 1.3em; }

.help__steps { counter-reset: step; display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.help__steps li { counter-increment: step; position: relative; display: grid; gap: 2px; padding-left: 46px; min-height: 34px; }
.help__steps li::before {
    content: counter(step); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%;
    background: var(--sd-teal-600); color: #fff; font-weight: 800;
}
.help__steps b { font-weight: 800; }
.help__steps span { color: var(--sd-text-2, #5B6B7F); line-height: 1.5; }

.help__qa { border-top: 1px solid var(--sd-line); }
.help__qa:first-of-type { border-top: 0; }
.help__qa summary {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 0; cursor: pointer;
    font-weight: 700; list-style: none;
}
.help__qa summary::-webkit-details-marker { display: none; }
.help__qa summary i { display: inline-block; flex: none; color: var(--sd-teal-650); transition: transform var(--sd-dur-base, .2s) ease; }
.help__qa[open] summary i { transform: rotate(180deg); }
.help__qa p { margin: 0 0 14px; color: var(--sd-text-2, #5B6B7F); line-height: 1.6; }

.help__contact {
    display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 8px; padding: 18px 22px; border-radius: 18px;
    background: var(--sd-navy-900, #0B2545); color: #fff;
}
.help__contact > i { font-size: 2rem; color: #FFC857; }
.help__contact div { display: grid; flex: 1 1 220px; gap: 2px; }
.help__contact span { color: #C9D6E8; }