.hbd-connect-head{max-width:940px;text-align:center;margin:auto;padding:32px 0 37px}.hbd-connect-head h1{margin-top:23px!important}.hbd-connect-head .hbd-deck{max-width:740px;margin-inline:auto!important}.hbd-connect-scene{height:350px;border:1px solid #5d7e83;border-radius:35px;overflow:hidden}.hbd-connect-scene img{width:100%;height:100%!important;object-fit:cover}.hbd-connect-tools{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:38px 0 27px;padding-bottom:25px;border-bottom:1px solid #506b72}.hbd-connect-tools>div{width:340px}.hbd-connect-tools label{font-size:12px;color:#b7cbce}.hbd-connect-tools input{width:100%;border:1px solid #6d8b8e;background:#253d47;color:#e9f2ed;border-radius:20px;padding:12px 16px;margin-top:8px}.hbd-connect-tools [role=status]{font-size:12px;min-height:18px;margin-top:6px!important;color:#a3bbc1}.hbd-connect-rows{display:grid;gap:19px}.hbd-connect-rows article{display:grid;grid-template-columns:165px 100px minmax(0,1fr);gap:27px;align-items:start;background:#2e455080;border:1px solid #54717b;border-radius:26px;padding:24px;transition:background .2s,border-color .2s}.hbd-connect-rows article:hover{background:#36515b;border-color:#cbb174}.hbd-connect-rows article>time{padding-top:13px}.hbd-connect-rows .hbd-thumb{height:100%;aspect-ratio:1;max-height:230px;border-radius:17px}.hbd-connect-rows h2{font-size:29px!important}.hbd-connect-volume{max-width:960px;margin:30px auto 0;background:#f3f4e9;border:1px solid #b4ccba;border-radius:35px;padding:45px 65px;color:#2b4348}.hbd-connect-volume h1{margin-top:22px!important}.hbd-connect-volume .hbd-meta,.hbd-connect-volume .hbd-deck{color:#637c80}.hbd-connect-volume .hbd-main-image{aspect-ratio:1.8;border-radius:24px;border:1px solid #75989a;margin:30px 0!important}.hbd-connect-volume .hbd-index{margin-bottom:32px}.hbd-connect-volume .hbd-prose{margin-inline:auto}.hbd-connect-copy{border-top:1px solid #b3c7b8;margin-top:32px;padding-top:25px}.hbd-connect-copy button{background:#dce8d9;border:1px solid #94ad94;color:#345b4e;border-radius:25px;padding:13px 20px;font-size:13px}.hbd-connect-copy p{color:#6a8477;font-size:12px;line-height:1.7;margin-top:10px!important}
@media(max-width:1000px){.hbd-connect-rows article{grid-template-columns:130px 85px minmax(0,1fr);gap:22px}.hbd-connect-volume{padding:38px 45px}.hbd-connect-rows h2{font-size:27px!important}}
@media(max-width:700px){.hbd-connect-head{text-align:left;padding:24px 0 30px}.hbd-connect-scene{height:245px;border-radius:24px}.hbd-connect-tools{display:block;margin:29px 0 24px}.hbd-connect-tools>div{width:100%;margin-top:20px}.hbd-connect-rows article{grid-template-columns:80px minmax(0,1fr);gap:12px 17px;padding:20px;border-radius:22px}.hbd-connect-rows .hbd-thumb{grid-column:1;grid-row:1/3;max-height:180px;aspect-ratio:auto;border-radius:13px}.hbd-connect-rows article>time{grid-column:2;padding:0}.hbd-connect-rows article>div{grid-column:2}.hbd-connect-rows h2{font-size:23px!important}.hbd-connect-volume{margin-top:20px;padding:28px 23px;border-radius:25px}.hbd-connect-volume .hbd-main-image{aspect-ratio:1.5;border-radius:19px}.hbd-connect-volume .hbd-index{padding:17px}}