[data-guide-page] { background: #f7f8f9; color: #111519; }
.guide-header { max-width: 1200px; margin: auto; padding: 1.25rem 2rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #c3c8cc; }
.guide-header .brand { gap: .65rem; font-size: 1rem; }
.guide-header .brand img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.guide-brand-copy { display: grid; gap: .15rem; line-height: 1.15; }
.guide-brand-copy strong { font-weight: 700; }
.guide-brand-copy small { color: #59636a; font-size: .7rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.guide-exit { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; font-size: .9rem; text-decoration: underline; text-underline-offset: .2em; white-space: nowrap; }
.guide-page { width: min(100%, 860px); padding: 2rem 2rem 1rem; margin: auto; }
.guide-form { min-height: 15rem; }
.guide-intro { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; padding: 1.1rem 1.25rem; color: #f7f8f9; background: #20282d; border-left: 4px solid #9daab1; }
.guide-intro .eyebrow { margin: 0 0 .2rem; color: #c6d0d4; font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.guide-intro h1 { font-size: clamp(1.35rem,2.2vw,1.75rem); line-height: 1.2; letter-spacing: -.02em; margin: 0; }
.guide-intro > p { color: #d3dade; font-size: .85rem; margin: 0; text-align: right; }
.guide-intro > p strong { color: #fff; font-size: .95rem; }
.guide-form { padding: 0; }
.guide-form .ep-quiz-progress { display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; }
.guide-form .ep-quiz-progress span { min-width: 3.5rem; text-align: right; }
.guide-form .ep-quiz-meter { margin: 0; height: 5px; accent-color: #394a54; }
.guide-form .ep-quiz-title { font-size: clamp(1.75rem,4vw,2.75rem); line-height: 1.13; letter-spacing: -.035em; margin: .5rem 0 1rem; scroll-margin-top: 1rem; }
.guide-form .ep-quiz-help { margin-bottom: 1.75rem; }
.guide-form .ep-quiz-options { display: grid; gap: .75rem; }
.guide-form .ep-quiz-areas { grid-template-columns: 1fr 1fr; }
.guide-form .ep-quiz-option { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 0; padding: 1.05rem 1.25rem; background: #fff; border: 1px solid #b3bbc0; color: #111519; min-height: 66px; border-radius: 4px; transition: background-color .15s, border-color .15s; }
.guide-form .ep-quiz-option:hover,.guide-form .ep-quiz-option.is-selected { background: #e8edef; border-color: #465863; }
.guide-form .ep-quiz-option strong { font-size: 1.05rem; font-weight: 600; line-height: 1.4; }
.guide-form .ep-quiz-option small { margin-top: .25rem; font-size: .875rem; line-height: 1.4; }
.ep-quiz-arrow { color: #495963; flex: 0 0 auto; font-size: 1.2rem; }
.guide-form .ep-quiz-note { margin: 1.5rem 0 0; }
.guide-form .ep-quiz-secondary { margin-bottom: .5rem; }
.ep-quiz-answers { border-block: 1px solid #b3bbc0; margin-top: 1.5rem; }
.ep-quiz-answers > summary { padding: .85rem 0; min-height: 48px; cursor: pointer; font-weight: 600; }
.guide-context { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; font-size: .875rem; color: #4d555b; padding-top: 1rem; align-items: center; }
.guide-context a { text-decoration: underline; text-underline-offset: .2em; min-height: 44px; display: inline-flex; align-items: center; }
.guide-footer { padding: 1rem 1.5rem 2rem; text-align: center; color: #4d555b; font-size: .875rem; line-height: 1.6; }
.guide-footer nav { display: flex; justify-content: center; gap: 1.5rem; }
.guide-footer a { min-height: 44px; display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: .2em; }
.guide-page :is(a,button,input,select,summary):focus-visible, .guide-header a:focus-visible, .guide-footer a:focus-visible { outline: 3px solid #455e70; outline-offset: 4px; }
@media(max-width:42rem) {
 .guide-header { padding: .8rem 1rem; }
 .guide-header .brand { font-size: .9rem; }
 .guide-header .brand img { width: 38px; height: 38px; }
 .guide-page { padding: 1.25rem 1rem 0; }
 .guide-intro { align-items: flex-start; margin-bottom: 1.25rem; padding: .9rem 1rem; }
 .guide-intro > p { flex: 0 0 auto; font-size: .78rem; }
 .guide-intro > p strong { font-size: .85rem; }
 .guide-form .ep-quiz-progress { margin-bottom: 1.5rem; }
 .guide-form .ep-quiz-title { font-size: clamp(1.6rem,6vw,2.25rem); }
 .guide-form .ep-quiz-help { font-size: .95rem; line-height: 1.45; margin-bottom: 1.25rem; }
 .guide-form .ep-quiz-option { padding: .85rem 1rem; min-height: 60px; border-radius: 3px; }
 .guide-form .ep-quiz-option strong { font-size: 1rem; }
 .guide-form .ep-quiz-areas { grid-template-columns: 1fr; gap: .5rem; }
 .guide-form .ep-quiz-areas .ep-quiz-option { min-height: 52px; padding: .65rem 1rem; }
 .guide-context { gap: .25rem 1rem; }
 .guide-footer { padding-inline: 1rem; text-align: left; }
 .guide-footer nav { justify-content: start; }
}
@media(prefers-reduced-motion:reduce) { .guide-form .ep-quiz-option { transition: none; } }

.guide-form .ep-quiz-title:focus { outline: none; }

.ep-quiz-selected-area { font-size: 1rem; font-weight: 700; line-height: 1.45; margin: 0 0 1rem; }