/* whois.info.tr rehber sayfaları (React'siz düz HTML). Renkler sitenin kendi değişkenlerinden gelir. */
.rh-layout { display: grid; gap: 2rem 3.5rem; margin-top: 2.5rem; }
@media (min-width: 64rem) { .rh-layout { grid-template-columns: 15rem minmax(0, 46rem); } .rh-toc { position: sticky; top: 6rem; align-self: start; } }
.rh-layout > * { min-width: 0; }
.rh-toc { font-size: .875rem; }
.rh-toc p { margin: 0 0 .5rem; font-weight: 600; color: var(--color-ink-strong); }
.rh-toc ul { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--color-line-strong); }
.rh-toc a { display: block; padding: .3rem 0 .3rem .9rem; margin-left: -1px; border-left: 2px solid transparent; color: var(--color-ink-muted); text-decoration: none; }
.rh-toc a:hover { color: var(--color-ink-strong); border-left-color: var(--color-signal); }

.rh-prose { color: var(--color-ink); font-size: 1rem; line-height: 1.7; }
.rh-prose > :first-child { margin-top: 0; }
.rh-prose h2 { font-family: var(--font-display, "Space Grotesk Variable", var(--font-sans)); font-size: clamp(1.35rem, 1.15rem + .8vw, 1.7rem); line-height: 1.2; font-weight: 600; letter-spacing: -.025em; color: var(--color-ink-strong); margin: 2.5rem 0 .75rem; scroll-margin-top: 6rem; }
.rh-prose h3 { font-size: 1.1rem; font-weight: 600; color: var(--color-ink-strong); margin: 1.75rem 0 .4rem; }
.rh-prose p, .rh-prose ul, .rh-prose ol { margin: 0 0 1rem; }
.rh-prose ul, .rh-prose ol { padding-left: 1.3rem; }
.rh-prose ul { list-style: disc; }
.rh-prose ol { list-style: decimal; }
.rh-prose li { margin-bottom: .45rem; }
.rh-prose li::marker { color: var(--color-signal); }
.rh-prose strong { color: var(--color-ink-strong); font-weight: 600; }
.rh-prose a { color: var(--color-signal-soft); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: color-mix(in oklab, var(--color-signal) 40%, transparent); }
.rh-prose a:hover { text-decoration-color: var(--color-signal); }
.rh-prose code { font-family: var(--font-mono); font-size: .88em; color: var(--color-ink-strong); background: color-mix(in oklab, var(--color-raised) 80%, transparent); border: 1px solid var(--color-line); padding: .05rem .35rem; border-radius: 6px; }

.rh-tbl { overflow-x: auto; margin: 0 0 1.25rem; border: 1px solid var(--color-line); border-radius: 14px; }
.rh-tbl table { width: 100%; border-collapse: collapse; font-size: .9rem; line-height: 1.5; }
.rh-tbl th, .rh-tbl td { text-align: left; padding: .65rem .85rem; border-bottom: 1px solid var(--color-line); vertical-align: top; }
.rh-tbl th { color: var(--color-ink-strong); font-weight: 600; background: color-mix(in oklab, var(--color-raised) 60%, transparent); white-space: nowrap; }
.rh-tbl tr:last-child td { border-bottom: 0; }
.rh-tbl td.num { font-family: var(--font-mono); white-space: nowrap; }
.rh-tbl small { color: var(--color-ink-faint); }

.rh-note { padding: .9rem 1.1rem; margin: 0 0 1.25rem; border-radius: 14px; background: color-mix(in oklab, var(--color-signal) 6%, transparent); border: 1px solid color-mix(in oklab, var(--color-signal) 30%, transparent); }
.rh-warn { padding: .9rem 1.1rem; margin: 0 0 1.25rem; border-radius: 14px; background: color-mix(in oklab, var(--color-amber) 6%, transparent); border: 1px solid color-mix(in oklab, var(--color-amber) 35%, transparent); }
.rh-note p, .rh-warn p { margin: 0; }

.rh-steps { list-style: none !important; padding: 0 !important; counter-reset: s; border-left: 1px solid var(--color-line-strong); margin-left: .6rem !important; }
.rh-steps li { position: relative; padding: 0 0 1.1rem 1.6rem; counter-increment: s; }
.rh-steps li::before { content: counter(s); position: absolute; left: -.8rem; top: .1rem; width: 1.6rem; height: 1.6rem; border-radius: 50%; display: grid; place-items: center; font: 600 .75rem/1 var(--font-mono); color: var(--color-night); background: var(--color-signal); }
.rh-steps li strong { display: block; }

.rh-faq { margin-top: 3rem; border-bottom: 1px solid var(--color-line); }
.rh-faq h2 { margin-bottom: .75rem; }
.rh-faq details { border-top: 1px solid var(--color-line); }
.rh-faq summary { display: flex; justify-content: space-between; gap: 1.5rem; padding: 1rem 0; cursor: pointer; font-weight: 600; color: var(--color-ink-strong); list-style: none; }
.rh-faq summary::-webkit-details-marker { display: none; }
.rh-faq summary::after { content: "+"; flex: none; font-weight: 400; font-size: 1.25rem; line-height: 1; color: var(--color-signal); }
.rh-faq details[open] summary::after { content: "\2212"; }
.rh-faq details p { margin: 0 0 1.1rem; color: var(--color-ink-muted); }

.rh-cards { display: grid; gap: 1rem; margin-top: 2rem; }
@media (min-width: 48rem) { .rh-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rh-card { position: relative; display: block; padding: 1.4rem 1.5rem; border-radius: 20px; border: 1px solid var(--color-line); background: color-mix(in oklab, var(--color-surface) 70%, transparent); text-decoration: none; transition: border-color .2s; }
.rh-card:hover { border-color: color-mix(in oklab, var(--color-signal) 45%, transparent); }
.rh-card strong { display: block; font-family: var(--font-display, var(--font-sans)); font-size: 1.15rem; font-weight: 600; color: var(--color-ink-strong); letter-spacing: -.015em; }
.rh-card span { display: block; margin-top: .35rem; color: var(--color-ink-muted); font-size: .9375rem; line-height: 1.55; }

.rh-sources { margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid var(--color-line); font-size: .8125rem; color: var(--color-ink-faint); }
.rh-sources ul { padding-left: 1rem; list-style: disc; }
.rh-sources a { color: var(--color-ink-muted); overflow-wrap: anywhere; }
.rh-meta { margin-top: 1rem; font-size: .8125rem; color: var(--color-ink-faint); }
.rh-hero-cta { margin: 1.5rem 0 0; }
.rh-btn { display: inline-flex; align-items: center; height: 46px; padding: 0 1.25rem; border-radius: 14px; background: var(--color-signal); color: var(--color-night); font-weight: 600; text-decoration: none; transition: filter .15s; }
.rh-btn:hover { filter: brightness(1.1); }
