.transition-page{max-width:1120px;margin:auto;padding:clamp(24px,5vw,64px) 20px;color:#234c3c}
.transition-page h1{font-size:clamp(2.1rem,5vw,3.7rem);line-height:1.08;max-width:850px;margin:12px 0 22px}
.transition-page h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;margin-top:0}
.transition-page p,.transition-page li{line-height:1.7}.transition-intro{max-width:780px;font-size:1.15rem}
.transition-jumps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:30px 0}
.transition-jumps a{border:1px solid #bfd0c4;border-radius:14px;background:#fff;padding:18px 14px;text-decoration:none;font-weight:700;line-height:1.4}
.transition-jumps span{display:block;color:#587563;font-size:.8rem;margin-bottom:10px}.transition-jumps a:hover{background:#edf4ee}.transition-page a:focus-visible,.transition-page button:focus-visible,.transition-page input:focus-visible{outline:3px solid #995522;outline-offset:4px}
.transition-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 42px}.transition-roadmap article{padding:22px;background:#f0f4ec;border-radius:16px}.transition-roadmap h3{margin:0;font-size:1.12rem}
.transition-section{scroll-margin-top:30px;margin:28px 0;padding:clamp(20px,4vw,36px);border:1px solid #cbd7ca;background:white;border-radius:20px}.transition-section>p{max-width:820px}
.transition-section .transition-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:30px}.transition-resource{padding:16px 0;border-top:1px solid #dbe3d8}.transition-resource h3{font-size:1.05rem;margin:0 0 8px}.transition-resource p{font-size:.95rem;margin:4px 0 12px}.transition-scope{font-size:.8rem!important;color:#536d60;font-weight:700}.transition-resource a{overflow-wrap:anywhere;font-weight:700}
.transition-questions{background:#f4f5ee;border-radius:12px;padding:22px}.transition-questions h3{margin-top:0}.transition-questions ul{padding-left:20px}.transition-sources{font-size:.9rem;color:#53675a}.transition-actions label{display:flex;gap:12px;align-items:flex-start;margin:15px 0;line-height:1.6}.transition-actions input{flex:0 0 auto;width:20px;height:20px;margin-top:3px;accent-color:#234c3c}.transition-actions button{margin-top:12px}.transition-callout{max-width:1080px;margin:24px auto;padding:22px;background:#edf4ee;border-radius:16px}.transition-callout h2{margin:0 0 10px;font-size:1.4rem}
@media(max-width:760px){.transition-jumps{grid-template-columns:repeat(2,minmax(0,1fr))}.transition-roadmap,.transition-section .transition-columns{grid-template-columns:1fr}.transition-jumps a:last-child{grid-column:1/-1}.transition-page{padding:30px 16px}.transition-section{padding:20px}.transition-columns{gap:16px!important}}
@media print{body.page-transition>*:not(main){display:none!important}body main.transition-page{display:block!important;max-width:none;padding:0;color:#000}body main.transition-page *{box-shadow:none!important}.transition-page .transition-jumps,.transition-page button{display:none!important}.transition-page .transition-section{break-inside:auto;border:1px solid #bbb;border-radius:0;padding:16px}.transition-page .transition-columns{display:block}.transition-page .transition-roadmap{display:block}.transition-page .transition-roadmap article{margin:8px 0}.transition-page a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;overflow-wrap:anywhere}.transition-page h2,.transition-page h3{break-after:avoid}.transition-resource,.transition-actions label{break-inside:avoid}}