/* Topic-based FAQ; Google Doc copy preserved verbatim. */
#faq-page{scroll-margin-top:24px}

.faq-topic-nav{display:flex;flex-wrap:wrap;gap:10px 28px;padding:0 0 26px;border-bottom:2px solid var(--navy)}
.faq-topic-nav a{display:inline-flex;align-items:center;gap:20px;padding:7px 0;color:var(--navy);font-size:15px;font-weight:700;text-decoration:none}
.faq-topic-nav a span{color:var(--accent)}
.faq-topic-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.faq-topic{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:32px 0;scroll-margin-top:24px}
.faq-topic+.faq-topic{border-top:2px dotted var(--navy)}
.faq-topic-header{display:flex;align-items:baseline;gap:12px}
.faq-topic-number{font-size:12px;letter-spacing:1px;color:var(--accent);font-weight:800}
.faq-topic-header h3{font-size:22px;line-height:1.25;margin:0;color:var(--navy);text-transform:none;letter-spacing:0}
.faq-topic-content{min-width:0}
.faq-attribution{max-width:65ch;margin:0 0 18px;font-size:15px;line-height:1.55;color:#435267;font-style:italic}
.faq-question{border-bottom:1px solid #142d4c30;margin:0}
.faq-question:last-child{border-bottom:0}
.faq-question summary{position:relative;list-style:none;cursor:pointer;padding:17px 36px 17px 0;color:var(--navy);font-size:17px;font-weight:650;line-height:1.45;letter-spacing:0;text-transform:none}
.faq-question:first-child summary{padding-top:0}
.faq-question summary::-webkit-details-marker{display:none}
.faq-toggle{position:absolute;right:4px;top:24px;width:13px;height:13px;color:var(--accent)}
.faq-question:first-child .faq-toggle{top:7px}
.faq-toggle:before,.faq-toggle:after{content:'';position:absolute;top:6px;left:0;width:13px;height:1.5px;background:currentColor}
.faq-toggle:after{transform:rotate(90deg)}
.faq-question[open] .faq-toggle:after{transform:none}
.faq-question summary:hover{color:var(--accent)}
.faq-question summary:focus-visible,.faq-topic-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:2px}
.faq-answer{max-width:65ch;padding:0 32px 22px 0}
.faq-answer p{font-size:16px;font-weight:400;line-height:1.7;margin:0 0 14px;color:var(--navy);text-transform:none;letter-spacing:0;overflow-wrap:break-word}
.faq-answer p:last-child{margin-bottom:0}
.faq-answer a{color:inherit;text-decoration:underline;text-decoration-color:#142d4c66;text-underline-offset:3px}
.faq-answer a:hover{color:var(--accent)}
@media(max-width:760px){.faq-topic{grid-template-columns:minmax(0,1fr);gap:22px;padding:26px 0}.faq-topic-header h3{font-size:22px}.faq-topic-nav{gap:8px 22px}.faq-topic-nav a{gap:9px}.faq-answer{padding-right:0}.faq-question summary{font-size:17px}.faq-attribution{font-size:14px}}
@media print{.faq-question::details-content{display:block}.faq-topic-nav,.faq-toggle{display:none}}
/* Inset answer text while retaining its comfortable reading measure. */
.faq-answer{margin-left:clamp(18px,4vw,56px);max-width:65ch;padding-right:0}
@media(max-width:760px){.faq-answer{margin-left:18px}}
/* Wider answer lines with the existing inset retained. */
.faq-answer{max-width:none}
/* Larger type throughout the FAQ. */

.faq-topic-nav a{font-size:17px}
.faq-topic-number{font-size:14px}
.faq-topic-header h3{font-size:26px}
.faq-attribution{font-size:17px}
.faq-question summary{font-size:20px}
.faq-answer p{font-size:19px;line-height:1.65}
@media(max-width:760px){
 .faq-topic-header h3{font-size:25px}
 .faq-question summary{font-size:19px}
 .faq-answer p{font-size:18px}
 .faq-attribution{font-size:16px}
}

/* Keep one 24px gap after each topic instead of stacking question and topic padding. */
#faq-page .faq-topic { padding-bottom: 24px; }
#faq-page .faq-topic:last-child { padding-bottom: 0; }
#faq-page .faq-question:last-child:not([open]) > summary,
#faq-page .faq-question:last-child > .faq-answer {
  padding-bottom: 0;
}

/* --- FAQ styling from this session, moved here from faq-topics.css after the restyle unlinked it. --- */
/* Numbered topic links with the ticket button's arrow, turned to point down-right. */
.faq-topic-nav{gap:10px 48px}
.faq-topic-nav a{gap:10px}
.faq-topic-nav a>span{display:inline-flex;align-items:center;gap:6px;color:var(--navy)}
.faq-nav-number{color:var(--accent)}
.faq-nav-arrow{display:inline-block;color:var(--accent);flex:none}
/* Topic numbers at the title size, solid dividers, attribution under the title. */
.faq-topic-number{font-size:26px;letter-spacing:0;line-height:1.25}
.faq-topic+.faq-topic{border-top:2px solid var(--navy)}
.faq-topic-header{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:baseline;align-content:start}
.faq-topic-header .faq-attribution{grid-column:2;margin:10px 0 0;font-size:15px;line-height:1.5}
/* Answers line up with their questions. */
.faq-answer{margin-left:0}
@media(max-width:760px){.faq-topic-number{font-size:25px}.faq-answer{margin-left:0}.faq-topic-nav{gap:8px 32px}.faq-topic-header .faq-attribution{font-size:15px}}
/* Orange topic-link numbers; attribution flush with the section number. */
.faq-topic-nav a>span.faq-nav-number{color:var(--accent)}
.faq-topic-header .faq-attribution{grid-column:1/-1}
/* Checkout button shares the ticket button's arrow. */
.ticket-action .ticket-arrow{display:inline-block;vertical-align:-3px;margin-left:2px}
/* Arrows in the title color; hover underlines the label only; attribution upright. */
.faq-nav-arrow{color:inherit}
.faq-topic-nav a:hover{text-decoration:none}
.faq-topic-nav a:hover .faq-nav-label{text-decoration:underline;text-underline-offset:4px}
.faq-attribution{font-style:normal}
/* Phones: one row of topic links, arrows hidden to make room. */
@media(max-width:760px){.faq-topic-nav{flex-wrap:nowrap;justify-content:space-between;gap:0}.faq-topic-nav a{white-space:nowrap;font-size:clamp(13px,4vw,17px);gap:6px}.faq-nav-arrow{width:.85em;height:.85em}.faq-topic-nav a>span{gap:3px}}
