@layer components{.guide-page{max-width:1120px;margin:auto;padding:0 30px 70px}.guide-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:25px 0;display:flex}.guide-header .button{font-size:18px}.guide-page article{max-width:790px;margin:36px auto 0}.guide-breadcrumb{color:#9aaabc;flex-wrap:wrap;gap:10px;margin-bottom:40px;font-size:16px;line-height:1.8;display:flex}.guide-breadcrumb a{color:#e2c389}.guide-page h1{letter-spacing:-1.6px;overflow-wrap:anywhere;margin-bottom:25px;font-size:clamp(34px,4.5vw,53px);line-height:1.2}.guide-intro{color:#b8c5d3;font-size:22px;line-height:1.9}.guide-contents{background:#d4b47808;border:1px solid #d4b47835;border-radius:12px;margin:35px 0;padding:26px 30px}.guide-contents strong{color:#d8be8d;font-size:20px}.guide-contents ol{margin-top:15px;padding-left:22px;list-style:decimal}.guide-contents li{color:#acbbcf;margin:9px 0;font-size:18px;line-height:1.8}.guide-contents a:hover{color:#e8c889}.guide-page article>section{padding:22px 0}.guide-page article>section h2,.guide-related h2{letter-spacing:-.6px;margin-bottom:20px;font-size:29px;line-height:1.4}.guide-page article>section p{color:#aabacf;margin:16px 0;font-size:20px;line-height:1.95}.guide-cta{background:#15283c;border:1px solid #ffffff14;border-radius:12px;margin:35px 0;padding:30px}.guide-cta h2{font-size:27px;line-height:1.4}.guide-cta p{color:#aabacf;margin:18px 0 25px;font-size:19px;line-height:1.9}.guide-cta .button{font-size:18px}.guide-cta .text-link{margin-top:18px;font-size:17px;display:block}.guide-related{border-top:1px solid #ffffff15;padding:25px 0}.guide-related>a{color:#d6be91;border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;gap:15px;padding:17px 0;font-size:19px;line-height:1.8;display:flex}.guide-related svg{flex-shrink:0}.guide-back{color:#9aafc7;align-items:center;gap:10px;margin-top:25px;font-size:18px;display:flex}.family-guides{border-top:1px solid #ffffff10}.family-guides-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.family-guides-grid>a{background:#122235;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:19px;padding:28px;transition:border-color .2s,transform .2s;display:flex}.family-guides-grid>a:hover{border-color:#d5b77770;transform:translateY(-3px)}.family-guides-grid>a>svg{color:#d5b777}.family-guides-grid h3{letter-spacing:-.4px;font-size:23px;font-weight:550;line-height:1.5}.family-guides-grid p{color:#9eafc4;font-size:18px;line-height:1.85}.family-guides-grid span{color:#dbc28e;align-items:center;gap:10px;margin-top:auto;font-size:17px;line-height:1.8;display:flex}.family-guides-grid span svg{flex-shrink:0}html[data-theme=light] .guide-header,html[data-theme=light] .guide-related,html[data-theme=light] .family-guides{border-color:#21483120}html[data-theme=light] :is(.guide-intro,.guide-page article>section p,.guide-contents li,.guide-cta p,.guide-breadcrumb,.family-guides-grid p){color:#546d5b}html[data-theme=light] :is(.guide-contents,.guide-cta,.family-guides-grid>a){background:#fffdf7;border-color:#21483125}html[data-theme=light] :is(.guide-contents strong,.guide-related>a,.guide-back,.guide-breadcrumb a,.family-guides-grid span){color:#6e7139}}@media (max-width:800px){.family-guides-grid{grid-template-columns:minmax(0,1fr)}.guide-page{padding:0 22px 45px}.guide-header{gap:18px}.guide-header .button{font-size:17px}.guide-page article{margin-top:25px}.guide-breadcrumb{margin-bottom:30px}.guide-intro{font-size:20px}.guide-page article>section h2{font-size:25px}.guide-page article>section p{font-size:19px}.guide-contents{padding:23px}.guide-cta{padding:25px}.guide-cta h2{font-size:25px}.guide-cta .button{width:100%;font-size:18px}.guide-page .overline{font-size:15px;line-height:1.8}}
