/* FAQ follows the site's shared type scale; all diagrams remain accessible text. */
.page-faq-index .page-head h1{max-width:24ch}
.page-faq-index .page-photo{height:225px}
.faq-directory{padding-block:28px 44px}
.faq-filter{margin-bottom:12px}
.faq-filter .field.select{flex:0 1 280px}
.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.faq-card{display:flex;flex-direction:column;min-width:0;text-decoration:none;border:1px solid var(--line);background:#fff;transition:border-color .2s,box-shadow .2s}
.faq-card:hover{border-color:#731e3659;box-shadow:0 8px 24px #39132108}
.faq-card-image{height:150px;overflow:hidden;background:var(--paper)}
.faq-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.faq-card:hover .faq-card-image img{transform:scale(1.025)}
.faq-card-copy{display:flex;flex-direction:column;gap:13px;padding:20px;flex:1}
.faq-card-meta{display:flex;justify-content:space-between;gap:10px;color:var(--burgundy);font-size:var(--type-small);line-height:1.4}
.faq-card h3{font-size:var(--type-h3);line-height:1.4;letter-spacing:0}
.faq-card p{font-size:var(--type-ui);line-height:1.55;margin:0}
.faq-read{margin-top:auto;padding-top:5px;color:var(--burgundy);display:flex;justify-content:space-between;gap:15px;font-size:var(--type-ui);font-weight:600}
.faq-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;padding-block:28px 34px;align-items:center}
.faq-hero .eyebrow{margin-bottom:14px}
.faq-hero h1{max-width:29ch;font-size:var(--type-h1);line-height:1.18}
.faq-short{margin-top:23px;border-left:2px solid var(--burgundy);padding-left:19px}
.faq-short h2{font-size:var(--type-ui);letter-spacing:0;color:var(--burgundy);margin-bottom:8px}
.faq-short p{font-size:var(--type-body);line-height:1.6;color:var(--ink);margin:0}
.faq-hero-photo{min-width:0}
.faq-hero-photo img{width:100%;height:300px;object-fit:cover;border-radius:2px}
.faq-hero-photo figcaption{font-size:var(--type-small);line-height:1.45;color:var(--muted);padding-top:10px}
body .faq-layout{grid-template-columns:210px minmax(0,940px);gap:38px}
.faq-layout .toc .faq-back{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);color:var(--burgundy)}
.faq-layout .article-body>section{margin-bottom:32px}
.faq-visual{display:grid;grid-template-columns:repeat(var(--faq-items),minmax(0,1fr));gap:0;list-style:none;padding:0;margin:0;border:1px solid var(--line);background:var(--paper)}
.faq-visual>li{margin:0;padding:18px 16px;min-width:0;position:relative}
.faq-visual>li+li{border-left:1px solid var(--line)}
.faq-visual-number{display:block;font-size:var(--type-small);font-weight:600;color:var(--burgundy);margin-bottom:16px}
.faq-layout .faq-visual h3{font-size:var(--type-body);line-height:1.4;margin:0 0 9px}
.faq-layout .faq-visual p{font-size:var(--type-ui);line-height:1.55;margin:0}
.faq-example{border:1px solid #164d382b;background:#f3f7f4;padding:20px 24px}
.faq-layout .faq-example h3{margin:0 0 10px;color:#164d38;font-size:var(--type-body)}
.faq-example p:last-child,.faq-caution p:last-child{margin-bottom:0}
.faq-steps{list-style:none;counter-reset:faq-step;margin:0;padding:0;display:grid;gap:0}
.faq-steps>li{counter-increment:faq-step;position:relative;padding:16px 0 16px 47px;margin:0;border-top:1px solid var(--line)}
.faq-steps>li:before{content:counter(faq-step,decimal-leading-zero);position:absolute;top:17px;left:0;color:var(--burgundy);font-weight:600;font-size:var(--type-ui)}
.faq-layout .faq-steps h3{margin:0 0 7px;font-size:var(--type-body)}
.faq-layout .faq-steps p{margin:0}
.faq-checklist{padding-left:22px}
.faq-checklist li::marker{color:var(--burgundy)}
.faq-caution{border-left:2px solid var(--burgundy);background:var(--paper);padding:18px 22px}
.faq-help{border:1px solid var(--line);padding:24px}
.faq-help .button{min-height:44px;font-size:var(--type-ui);padding:12px 18px}
.faq-all-link{display:inline-block;margin-top:20px;font-size:var(--type-ui)}
.faq-mobile-toc{display:none}
.faq-more .detail-related{grid-template-columns:1fr}
@media(max-width:1200px){.faq-visual{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-visual>li:nth-child(odd){border-left:0}.faq-visual>li:nth-child(n+3){border-top:1px solid var(--line)}}
@media(max-width:1000px){.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-hero{gap:25px;grid-template-columns:1.2fr 1fr}body .faq-layout{grid-template-columns:170px minmax(0,1fr);gap:28px}.faq-hero-photo img{height:280px}}
@media(max-width:900px){body .faq-layout{grid-template-columns:1fr;gap:22px}.faq-layout>.toc{display:none}.faq-mobile-toc{display:block;border-block:1px solid var(--line);padding-block:14px;font-size:var(--type-ui)}.faq-mobile-toc summary{font-weight:600;color:var(--burgundy)}.faq-mobile-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;padding-top:18px}.faq-mobile-toc a{text-decoration:none}.faq-hero h1{font-size:var(--type-h1)}}
@media(max-width:680px){.faq-grid{grid-template-columns:1fr;gap:16px}.faq-card-image{height:160px}.faq-card-copy{padding:18px}.faq-filter .field.select{flex:1 1 100%}.faq-hero{grid-template-columns:1fr;gap:22px;padding-block:20px 25px}.faq-hero h1{max-width:none}.faq-short{margin-top:18px;padding-left:15px}.faq-hero-photo img{height:220px}.faq-hero-photo figcaption{font-size:var(--type-small)}.faq-visual>li{padding:16px 13px}.faq-visual-number{margin-bottom:11px}.faq-layout .article-body>section{margin-bottom:28px}.faq-example,.faq-caution,.faq-help{padding:18px}.faq-mobile-toc nav{grid-template-columns:1fr}.faq-steps>li{padding-left:39px}.page-faq-index .page-photo{height:170px}}
@media(max-width:380px){.faq-visual{grid-template-columns:1fr}.faq-visual>li+li{border-left:0;border-top:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){.faq-card,.faq-card-image img{transition:none}}
@media print{.faq-mobile-toc,.faq-help,.faq-more{display:none}.faq-hero{grid-template-columns:1fr 1fr}.faq-hero-photo img{height:180px}.faq-visual,.faq-example{break-inside:avoid}}


.faq-layout .toc{scrollbar-width:thin;scrollbar-color:#731e3650 transparent}
@media(min-width:381px) and (max-width:1200px){.faq-visual>li:last-child:nth-child(odd){grid-column:1/-1}}

.faq-register-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.faq-register-actions a{padding:9px 12px;border:1px solid #731e3630;font-size:var(--type-ui);text-decoration:none;color:var(--burgundy);background:#ffffff80}.faq-register-actions a:hover{background:#fff}