.page-with-chooser .page-intro{padding-block:30px 32px;grid-template-columns:minmax(0,1fr) 140px;gap:40px}
.page-with-chooser .page-intro h1{font-size:49px;margin-top:13px}.page-with-chooser .page-lead{font-size:16px;margin-top:17px;max-width:760px}
.page-with-chooser .page-emblem{width:120px;height:120px}.page-with-chooser .page-emblem .icon{width:69px;height:69px}
.direction-chooser{margin-bottom:55px}.chooser-shell{padding:30px;border:1px solid #86522f;background:radial-gradient(ellipse at 10% 0,#81431e25,transparent 70%),#21140e;border-radius:4px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:0 45px;position:relative}
.chooser-shell:before{content:'';position:absolute;top:-1px;left:30px;width:45%;height:1px;background:linear-gradient(90deg,#f6d696,#ef5d25,transparent)}
.chooser-heading h2{font-size:32px;line-height:1.15;letter-spacing:-.035em;margin-top:15px;max-width:330px}.chooser-heading>p:not(.eyebrow){font-size:14px;line-height:1.65;color:#c4ac99;margin-top:16px;max-width:320px}.chooser-heading .chooser-note{font-size:12px!important;color:#b0947e!important;margin-top:14px!important}
.chooser-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-self:start}
.chooser-option{position:relative;display:grid;grid-template-columns:23px minmax(0,1fr) 14px;gap:12px;align-items:center;width:100%;padding:16px 17px;text-align:left;background:#160e0b;border:1px solid #74472e;border-radius:3px;color:#ecdcca;font-size:14px;font-weight:600;line-height:1.45;min-height:88px;transition:background .15s,border-color .15s,color .15s}
.chooser-symbol{display:flex;color:#eac184}.chooser-symbol .icon{width:22px;height:22px;stroke-width:1.3}.chooser-option-arrow{font-size:18px;color:#a87b55}
.chooser-option:hover{border-color:#efc578;background:#2e1e14}.chooser-option:focus-visible{outline:3px solid #ffd58a;outline-offset:4px;z-index:1}
.chooser-option[aria-pressed=true]{border-color:#ffd58a;background:#ecc382;color:#27150b;box-shadow:inset 0 0 0 1px #ffdb9c}.chooser-option[aria-pressed=true] .chooser-symbol,.chooser-option[aria-pressed=true] .chooser-option-arrow{color:#4b2b12}
.chooser-result{grid-column:1/-1}.chooser-result:not(:empty){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px 40px;margin-top:24px;padding-top:24px;border-top:1px solid #745033}
.chooser-result h3{font-size:25px;letter-spacing:-.025em;line-height:1.25;margin-top:8px}.chooser-result p:not(.eyebrow){font-size:14px;line-height:1.7;color:#d0b8a3;max-width:760px;margin-top:12px}.chooser-result .eyebrow{font-size:9px;color:#edbf7b}.chooser-result .button{gap:28px;white-space:nowrap;min-width:174px}
@media(max-width:1120px){.chooser-shell{gap:0 30px;padding:26px}.chooser-option{padding:14px;gap:10px;font-size:13px}.chooser-heading h2{font-size:29px}}
@media(max-width:860px){.chooser-shell{grid-template-columns:minmax(0,1fr);gap:22px}.chooser-heading{max-width:600px}.chooser-heading h2{max-width:none;font-size:32px}.chooser-heading>p:not(.eyebrow){max-width:none}.chooser-heading .chooser-note{margin-top:8px!important}.chooser-result:not(:empty){margin-top:0}.chooser-option{font-size:14px;min-height:78px}.page-with-chooser .page-intro h1{font-size:44px}}
@media(max-width:640px){.page-with-chooser .page-intro{padding-block:24px 26px;grid-template-columns:minmax(0,1fr);gap:0}.page-with-chooser .page-intro h1{font-size:40px}.page-with-chooser .page-lead{font-size:14px;margin-top:16px}.direction-chooser{margin-bottom:40px}.chooser-shell{padding:25px 20px;gap:22px}.chooser-heading h2{font-size:29px;margin-top:12px}.chooser-heading>p:not(.eyebrow){font-size:14px;margin-top:14px}.chooser-options{grid-template-columns:minmax(0,1fr);gap:10px}.chooser-option{min-height:65px;padding:13px 14px;gap:12px}.chooser-result:not(:empty){grid-template-columns:minmax(0,1fr);gap:21px;padding-top:22px}.chooser-result h3{font-size:24px}.chooser-result p:not(.eyebrow){font-size:13px}.chooser-result .button{justify-self:start;white-space:normal;max-width:100%;min-width:0;min-height:52px;font-size:13px;padding:13px 18px}.chooser-shell:before{left:20px;width:65%}}
@media(max-width:360px){.chooser-shell{padding:23px 18px}.chooser-heading h2{font-size:27px}.chooser-option{grid-template-columns:21px minmax(0,1fr) 12px;gap:10px;font-size:13px}.chooser-symbol .icon{width:21px;height:21px}.chooser-result h3{font-size:23px}}
