:root { --pass-deep:#062b40; --pass-orange:#d8450d; --pass-lime:#d7df00; }
.pass-guide-page { min-height:100vh; color:var(--pass-deep); background:radial-gradient(circle at 84% 9%,rgba(215,223,0,.2),transparent 24rem),#f4f0e9; }
.pass-guide-header { background:rgba(248,245,239,.92); }
.pass-guide-shell { width:min(1120px,calc(100% - 48px)); min-height:600px; margin:52px auto; display:grid; grid-template-columns:320px 1fr; overflow:hidden; border:1px solid rgba(6,43,64,.16); border-radius:30px; background:#faf8f4; box-shadow:0 24px 70px rgba(6,43,64,.14); }
.pass-guide-sidebar { padding:42px 36px; color:white; background:linear-gradient(rgba(6,43,64,.96),rgba(4,32,47,.98)),image-set(url("assets/hero-layers/responsive/hero-bg-static-mobile-v4.webp?v=opt-20260830") type("image/webp") 1x,url("assets/hero-layers/responsive/hero-bg-static-mobile-v4.png") type("image/png") 1x) center/cover; }
.pass-guide-eyebrow,.pass-guide-question__eyebrow { margin:0 0 12px; color:var(--pass-lime); font-size:.75rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.pass-guide-sidebar h1 { margin:0; font-size:clamp(2rem,3vw,2.8rem); line-height:1; }.pass-guide-sidebar>p:not(.pass-guide-eyebrow) { color:rgba(255,255,255,.76); line-height:1.5; }
.pass-guide-progress { margin:32px 0 0;padding:0;list-style:none; }.pass-guide-progress li { display:flex;align-items:center;gap:12px;min-height:48px;color:rgba(255,255,255,.52); }.pass-guide-progress span { display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;font-size:.75rem; }.pass-guide-progress .is-active{color:white}.pass-guide-progress .is-active span{color:var(--pass-deep);border-color:var(--pass-lime);background:var(--pass-lime)}.pass-guide-progress .is-complete{color:var(--pass-lime)}
.pass-guide-summary { margin-top:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.22); }.pass-guide-summary h2{margin:0 0 10px;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.pass-guide-summary p{margin:0;color:rgba(255,255,255,.76);font-size:.84rem;line-height:1.5}
.pass-guide-card { padding:clamp(32px,6vw,70px); }.pass-guide-card__topline{display:flex;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid rgba(6,43,64,.18);color:#567080;font-size:.8rem;font-weight:700}.pass-guide-card__topline span:last-child{color:var(--pass-orange)}
.pass-guide-question,.pass-guide-results{padding-top:40px}.pass-guide-question__eyebrow{color:var(--pass-orange)}.pass-guide-question h2,.pass-guide-results h2{margin:0;max-width:650px;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.pass-guide-results h2 em{color:var(--pass-orange);font-style:normal}.pass-guide-question__lead,.pass-guide-results>p{max-width:650px;color:#506a78;line-height:1.55}
.pass-guide-options{display:grid;gap:12px;max-width:650px}.pass-guide-option{position:relative}.pass-guide-option input{position:absolute;opacity:0}.pass-guide-option span{display:flex;flex-direction:column;gap:4px;min-height:72px;padding:16px 18px;border:2px solid rgba(6,43,64,.16);border-radius:14px;background:white;cursor:pointer}.pass-guide-option small{color:#627987}.pass-guide-option input:checked+span{border-color:var(--pass-orange);background:#fff7f1;box-shadow:inset 5px 0 0 var(--pass-orange)}.pass-guide-option input:focus-visible+span{outline:3px solid var(--pass-lime);outline-offset:2px}
.pass-guide-actions{display:flex;gap:12px;margin-top:30px}.pass-guide-action{display:inline-grid;place-items:center;min-height:52px;padding:0 22px;border:1px solid var(--pass-deep);border-radius:12px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.pass-guide-action--primary{color:white;border-color:var(--pass-orange);background:var(--pass-orange)}.pass-guide-action--secondary{background:transparent}.pass-guide-action:disabled{opacity:.45;cursor:not-allowed}.pass-guide-error{min-height:20px;margin:10px 0;color:#a22c08;font-weight:700}
.pass-guide-result{max-width:650px;margin-top:26px;padding:25px;border:2px solid var(--pass-orange);border-radius:18px;background:white;box-shadow:0 10px 28px rgba(216,69,13,.1)}.pass-guide-result>span{display:inline-block;padding:5px 8px;background:var(--pass-lime);font-size:.68rem;font-weight:900;text-transform:uppercase}.pass-guide-result h3{margin:14px 0;font-size:1.7rem}.pass-guide-result__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px 0;border-top:1px solid rgba(6,43,64,.16);border-bottom:1px solid rgba(6,43,64,.16)}.pass-guide-result__facts small{color:#627987}.pass-guide-result p{line-height:1.5}.pass-guide-result__actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pass-guide-result__actions>a:not(.pass-guide-action){color:var(--pass-deep);font-weight:800}.pass-guide-empty{margin-top:40px;padding:25px;border-left:5px solid var(--pass-orange);background:white}.pass-guide-noscript{margin:20px;padding:20px;background:white}
.pass-guide-result__notice{padding:14px 16px;border-left:4px solid var(--pass-orange);background:#fff6ef;color:#506a78}
.pass-guide-results__hint{margin-top:25px!important;font-size:.9rem}.pass-guide-passes{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.pass-guide-passes__recommended{filter:drop-shadow(0 0 0 var(--pass-orange))}.pass-guide-passes__recommended .pass-card-toggle{outline:3px solid var(--pass-orange);outline-offset:5px}
.pass-guide-passes:not(:has(.pass-card:nth-child(2))){grid-template-columns:minmax(0,300px)}.pass-guide-show-all{margin-top:22px;padding:0;border:0;color:var(--pass-deep);background:transparent;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
@media(max-width:850px){.pass-guide-shell{width:min(100% - 24px,720px);margin:20px auto;grid-template-columns:1fr}.pass-guide-sidebar{padding:26px 24px}.pass-guide-progress{display:flex;gap:20px}.pass-guide-progress strong{display:none}.pass-guide-summary{margin-top:20px}.pass-guide-card{padding:30px 24px 38px}}
@media(max-width:680px){.pass-guide-passes{grid-template-columns:1fr}}
@media(max-width:560px){.pass-guide-shell{width:100%;margin:0;border:0;border-radius:0}.pass-guide-sidebar{padding:22px 18px}.pass-guide-summary{display:none}.pass-guide-card{padding:24px 18px 34px}.pass-guide-card__topline{font-size:.72rem}.pass-guide-question h2,.pass-guide-results h2{font-size:2rem}.pass-guide-actions,.pass-guide-result__actions{flex-direction:column;align-items:stretch}.pass-guide-action{width:100%}.pass-guide-result__facts{grid-template-columns:1fr}}