.abd-join-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:45px;align-items:start;padding:35px 0}.abd-join-guide{position:sticky;top:115px;background:#22434a;border-left:6px solid #ac634a;padding:28px}.abd-join-guide h1{font-size:40px!important;margin-top:18px!important}.abd-join-guide .abd-deck{font-size:15px}.abd-join-scene{aspect-ratio:1.3;overflow:hidden;margin-top:25px!important;border:6px solid #c9d7c8;border-bottom-width:16px}.abd-join-scene img{width:100%;height:100%!important;object-fit:cover}.abd-join-find{margin-top:25px}.abd-join-find label{display:block;margin-bottom:10px;font-size:12px;font-weight:700}.abd-join-find input{width:100%;padding:12px;background:#16383f;color:#e2e9d8;border:1px solid #739590;border-radius:0;font-size:12px}.abd-join-find input::placeholder{color:#a1c1b7}.abd-join-find [data-search-status]{font-size:12px;line-height:1.8;color:#b4cdbe;margin-top:8px!important}.abd-join-directory .abd-section-head{padding:0 0 26px;align-items:center}.abd-join-rows article{display:grid;grid-template-columns:150px minmax(0,1fr);gap:27px;padding:28px 0;border-top:1px solid #648086;position:relative}.abd-join-rows article:last-child{border-bottom:1px solid #648086}.abd-join-rows article::after{content:"";position:absolute;right:0;top:0;width:45px;height:5px;background:#ba7150;transition:width .2s}.abd-join-rows article:nth-child(even)::after{background:#c59d61}.abd-join-rows article:hover::after{width:75px}.abd-join-rows .abd-thumb{aspect-ratio:1.05;margin-top:5px!important}.abd-join-rows h2{font-size:27px!important;margin-top:8px!important}.abd-join-rows .abd-summary{font-size:14px}.abd-join-title{max-width:950px;padding:33px 0 37px}.abd-join-title h1{margin-top:18px!important}.abd-join-banner{height:300px;overflow:hidden;border:10px solid #cdd8c7;border-bottom-width:23px}.abd-join-banner img{width:100%;height:100%!important;object-fit:cover}.abd-join-map{margin-top:27px}.abd-join-map .abd-index [data-toc]{grid-template-columns:repeat(3,minmax(0,1fr));max-height:225px}.abd-join-paper{max-width:960px;padding:50px 75px;background:#e8ecde;border-left:6px solid #b17c50;margin:26px auto 0}.abd-join-paper .abd-prose{margin:auto}.abd-join-copy{max-width:720px;margin:35px auto 0;border-top:1px solid #b4c4ad;padding-top:23px}.abd-join-copy button{padding:13px 18px;background:#2c5359;border:1px solid #72988c;color:#e9e8d1;font-size:13px;font-weight:700}.abd-join-copy p{margin-top:10px!important;font-size:12px;color:#5e7e73}
@media(max-width:950px){.abd-join-layout{grid-template-columns:265px minmax(0,1fr);gap:28px}.abd-join-guide{padding:23px}.abd-join-guide h1{font-size:35px!important}.abd-join-rows article{grid-template-columns:110px minmax(0,1fr);gap:22px}.abd-join-rows h2{font-size:24px!important}.abd-join-paper{padding:42px 50px}}
@media(max-width:700px){.abd-join-layout{display:block;padding-top:20px}.abd-join-guide{position:static;padding:25px}.abd-join-scene{aspect-ratio:1.6}.abd-join-directory{margin-top:32px}.abd-join-rows article{grid-template-columns:85px minmax(0,1fr);gap:18px;padding:24px 0}.abd-join-rows .abd-thumb{height:120px;aspect-ratio:auto}.abd-join-rows h2{font-size:22px!important}.abd-join-title{padding:20px 0 28px}.abd-join-banner{height:225px;border-width:7px;border-bottom-width:16px}.abd-join-map .abd-index [data-toc]{grid-template-columns:1fr}.abd-join-paper{padding:26px 20px;border-left-width:3px}}