/* FAQ content is reproduced verbatim from resources/content/faq.txt. */
.faq-hero { padding-block:52px 58px; }
.faq-hero-inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) 140px; gap:65px; align-items:center; }
.faq-hero h1 { margin-top:0; }
html body.tg-faq #main-content .faq-hero h2 { font:500 29px/1.35 Georgia,'Times New Roman',serif; color:#2b5d68; margin:0 0 20px; }
.faq-hero p { max-width:920px; color:#526f78; margin:0; }
.faq-list { max-width:1040px; display:grid; gap:16px; }
.faq-item { min-width:0; border:1px solid #dce9e5; border-radius:14px; background:white; overflow:hidden; box-shadow:0 5px 20px #1e555603; }
.faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:25px; list-style:none; padding:24px 28px; cursor:pointer; color:#173f49; font:600 18px/1.5 'DM Sans',Arial,sans-serif; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary:hover { background:#f2f9f7; }
.faq-item summary:focus-visible { outline:3px solid #238e98; outline-offset:-4px; border-radius:12px; }
.faq-toggle { position:relative; width:32px; height:32px; flex:none; border-radius:50%; background:#e5f4f2; color:#007782; }
.faq-toggle:before,.faq-toggle:after { content:''; position:absolute; left:9px; top:15px; width:14px; height:2px; border-radius:1px; background:currentColor; }
.faq-toggle:after { transform:rotate(90deg); }
.faq-item[open] { border-color:#b4d9d6; }
.faq-item[open] summary { color:#005e6c; background:#f0f8f6; }
.faq-item[open] .faq-toggle:after { display:none; }
.faq-answer { padding:0 28px 26px; }
.faq-item[open] .faq-answer { background:linear-gradient(#f0f8f6,#fff 90px); }
.faq-answer p { color:#526a73; margin:0; }
.faq-contact { background:linear-gradient(110deg,#e5f3f0,#f1eee4); }
.faq-contact>.legal-container { display:flex; justify-content:space-between; align-items:center; gap:45px; }
.faq-contact h2 { font-family:Georgia,'Times New Roman',serif; font-weight:500; color:#133e48; margin-top:0; }
.faq-contact p { max-width:850px; margin:0; color:#536f77; }
.faq-contact .faq-eyebrow { color:#2b7781; margin-bottom:14px; font-weight:600; }
.faq-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; flex:none; padding:17px 26px; min-height:58px; border-radius:7px; background:linear-gradient(110deg,#00727e,#004e58); color:white; font-size:16px; font-weight:600; }
.faq-button svg { width:20px; height:20px; }.faq-button:hover { background:#006973; }.faq-button:focus-visible { outline:3px solid #2b969d; outline-offset:5px; }
@media(max-width:1000px) { .faq-hero-inner { grid-template-columns:minmax(0,1fr); gap:25px; }.faq-hero-inner>.legal-hero-icon { display:none; }.faq-contact>.legal-container { flex-direction:column; align-items:flex-start; gap:25px; } }
@media(max-width:760px) { .faq-hero { padding-block:35px 40px; }html body.tg-faq #main-content .faq-hero h2 { font-size:24px; }.faq-item summary { padding:20px; gap:15px; font-size:17px; }.faq-answer { padding:0 20px 23px; }.faq-toggle { width:28px; height:28px; }.faq-toggle:before,.faq-toggle:after { left:7px; top:13px; }.faq-list { gap:13px; } }