/* Kullanim kilavuzu: hem public sitede hem isletme panelinde ayni gorunum. Tailwind'e bagli degildir. */
.help-guide {
    --hg-ink: #14181f;
    --hg-muted: #5f6570;
    --hg-line: #e3e0d7;
    --hg-paper: #ffffff;
    --hg-soft: #f7f5f0;
    --hg-amber: #b97e1a;
    --hg-amber-soft: #faf1de;
    --hg-teal: #2f6f5e;
    --hg-teal-soft: #e7f0ec;
    --hg-blue: #2f4f8f;
    --hg-blue-soft: #eaf0fb;
    --hg-danger: #b3492f;
    --hg-danger-soft: #f8e9e4;
    --hg-radius: 14px;
    color: var(--hg-ink);
    font-size: 15px;
    line-height: 1.65;
    max-width: 960px;
    margin: 0 auto;
}

.help-guide *,
.help-guide *::before,
.help-guide *::after { box-sizing: border-box; }

.help-guide h1,
.help-guide h2,
.help-guide h3 { margin: 0; line-height: 1.3; letter-spacing: -0.01em; font-weight: 700; }
.help-guide .hg-hero h1 { font-weight: 600; }
.help-guide p { margin: 0 0 10px; }
.help-guide a { color: var(--hg-teal); font-weight: 600; text-decoration: none; }
.help-guide a:hover { text-decoration: underline; }
.help-guide ul { margin: 0 0 10px; padding-left: 20px; list-style: disc; }
.help-guide ol:not(.hg-steps) { list-style: decimal; }
.help-guide li { margin-bottom: 4px; }

.hg-hero { padding: 8px 0 20px; }
.hg-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--hg-amber); margin-bottom: 6px; }
.hg-hero h1 { font-size: clamp(24px, 3.2vw, 32px); margin-bottom: 8px; }
.hg-hero p { color: var(--hg-muted); max-width: 720px; }

.hg-toolbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.hg-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.hg-tab { display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--hg-line); background: var(--hg-paper); color: var(--hg-ink) !important; font-size: 14px; font-weight: 600; }
.hg-tab:hover { text-decoration: none !important; border-color: var(--hg-ink); }
.hg-tab.is-active { background: var(--hg-ink); border-color: var(--hg-ink); color: #fff !important; }
.hg-print { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 9px; border: 1px solid var(--hg-line); background: var(--hg-paper); color: var(--hg-ink); font-size: 14px; font-weight: 600; cursor: pointer; font-family: inherit; }
.hg-print:hover { border-color: var(--hg-ink); }
.hg-print svg { width: 16px; height: 16px; }

.hg-toc { background: var(--hg-soft); border: 1px solid var(--hg-line); border-radius: var(--hg-radius); padding: 18px 22px; margin-bottom: 26px; }
.hg-toc-title { font-weight: 700; margin-bottom: 8px; }
.hg-toc ol { margin: 0; padding-left: 20px; columns: 2; column-gap: 32px; }
.hg-toc li { break-inside: avoid; }
@media (max-width: 640px) { .hg-toc ol { columns: 1; } }

.hg-section { background: var(--hg-paper); border: 1px solid var(--hg-line); border-radius: var(--hg-radius); padding: 24px 26px; margin-bottom: 20px; scroll-margin-top: 90px; }
@media (max-width: 520px) { .hg-section { padding: 20px 18px; } }
.hg-section > h2 { font-size: 20px; margin-bottom: 6px; display: flex; align-items: center; gap: 10px; }
.hg-section > h2 .hg-num { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; border-radius: 50%; background: var(--hg-ink); color: #fff; font-size: 14px; }
.hg-section > .hg-lead { color: var(--hg-muted); margin-bottom: 16px; }
.hg-section h3 { font-size: 16px; margin: 18px 0 8px; }

.hg-steps { list-style: none; margin: 0; padding: 0; counter-reset: hg-step; display: grid; gap: 10px; }
.hg-steps > li { counter-increment: hg-step; position: relative; padding: 12px 14px 12px 52px; border: 1px solid var(--hg-line); border-radius: 10px; background: var(--hg-paper); margin: 0; break-inside: avoid; }
.hg-steps > li::before { content: counter(hg-step); position: absolute; left: 14px; top: 12px; width: 26px; height: 26px; border-radius: 50%; background: var(--hg-amber-soft); color: var(--hg-amber); font-weight: 700; font-size: 13px; display: flex; align-items: center; justify-content: center; }
.hg-steps > li strong:first-child { display: block; margin-bottom: 2px; }
.hg-goto { display: inline-block; margin-top: 4px; font-size: 13px; }

.hg-callout { border-radius: 10px; padding: 12px 14px; margin: 12px 0; font-size: 14px; border-left: 4px solid; break-inside: avoid; }
.hg-callout p:last-child { margin-bottom: 0; }
.hg-callout.is-warn { background: var(--hg-amber-soft); border-color: var(--hg-amber); }
.hg-callout.is-info { background: var(--hg-blue-soft); border-color: var(--hg-blue); }
.hg-callout.is-ok { background: var(--hg-teal-soft); border-color: var(--hg-teal); }
.hg-callout.is-danger { background: var(--hg-danger-soft); border-color: var(--hg-danger); }
.hg-callout-title { font-weight: 700; display: block; margin-bottom: 2px; }

.hg-table-wrap { overflow-x: auto; margin: 8px 0 4px; }
.hg-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.hg-table th,
.hg-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--hg-line); vertical-align: top; }
.hg-table th { background: var(--hg-soft); font-weight: 700; }
.hg-table td:first-child { font-weight: 600; white-space: nowrap; }
@media (max-width: 640px) { .hg-table td:first-child { white-space: normal; } }

.hg-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.hg-card { border: 1px solid var(--hg-line); border-radius: 10px; padding: 14px; background: var(--hg-paper); break-inside: avoid; }
.hg-card h3 { margin: 0 0 6px; font-size: 15px; }
.hg-card p:last-child,
.hg-card ul:last-child { margin-bottom: 0; }
.hg-yes { color: var(--hg-teal); font-weight: 700; }
.hg-no { color: var(--hg-danger); font-weight: 700; }

.hg-faq details { border: 1px solid var(--hg-line); border-radius: 10px; padding: 12px 14px; margin-bottom: 8px; background: var(--hg-paper); break-inside: avoid; }
.hg-faq summary { font-weight: 700; cursor: pointer; }
.hg-faq details p { margin: 8px 0 0; }

.hg-footer-note { color: var(--hg-muted); font-size: 13px; text-align: center; margin: 24px 0 8px; }

@media print {
    #siteHeader, .ios-mobile-nav, footer, .public-footer, header, aside, nav.sidebar, .sidebar, .backdrop,
    .hg-toolbar, .no-print, #cookieConsentManage, #cookieConsentBanner, #whatsappQuickContact {
        display: none !important;
    }
    html, body, main, #main { background: #fff !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; height: auto !important; }
    .help-guide { max-width: none; font-size: 12px; }
    .hg-section, .hg-toc { border-color: #cfcac0; box-shadow: none; page-break-inside: auto; }
    .hg-section { break-before: auto; }
    .hg-section > h2 { break-after: avoid; }
    .hg-faq details { display: block; }
    .hg-faq details > * { display: block; }
    .help-guide a { color: var(--hg-ink); text-decoration: none; }
    .hg-goto { display: none; }
}