.decision-page { background:#fafbf8; }
.decision-page .decision-intro { padding:clamp(48px,6vw,82px) 0 45px; background:radial-gradient(circle at 90% 5%,#c5eeeb 0,transparent 35%),#f6faf7; }
.decision-eyebrow { display:flex; align-items:center; gap:12px; margin:0 0 18px; color:#0b7581; font-size:.72rem; font-weight:800; letter-spacing:.2em; }
.decision-eyebrow::before { content:""; width:38px; height:2px; background:#dcb74c; }
.decision-intro h1 { max-width:850px; margin:0; color:#092e44; font-size:clamp(2.2rem,5.8vw,5.1rem); line-height:1.35; letter-spacing:-.045em; }
.decision-intro h1 em { color:#0b8490; font-style:normal; }
.decision-intro .wrap>p:not(.decision-eyebrow) { max-width:620px; margin:20px 0 0; color:#4b6570; font-size:1.02rem; line-height:1.8; }
.decision-intro-link { display:inline-block; margin-top:24px; padding-bottom:5px; color:#0b6577; font-weight:800; border-bottom:1px solid currentColor; }
.decision-page .decision-section { padding:24px 0 72px; scroll-margin-top:80px; background:linear-gradient(#f6faf7 0 65px,#fafbf8 65px); }
.decision-layout { display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); gap:clamp(22px,3vw,42px); }
.decision-question { align-self:start; padding:31px; background:#073b52; color:#fff; border-radius:4px 30px 4px 30px; box-shadow:15px 18px 0 #d8eae5; }
.decision-num { display:block; color:#89d8d4; font-size:.76rem; font-weight:700; letter-spacing:.14em; }
.decision-question h2 { margin:12px 0 8px; color:#fff; font-size:clamp(1.35rem,2.5vw,1.9rem); line-height:1.45; }
.decision-question>p { margin:0 0 25px; color:#bed3d7; font-size:.89rem; line-height:1.7; }
.decision-choices { display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.decision-choice { position:relative; min-height:105px; padding:16px 15px; border:1px solid #467286; background:#0b4760; color:#eaf7f5; text-align:left; border-radius:3px 16px 3px 16px; font:inherit; cursor:pointer; transition:transform .18s,border-color .18s,background .18s; }
.decision-choice:hover { transform:translateY(-2px); border-color:#9de4de; }
.decision-choice[aria-pressed="true"] { background:#d6f1e8; color:#073b52; border-color:#d6f1e8; box-shadow:inset 0 0 0 2px #0a8390; }
.decision-choice small { display:block; margin-bottom:9px; font-size:.65rem; letter-spacing:.13em; opacity:.75; }
.decision-choice strong { display:block; font-size:1rem; line-height:1.4; }
.decision-choice::after { content:"↗"; position:absolute; right:13px; top:12px; font-size:1.1rem; opacity:.65; }
.decision-choice:focus-visible,.decision-page a:focus-visible { outline:3px solid #0aaabd; outline-offset:3px; }
.decision-question .decision-question-foot { margin:24px 0 0; color:#a6cece; font-size:.76rem; }
.decision-route { position:relative; min-width:0; align-self:stretch; padding:31px clamp(23px,3vw,44px) 36px; background:#fff; border:1px solid #d8e7e2; border-top:5px solid #0c8990; border-radius:26px 4px 26px 4px; box-shadow:0 18px 50px #10394a0c; }
.decision-route-top { display:flex; justify-content:space-between; gap:15px; align-items:start; color:#0b7e89; font-size:.7rem; font-weight:900; letter-spacing:.2em; }
.decision-badge { padding:7px 10px; background:#f4e6b6; color:#584916; font-size:.7rem; font-weight:800; letter-spacing:0; white-space:nowrap; }
.decision-route h2 { margin:20px 0 8px; color:#093648; font-size:clamp(1.8rem,3.5vw,2.8rem); line-height:1.4; letter-spacing:-.035em; }
.decision-route>#decision-desc { max-width:550px; min-height:3.5em; margin:0; color:#506b72; line-height:1.8; font-size:.94rem; }
.decision-path { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:36px 0 33px; }
.decision-path::before { content:""; position:absolute; left:8%; right:8%; top:20px; height:2px; background:linear-gradient(90deg,#0b8991,#78c9bc,#e1bd4e); }
.decision-step { position:relative; min-width:0; }
.decision-dot { display:grid; place-items:center; width:40px; height:40px; margin-bottom:18px; border-radius:50%; background:#087a89; color:#fff; font-size:.82rem; font-weight:800; box-shadow:0 0 0 5px #fff; }
.decision-step:nth-child(2) .decision-dot { background:#64b9b1; }
.decision-step:nth-child(3) .decision-dot { background:#d8ad3f; color:#123d4a; }
.decision-step small { display:block; margin-bottom:5px; color:#6e8789; font-size:.65rem; letter-spacing:.13em; }
.decision-step strong { display:block; color:#123d4a; font-size:.89rem; line-height:1.5; }
.decision-step p { margin:5px 0 0; color:#577078; font-size:.75rem; line-height:1.55; }
.decision-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; padding-top:23px; border-top:1px solid #e3ece8; }
.decision-primary { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; background:#0a657b; color:#fff; font-size:.87rem; font-weight:800; border-radius:30px; }
.decision-primary:hover { background:#084d61; color:#fff; }
.decision-secondary { padding:7px 0; color:#0b6577; font-size:.84rem; font-weight:700; border-bottom:1px solid currentColor; }
.decision-route .decision-route-foot { display:flex; align-items:center; gap:8px; margin:23px 0 0; color:#6b8185; font-size:.73rem; }
.decision-route-foot::before { content:"i"; display:grid; place-items:center; flex:none; width:17px; height:17px; border:1px solid #8db2b3; border-radius:50%; font:bold .65rem Georgia,serif; }
.decision-page .tool-card h3 { margin:0; color:#123d52; font-size:clamp(1.3rem,1.8vw,1.58rem); line-height:1.45; }
.decision-page .tools-next-inner { max-width:1180px; }
@media(max-width:820px) { .decision-layout { grid-template-columns:1fr; gap:30px; } .decision-question { box-shadow:9px 10px 0 #d8eae5; } .decision-route>#decision-desc { min-height:0; } }
@media(max-width:520px) { .decision-page .decision-intro { padding:42px 0 36px; } .decision-page .decision-section { padding:15px 0 55px; } .decision-question,.decision-route { padding:23px; } .decision-choices { gap:8px; } .decision-choice { min-height:91px; padding:13px 10px; } .decision-choice strong { font-size:.88rem; } .decision-choice small { font-size:.6rem; } .decision-path { gap:6px; } .decision-step strong { font-size:.78rem; } .decision-step p { font-size:.7rem; } .decision-actions { align-items:stretch; flex-direction:column; } .decision-primary,.decision-secondary { text-align:center; } }
@media(prefers-reduced-motion:reduce) { .decision-choice { transition:none; } }