/* FAQ reading layout. Shared navigation, consent and footer remain site-owned. */
.faq-page [hidden] { display:none !important; }
.faq-page .faq-main { padding-top:28px; }
.faq-page .faq-breadcrumbs { display:flex;gap:12px;font-size:.85rem;color:var(--ink-2); }
.faq-page .faq-breadcrumbs a { color:inherit; }
.faq-page .faq-intro { padding-bottom:48px;max-width:850px; }
.faq-page .faq-kicker { font-size:.72rem;letter-spacing:.13em;font-weight:650;color:var(--ink-2);line-height:1.5; }
.faq-page .faq-intro > .faq-kicker { margin:40px 0 18px; }
.faq-page h1 { font-size:clamp(2.6rem,5.1vw,4.5rem);line-height:1.05;letter-spacing:-.045em;margin:0 0 24px; }
.faq-page h1 span { color:var(--accent); }
.faq-page .faq-intro > p:last-of-type { max-width:54ch;font-size:1.1rem;line-height:1.7;color:var(--ink-2); }
.faq-page .faq-search { margin-top:32px;max-width:640px; }
.faq-page .faq-search label { display:block;font-size:.85rem;font-weight:600;margin-bottom:9px; }
.faq-page .faq-search-field { display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line-strong);border-radius:14px;padding:8px 16px;min-height:60px; }
.faq-page .faq-search-field:focus-within { outline:2px solid var(--accent);outline-offset:3px; }
.faq-page .faq-search-field svg { flex-shrink:0;color:var(--accent); }
.faq-page .faq-search-field input { flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:1rem;width:100%;padding:8px 0; }
.faq-page .faq-search-field input::placeholder { color:var(--ink-2);opacity:1; }
.faq-page .faq-search-field input::-webkit-search-cancel-button { display:none; }
.faq-page .faq-search button,.faq-page .faq-empty button { color:var(--accent);border:0;background:var(--accent-tint);border-radius:7px;padding:12px;cursor:pointer;font:inherit;font-size:.85rem;font-weight:600; }
.faq-page #faq-results { margin:12px 0 0;font-size:.8rem;color:var(--ink-2); }
.faq-page .faq-layout { display:grid;grid-template-columns:250px minmax(0,1fr);gap:72px;align-items:start; }
.faq-page .faq-topics { position:sticky;top:110px; }
.faq-page .faq-topics > .faq-kicker { margin-bottom:16px; }
.faq-page .faq-topics nav { display:grid;gap:5px; }
.faq-page .faq-topics nav a { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 12px;border-radius:10px;font-size:.9rem;text-decoration:none;color:var(--ink); }
.faq-page .faq-topics nav a:hover,.faq-page .faq-topics nav a[aria-current] { background:var(--accent-tint);color:var(--accent); }
.faq-page .faq-count { font-variant-numeric:tabular-nums;font-size:.75rem;color:var(--ink-2); }
.faq-page .faq-guide { display:block;margin-top:28px;padding:24px 12px;border-top:1px solid var(--line);text-decoration:none; }
.faq-page .faq-guide strong { display:flex;justify-content:space-between;gap:10px;font-size:.95rem;color:var(--accent); }
.faq-page .faq-guide > span { display:block;font-size:.82rem;line-height:1.6;color:var(--ink-2);margin-top:10px; }
.faq-page .faq-section { margin-bottom:48px; }
.faq-page .faq-section h2 { display:flex;align-items:baseline;justify-content:space-between;gap:20px;font-size:1.65rem;line-height:1.3;letter-spacing:-.025em;margin:0 0 18px;scroll-margin-top:115px; }
.faq-page .faq-section-count { font-size:.8rem;letter-spacing:0;color:var(--ink-2);font-weight:400; }
.faq-page .faq-list { border-top:1px solid var(--line-strong); }
.faq-page .faq-item { margin:0;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none; }
.faq-page .faq-item summary { display:flex;justify-content:space-between;align-items:center;gap:24px;list-style:none;padding:22px 0;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.5;color:var(--ink); }
.faq-page .faq-item summary::-webkit-details-marker { display:none; }
.faq-page .faq-item summary::after { content:'+';font-size:1.4rem;line-height:1;font-weight:400;color:var(--accent);flex-shrink:0; }
.faq-page .faq-item[open] summary::after { content:'−'; }
.faq-page .faq-item[open] summary { color:var(--accent); }
.faq-page .faq-answer { padding:0 28px 24px 0;color:var(--ink-2);font-size:.95rem;line-height:1.8; }
.faq-page .faq-answer p { margin:0 0 14px;line-height:1.8; }
.faq-page .faq-answer p:last-child { margin-bottom:0; }
.faq-page .faq-answer a { color:var(--accent);text-underline-offset:3px; }
.faq-page .faq-empty { padding:32px 0; }
.faq-page .faq-empty p { margin:16px 0 24px;line-height:1.6; }
.faq-page .faq-help { display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--line-strong);padding:42px 0 60px;margin-top:12px; }
.faq-page .faq-help h2 { font-size:2rem;letter-spacing:-.03em;margin:12px 0; }
.faq-page .faq-help p:not(.faq-kicker) { color:var(--ink-2);line-height:1.6; }
.faq-page .faq-help .button { white-space:nowrap;gap:24px; }
body.faq-page .site-header:not(.is-scrolled) .bar { background:var(--card);border-color:var(--line); }
body.faq-page .site-header:not(.is-scrolled) .brand,body.faq-page .site-header:not(.is-scrolled) .menu-toggle,body.faq-page .site-header:not(.is-scrolled) .site-nav a:not(.button) { color:var(--ink); }
body.faq-page .site-header:not(.is-scrolled) .wordmark span { color:var(--accent); }
@media(max-width:960px){.faq-page .faq-layout{grid-template-columns:215px minmax(0,1fr);gap:36px}}
@media(max-width:700px){.faq-page .faq-layout{display:block}.faq-page .faq-topics{position:static;margin-bottom:36px}.faq-page .faq-topics nav{grid-template-columns:1fr 1fr;gap:8px}.faq-page .faq-topics nav a{border:1px solid var(--line);padding:12px 10px;font-size:.8rem;min-height:52px}.faq-page .faq-guide{display:none}.faq-page .faq-section h2{font-size:1.45rem}.faq-page .faq-section{margin-bottom:36px}.faq-page .faq-intro{padding-bottom:32px}.faq-page .faq-intro > .faq-kicker{margin-top:30px}.faq-page .faq-intro > p:last-of-type{font-size:1rem}.faq-page .faq-search-field{gap:10px;padding-inline:12px}.faq-page .faq-search-field input{font-size:16px}.faq-page .faq-item summary{padding:20px 0;font-size:.95rem;gap:14px}.faq-page .faq-answer{padding-right:0}.faq-page .faq-help{align-items:flex-start;flex-direction:column;padding-bottom:40px}.faq-page h1{font-size:clamp(2.3rem,8vw,3.4rem)}}
