.guide-index{--guide-index-ink:#15323b;--guide-index-muted:#5d7076;--guide-index-accent:#0b7a75;--guide-index-soft:#eaf7f4;--guide-index-line:#d9e5e2;color:var(--guide-index-ink);background:radial-gradient(circle at 90% 8%,#2ea8971a,#0000 28rem),#f7faf9}.guide-index__container{width:min(1120px,100% - 40px);margin:0 auto;padding:30px 0 88px}.guide-index__breadcrumb{color:var(--guide-index-muted);align-items:center;gap:10px;margin-bottom:64px;font-size:.86rem;display:flex}.guide-index__breadcrumb a{color:inherit;text-decoration:none}.guide-index__breadcrumb a:hover,.guide-index__breadcrumb a:focus-visible{color:var(--guide-index-accent);text-decoration:underline}.guide-index__hero{max-width:860px;margin-bottom:72px}.guide-index__hero>p,.guide-index__section-heading>p,.guide-index__principle>div>p{color:var(--guide-index-accent);letter-spacing:.08em;margin:0 0 14px;font-size:.88rem;font-weight:800}.guide-index__hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.25rem,5.7vw,4.6rem);line-height:1.16}.guide-index__lead{border-left:4px solid var(--guide-index-accent);max-width:740px;margin-top:32px;padding-left:20px}.guide-index__lead strong{margin-bottom:10px;font-size:clamp(1.12rem,2.2vw,1.35rem);line-height:1.6;display:block}.guide-index__lead p{color:var(--guide-index-muted);margin:0;line-height:1.9}.guide-index__section-heading{margin-bottom:28px}.guide-index__section-heading h2,.guide-index__principle h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.35}.guide-index__articles>ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.guide-index__card{border:1px solid var(--guide-index-line);background:#fff;border-radius:20px;height:100%;overflow:hidden;box-shadow:0 14px 38px #1839430f}.guide-index__card-image{aspect-ratio:16/9;background:#e7efed;display:block;overflow:hidden}.guide-index__card-image img{object-fit:cover;width:100%;height:100%;transition:transform .22s}.guide-index__card:hover .guide-index__card-image img{transform:scale(1.025)}.guide-index__card-content{flex-direction:column;min-height:330px;padding:clamp(22px,4vw,32px);display:flex}.guide-index__category{color:var(--guide-index-accent);background:var(--guide-index-soft);border-radius:999px;align-self:flex-start;margin:0 0 15px;padding:6px 11px;font-size:.78rem;font-weight:800}.guide-index__card h3{margin:0 0 14px;font-size:clamp(1.25rem,2.5vw,1.55rem);line-height:1.5}.guide-index__card h3 a{color:inherit;text-decoration:none}.guide-index__card h3 a:hover,.guide-index__card h3 a:focus-visible{color:var(--guide-index-accent);text-underline-offset:4px;text-decoration:underline}.guide-index__card-content>p:not(.guide-index__category){color:var(--guide-index-muted);margin:0 0 20px;line-height:1.8}.guide-index__topics{flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.guide-index__topics li{border:1px solid var(--guide-index-line);color:#476168;border-radius:7px;padding:5px 9px;font-size:.76rem}.guide-index__card-footer{border-top:1px solid var(--guide-index-line);justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:18px;display:flex}.guide-index__card-footer time{color:var(--guide-index-muted);font-size:.78rem}.guide-index__card-footer a{color:var(--guide-index-accent);text-underline-offset:3px;font-weight:800}.guide-index__principle{background:#eaf5f1;border-radius:22px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;margin-top:76px;padding:clamp(28px,5vw,52px);display:grid}.guide-index__principle ol{counter-reset:guide-principle;gap:14px;margin:0;padding:0;list-style:none;display:grid}.guide-index__principle li{counter-increment:guide-principle;background:#ffffffbd;border:1px solid #0b7a7529;border-radius:14px;grid-template-columns:42px 1fr;column-gap:14px;padding:16px 18px;display:grid}.guide-index__principle li:before{color:#fff;background:var(--guide-index-accent);content:counter(guide-principle, decimal-leading-zero);border-radius:50%;grid-row:1/3;place-items:center;width:36px;height:36px;font-size:.74rem;font-weight:900;display:grid}.guide-index__principle strong{margin-bottom:4px;line-height:1.5}.guide-index__principle span{color:var(--guide-index-muted);font-size:.88rem;line-height:1.65}.guide-index__cta{color:#fff;background:#163d46;border-radius:22px;justify-content:space-between;align-items:center;gap:32px;margin-top:40px;padding:clamp(28px,5vw,48px);display:flex}.guide-index__cta p{color:#ffffffc2;margin:0;line-height:1.7}.guide-index__cta h2{margin:7px 0 9px;font-size:clamp(1.45rem,3.3vw,2.2rem);line-height:1.4}.guide-index__cta>a{color:#15323b;background:#fff;border-radius:999px;flex:none;padding:14px 22px;font-weight:850;text-decoration:none}.guide-index__cta>a:hover,.guide-index__cta>a:focus-visible{background:#dff4ef}@media (max-width:760px){.guide-index__container{width:min(100% - 28px,1120px);padding-top:22px}.guide-index__breadcrumb{margin-bottom:44px}.guide-index__hero{margin-bottom:54px}.guide-index__articles>ul,.guide-index__principle{grid-template-columns:1fr}.guide-index__card-content{min-height:auto}.guide-index__principle{gap:30px;margin-top:54px}.guide-index__cta{flex-direction:column;align-items:stretch}.guide-index__cta>a{text-align:center}}