.site-header .nav-menu{min-width:340px;max-width:calc(100vw - 32px);border-radius:0;border-top:4px solid #267bd7;padding:12px;top:42px;box-shadow:0 20px 45px #174a7924;right:0;left:auto;}
.site-header .nav-menu a{padding:14px 16px;border-radius:4px;}
.site-header .nav-menu b{display:block;font-size:17px;color:#24496d;}.site-header .nav-menu small{display:block;margin-top:4px;font-size:12px;font-weight:400;color:#6b8aa5;}.site-header details[open]>summary{color:#126dc7;}.site-header .nav-menu a:hover,.site-header .nav-menu a:focus-visible{background:#edf6ff;}
.guide-intro{padding:25px 0 35px;}.guide-intro>a,.guide-intro>span{font-size:12px;color:#7391a9;}.guide-intro h1{font-size:36px;color:#173f60;letter-spacing:-1px;margin:17px 0 12px;}.guide-intro p{color:#70889d;font-size:14px;margin:0;}
.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;align-items:start;}.guide-catalog{position:sticky;top:120px;background:white;border:1px solid #d6e4f0;border-radius:10px;padding:22px 16px;max-height:calc(100vh - 145px);overflow:auto;}.guide-catalog h2{font-size:15px;color:#668399;margin:0 12px 15px;}.guide-catalog nav{display:grid;gap:3px;font-weight:400;}.guide-catalog a{padding:11px 12px;border-left:3px solid transparent;border-radius:3px;font-size:13px;color:#496c87;}.guide-catalog a:hover{background:#f3f8fd;}.guide-catalog a.active{background:#edf5fe;color:#1769b5;border-left-color:#2d7fc5;}
.guide-content{min-width:0;}.guide-group{background:white;border:1px solid #d8e5f0;border-radius:10px;margin-bottom:24px;overflow:hidden;scroll-margin-top:120px;}.guide-group>header{display:flex;gap:32px;padding:26px 30px;background:#f7fbff;border-bottom:1px solid #dbe7f2;align-items:center;}.guide-group>header>span{white-space:nowrap;font-size:13px;font-weight:700;color:#2a7bc0;letter-spacing:1px;}.guide-group h2{font-size:26px;letter-spacing:-.5px;margin:0;color:#173f60;}.guide-group header p{font-size:13px;color:#7b92a4;margin:6px 0 0;}
.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}.guide-cards article{padding:28px 25px;min-width:0;display:flex;flex-direction:column;scroll-margin-top:125px;border-right:1px solid #dce7f1;}.guide-cards article:last-child{border:0;}.guide-cards article>span{font-size:11px;letter-spacing:.5px;color:#2b7aba;font-weight:700;}.guide-cards h3{font-size:20px;line-height:1.6;margin:18px 0 13px;color:#194565;}.guide-cards p,.platform-article p{font-size:14px;color:#5f7d94;line-height:2;margin:0 0 28px;}.guide-cards a,.guide-cards small{display:block;font-size:11px;line-height:1.8;padding-top:15px;border-top:1px solid #dce7f1;margin-top:auto;color:#2e7dbc;}.guide-cards small{color:#8a9cab;}.platform-article{padding:28px 30px;}.platform-article a{display:inline-block;margin-right:25px;color:#287bc5;font-size:12px;}
@media(max-width:1200px){.guide-layout{grid-template-columns:195px minmax(0,1fr);gap:18px;}.guide-cards{grid-template-columns:1fr;}.guide-cards article{border-right:0;border-bottom:1px solid #dce7f1;}.guide-cards p{margin-bottom:18px;}}
@media(max-width:700px){.site-header .nav-menu{position:fixed;top:128px;left:16px;right:16px;min-width:0;max-height:70vh;overflow:auto;}.guide-intro{padding:20px 0;}.guide-intro h1{font-size:28px;}.guide-layout{grid-template-columns:minmax(0,1fr);}.guide-catalog{position:static;padding:14px;max-height:210px;}.guide-catalog nav{grid-template-columns:1fr 1fr;gap:2px;}.guide-catalog a{font-size:11px;padding:8px;}.guide-group>header{padding:20px;gap:16px;}.guide-group h2{font-size:21px;}.guide-group,.guide-cards article{scroll-margin-top:155px;}.guide-cards article,.platform-article{padding:23px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}