.answer-page{max-width:1100px;padding:65px 22px 100px}
.answer-head nav{display:flex;gap:10px;color:var(--green);font-size:13px}
.answer-head>span{display:block;margin:28px 0 13px}
.answer-head h1{font-size:clamp(44px,6.3vw,74px);line-height:1.08;letter-spacing:-.055em;margin:0;max-width:1040px}
.answer-head>p{font-size:19px;color:var(--muted);max-width:780px}
.direct-answer{background:var(--green);color:#fff;margin-top:45px;padding:34px 42px;display:grid;grid-template-columns:150px 150px 1fr;gap:20px;align-items:start}
.direct-answer>span{color:var(--green2);padding-top:9px}
.direct-answer h2{font-size:28px;margin:0}
.direct-answer p{font-size:21px;line-height:1.65;margin:0}
.first-move{display:grid;grid-template-columns:.9fr 1.1fr;border:2px solid var(--ink);margin:28px 0 60px}
.first-move>div{padding:32px;border-right:2px solid var(--ink)}
.first-move h2{font-size:27px;margin:8px 0}
.first-move dl{display:grid;grid-template-columns:82px 1fr;margin:0}
.first-move dt,.first-move dd{margin:0;padding:11px 15px;border-bottom:1px solid var(--gray)}
.first-move dt{font-weight:800;color:var(--green)}
.answer-body{display:grid;grid-template-columns:220px minmax(0,720px);gap:60px;align-items:start}
.answer-map{position:sticky;top:20px;display:grid;border-top:4px solid var(--ink)}
.answer-map b{padding:13px 0;color:var(--green)}
.answer-map a{font-size:12px;border-top:1px solid #a7aea8;padding:9px 0}
.answer-copy section{padding:0 0 38px 60px;position:relative;border-left:2px solid var(--ink)}
.answer-copy section>span{position:absolute;left:-21px;top:0;width:40px;height:40px;border-radius:50%;background:var(--paper);border:2px solid var(--green);display:grid;place-items:center;font-weight:900;color:var(--green)}
.answer-copy h2{font-size:29px;line-height:1.3;margin:0 0 13px}
.answer-copy p{font-size:18px;line-height:1.95;margin:0}
.safety-stop{background:var(--ink);color:#fff;padding:28px 32px;margin-top:15px}
.safety-stop b{color:var(--green2);font-size:20px}
.related{margin-top:70px;border-top:4px solid var(--green);padding-top:25px}
.related h2{font-size:32px;margin:8px 0}
.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.related a{border:1px solid var(--ink);padding:18px;font-weight:800}
.tree-intro,.support-intro,.about-intro,.contact-intro{background:var(--white)}
.decision-tree{max-width:900px;padding:55px 0 100px}
.tree-question,.decision-tree article{border:2px solid var(--ink);padding:28px;margin-bottom:16px;background:var(--white)}
.tree-question span,.decision-tree article>span{color:var(--green);font-weight:900}
.tree-question b{display:block;font-size:28px;margin:10px 0}
.decision-tree button{border:2px solid var(--ink);background:transparent;padding:10px 18px;margin:5px;cursor:pointer;font-weight:800}
.decision-tree button:hover{background:var(--green);color:#fff}
.decision-tree article h2{font-size:26px}
.decision-tree article a{font-weight:800;color:var(--green);border-bottom:2px solid var(--green)}
.support-sheet{max-width:1000px;padding:50px 0 100px}
.support-sheet>header{display:grid;grid-template-columns:180px 1fr;background:var(--green);color:#fff;padding:25px}
.support-sheet>header b{font-size:22px}
.support-sheet>header p{margin:0}
.support-sheet>div{display:grid;grid-template-columns:1fr 1fr}
.support-sheet article{padding:28px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.support-sheet article i{font:900 25px Arial;color:var(--green)}
.support-sheet h2{font-size:23px}
.support-sheet aside{background:var(--ink);color:#fff;padding:28px}
.support-sheet aside b{color:var(--green2)}
.about-board{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ink);margin-top:45px;margin-bottom:90px;border:1px solid var(--ink)}
.about-board article{background:var(--white);padding:38px}
.about-board article>span{font:900 30px Arial;color:var(--green)}
.about-board h2{font-size:26px}
.about-board p{color:var(--muted)}
.about-contact{grid-column:1/-1}
.contact-card{display:grid;grid-template-columns:1.1fr .9fr;margin-top:50px;margin-bottom:100px;border:3px solid var(--ink)}
.contact-card>div{background:var(--ink);color:#fff;padding:45px;display:grid;gap:9px}
.contact-card>div span{font:800 11px ui-monospace,monospace;color:var(--green2)}
.contact-card>div b{font-size:29px}
.contact-card>div a{color:var(--green2)}
.contact-card ol{padding:38px 38px 38px 65px;margin:0}
.contact-card li{padding:10px 0;border-bottom:1px solid var(--gray)}
.missing-answer{text-align:center;padding:130px 20px}
.missing-answer>span{font:900 90px Arial;color:var(--green)}
.missing-answer h1{font-size:40px}
.missing-answer a{display:inline-block;background:var(--ink);color:#fff;padding:11px 18px}
