.extension-intro{margin:20px auto 70px;max-width:1280px;padding:55px 6%;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;background:#eceee3;border:1px solid #dce0cf;border-radius:12px}.extension-intro h2{margin:16px 0 20px}.extension-intro p{max-width:470px}.extension-intro .text-link{display:inline-flex;margin-top:23px}.extension-package{padding:35px;background:#fcfaf4;border:1px solid #ddd8cd;border-radius:10px;box-shadow:12px 12px 0 #dadfcc;transform:rotate(2deg)}.extension-package>span{font-size:10px;letter-spacing:.12em;color:#818572}.extension-package b{display:block;font-size:25px;font-weight:500;margin:30px 0}.extension-package b span{display:block;font-size:42px;font-family:var(--serif);color:var(--orange);margin-top:7px}.extension-package>div{display:flex;gap:8px}.extension-package i{font-style:normal;font-size:11px;border:1px solid #d9dccf;padding:6px 12px;border-radius:20px}.extension-package p{font-size:12px;margin-top:25px}.extension-explain{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding:40px 0 70px;border-bottom:1px solid var(--line)}.extension-explain h2{margin-bottom:25px}.extension-explain p+p{margin-top:18px}.extension-types{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:55px 0 70px}.extension-types article{border-top:1px solid var(--line);padding-top:24px}.extension-types article>span{font-size:11px;color:var(--orange)}.extension-types h3{font-size:21px;margin:17px 0 12px}.extension-now{padding:60px 0}.extension-heading{max-width:710px}.extension-heading h2{margin:17px 0}.extension-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:40px 0;gap:28px}.extension-steps b{font-size:30px;font-family:var(--serif);color:#9da38d}.extension-steps h3{font-size:18px;margin:16px 0 9px}.extension-steps p{font-size:13px}.extension-evidence{font-size:12px;margin:15px 0 25px}.extension-boundary{padding:24px 28px;border-left:3px solid #8b967b;background:#eceee3}.extension-boundary strong{font-weight:500}.extension-boundary p{margin-top:10px;font-size:13px}.extension-future{background:#273127;color:#fbf9ed;border-radius:12px;padding:70px 8%;margin:35px 0 70px}.extension-future .tiny-label{color:#b5bda8}.extension-future h2{font-size:clamp(32px,4.2vw,56px);margin:25px 0;line-height:1.45}.extension-future p{max-width:670px;color:#c4cbbb}.extension-future .serif-accent{color:#e99d73}.future-methods{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.future-methods span{border:1px solid #ffffff35;border-radius:30px;padding:10px 19px;font-size:13px}.extension-future .future-statement{font-size:20px;line-height:1.8;color:#f4f3e8;margin-top:30px}.extension-future small{display:block;font-size:12px;color:#a6af9c;margin-top:30px;line-height:1.8}.extension-closing{padding:10px 0 70px}.extension-closing p{margin:15px 0 25px}.extension-closing .text-link{margin-left:25px}.feature-extension-link{display:inline-flex;margin-top:18px;font-size:13px;color:var(--orange)}
@media(min-width:901px) and (max-width:1180px){.header{gap:16px;padding:0 4%}.header nav{gap:16px}.header nav a{font-size:12px}.brand-caption{display:none}.header-cta{padding:12px 16px!important}}
@media(max-width:800px){.extension-intro{grid-template-columns:1fr;gap:35px;padding:35px 7%;margin-bottom:45px}.extension-package{max-width:420px;width:100%;transform:none}.extension-explain{grid-template-columns:1fr;gap:22px;padding:25px 0 45px}.extension-types,.extension-steps{grid-template-columns:1fr;gap:28px}.extension-types{padding:35px 0}.extension-now{padding:30px 0}.extension-future{padding:40px 7%;margin:25px 0 45px}.future-methods{gap:8px}.future-methods span{font-size:11px;padding:8px 12px}.extension-closing .text-link{display:flex;margin:22px 0 0}.extension-boundary{padding:20px}.extension-package b span{font-size:36px}}

.extension-intro{width:88%}.extension-explain,.extension-types,.extension-now,.extension-closing{width:88%;max-width:1180px;margin-left:auto;margin-right:auto}.extension-future{width:88%;max-width:1180px;margin-left:auto;margin-right:auto}@media(min-width:801px) and (max-width:900px){.header{gap:10px}.header nav{gap:10px}.header nav a{font-size:10px}.brand-caption{display:none}}


.method-explorer{margin-top:35px;padding:28px;border:1px solid #ffffff30;border-radius:9px;background:#ffffff06}.method-intro{font-size:18px;color:#f4f3e8!important}.method-intro>span{display:block;font-size:11px;margin-top:6px;color:#abb5a1}.method-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.method-tabs button{border:1px solid #ffffff38;background:transparent;color:#d5ddca;border-radius:25px;padding:10px 17px;font-size:12px}.method-tabs button[aria-selected=true]{background:#f4efdf;color:#283327;border-color:#f4efdf}.method-flow{display:grid;grid-template-columns:1fr auto 1.25fr auto 1fr;gap:13px;align-items:center;margin:25px 0}.method-flow>div{min-width:0;border:1px solid #ffffff24;border-radius:6px;padding:20px 15px;min-height:102px;display:flex;flex-direction:column;justify-content:center}.method-flow span{font-size:10px;color:#adb9a0}.method-flow strong{display:block;font-weight:500;font-size:14px;line-height:1.8;margin-top:10px;overflow-wrap:anywhere}.method-flow .method-file{border-color:#bd956f;background:#b8804612}.method-file strong{color:#efb68b;font-family:var(--serif)}.method-flow>i{font-size:18px;font-style:normal;color:#b5bdab}.method-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;border-top:1px solid #ffffff20;padding-top:25px}.method-detail h3{font-size:20px;margin:12px 0}.method-detail ul{padding-left:18px;color:#bdc9b2;font-size:13px;line-height:2}.method-detail>div>p{font-size:13px;margin-top:12px}.method-explorer [role=tabpanel]:focus-visible{outline:2px solid #efb68b;outline-offset:8px}.method-tabs button:focus-visible{outline:2px solid #efb68b;outline-offset:4px}@media(max-width:800px){.method-explorer{padding:20px 15px}.method-flow{grid-template-columns:1fr;gap:9px}.method-flow>i{transform:rotate(90deg);justify-self:center}.method-flow>div{min-height:80px;padding:14px 16px}.method-detail{grid-template-columns:1fr;gap:18px}.method-intro{font-size:16px}.method-tabs button{padding:9px 13px;font-size:11px}}


.start-pathways{width:88%;max-width:1180px;margin:5px auto 65px}.pathway-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 30px}.pathway-tabs button{background:transparent;border:1px solid #cfd3c4;border-radius:30px;padding:12px 20px;font-size:13px}.pathway-tabs button[aria-selected=true]{background:#283327;color:#fff9ec;border-color:#283327}.pathway-heading h3{font-size:25px;margin:14px 0 12px}.pathway-heading{max-width:740px}.pathway-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:30px 0}.pathway-steps li{border-top:1px solid var(--line);padding-top:20px}.pathway-steps li>span{font-family:var(--serif);font-size:26px;color:#9ba58c}.pathway-steps h4{font-size:16px;font-weight:500;margin:15px 0 10px}.pathway-steps p{font-size:13px}.pathway-note{font-size:12px;border-left:2px solid #aab49b;padding:8px 15px;background:#eceee3}.start-pathways [role=tabpanel]>.text-link{display:inline-flex;margin:20px 0 30px}.start-pathways [role=tabpanel]:focus-visible{outline:2px solid var(--orange);outline-offset:8px}@media(max-width:700px){.pathway-tabs{gap:8px}.pathway-tabs button{font-size:11px;padding:10px 13px}.pathway-steps{grid-template-columns:1fr;gap:20px}.pathway-steps li{display:flex;gap:18px}.pathway-steps h4{margin:0 0 8px}.pathway-heading h3{font-size:22px}}