/* Shared, progressively enhanced editorial presentation. Native details work without JS. */
.content-main .faq-section{max-width:1000px;margin-inline:auto}
.content-main .faq-list{gap:14px}
.content-main .faq-card{margin-block:12px;overflow:hidden;border:1px solid #dce3e2;border-left:3px solid #dce3e2;border-radius:14px;background:#fff;box-shadow:none;transition:border-color .16s ease}
.content-main .faq-list>.faq-card{margin:0}
.content-main .faq-card>summary{gap:20px;min-height:60px;padding:17px 20px;font-weight:700;line-height:1.55;color:var(--navy);background:#fafaf7}
.content-main .faq-question{min-width:0;text-wrap:pretty}
.content-main .faq-card>summary:hover{background:#f5f4ef}
.content-main .faq-card>summary:focus-visible{outline:3px solid var(--orange-dark);outline-offset:-4px;border-radius:11px}
.content-main .faq-indicator{flex:0 0 28px;width:28px;height:28px;border:1px solid #c5d0d3;border-radius:8px;background:#fff}
.content-main .faq-indicator:before,.content-main .faq-indicator:after{top:12px;left:7px;background:var(--navy);transition:transform .16s ease}
.content-main .faq-card[open]{border-left-color:var(--orange-dark)}
.content-main .faq-card[open]>summary{color:var(--navy);background:#f5f2ec}
.content-main .faq-card[open] .faq-indicator{background:var(--navy);border-color:var(--navy)}
.content-main .faq-card[open] .faq-indicator:before,.content-main .faq-card[open] .faq-indicator:after{background:#fff}
.content-main .faq-answer{padding:4px 20px 20px;border-top:1px solid #e7e9e6}
.content-main .faq-answer>.section-text{max-width:76ch;line-height:1.8}
.content-main .faq-answer a:focus-visible{outline:3px solid var(--orange-dark);outline-offset:3px}

/* Six selected guides use varied surfaces, existing checklists and split editorial sections. */
.reading-page .content-main{width:min(1060px,100%)}
.reading-page .content-section{scroll-margin-top:120px}
.reading-page .content-section.reading-panel{margin-block:26px;padding:26px 28px;border:1px solid #e0e5e3;border-radius:16px;background:#f5f4ef}
.reading-page .reading-panel>h2{margin-top:0}
.reading-page .content-section.reading-split{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:36px;align-items:start;padding-block:38px}
.reading-page .reading-split>h2{margin:0;font-size:clamp(22px,2.2vw,28px);line-height:1.35;text-wrap:pretty}
.reading-page .reading-section-body{min-width:0}
.reading-page .reading-section-body>:first-child{margin-top:0}
.reading-page .reading-section-body>:last-child{margin-bottom:0}
.reading-page .reading-section-body .official-source-block{grid-template-columns:1fr;padding:16px 18px}
.reading-page .reading-steps .step-list{list-style:none;counter-reset:reading-step;padding:0;display:grid;gap:12px;max-width:none}
.reading-page .reading-steps .step-list>li{counter-increment:reading-step;position:relative;min-width:0;min-height:48px;padding:14px 16px 14px 58px;border:1px solid #dce3e2;border-radius:10px;background:#fff}
.reading-page .reading-steps .step-list>li:before{content:counter(reading-step,decimal-leading-zero);position:absolute;left:16px;top:15px;color:var(--orange-dark);font-weight:800;font-size:14px}
.reading-page .reading-checklist .content-list{padding-left:24px}
.reading-page .reading-checklist .content-list>li{padding-block:5px;padding-left:5px}
.reading-page .reading-checklist .content-list>li::marker{color:var(--orange-dark)}
.reading-page .guide-contents{padding:20px 22px;margin-bottom:32px;border:1px solid #dce3e2;border-radius:14px;background:#fff}
.reading-page .guide-contents>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 22px}
.reading-page .guide-contents a{min-height:44px;padding:8px 0;line-height:1.5;text-decoration-thickness:1px;text-decoration-color:#bbc9cc}
.reading-page .guide-contents a:hover{color:var(--orange-dark)}
.reading-page .guide-contents a:focus-visible{outline:3px solid var(--orange-dark);outline-offset:2px}
@media(min-width:900px){.reading-page .reading-steps .step-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .content-main .faq-list{gap:11px}
 .content-main .faq-card{border-radius:12px}
 .content-main .faq-card>summary{min-height:58px;gap:12px;padding:14px;font-size:15px}
 .content-main .faq-answer{padding:2px 14px 16px}
 .reading-page .content-section.reading-split{display:block;padding-block:28px}
 .reading-page .reading-split>h2{margin-bottom:18px}
 .reading-page .content-section.reading-panel{margin-block:20px;padding:22px 18px;border-radius:12px}
 .reading-page .guide-contents{padding:18px}
 .reading-page .guide-contents>div{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 .content-main .faq-card,.content-main .faq-indicator:before,.content-main .faq-indicator:after{transition:none;animation:none}
 .reading-page{scroll-behavior:auto}
}