.guide-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
.guide-links a,.project-guide .guide-links a{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;padding:21px 48px 21px 21px;border:1px solid #3b4a67;border-radius:10px;background:#202b41;color:#c9d5f2;text-decoration:none;line-height:1.45}
.guide-links a:hover,.project-guide .guide-links a:hover{border-color:#389fff;background:#263750;color:#fff;text-decoration:none;transform:translateY(-2px)}
.guide-links strong{font-size:1.125rem;color:#f2f6ff}
.guide-links a>span:not(.info-card-index):not(.info-card-arrow){font-size:.9375rem;color:#afbdd8}
.guide-links .info-card-index{color:#71bfff;font-size:.8125rem;letter-spacing:.09em;font-weight:700}
.guide-links .info-card-arrow{position:absolute;right:21px;top:22px;font-size:1.375rem;color:#70c4ff}
.info-page{padding-bottom:0;background:#1d2233}
.info-shell{width:min(100% - 48px,1180px);margin:0 auto}
.info-skip{position:fixed;top:12px;left:16px;z-index:100;padding:12px 18px;border-radius:8px;background:#208dff;color:white;transform:translateY(-180%)}
.info-skip:focus{transform:translateY(0)}
.info-site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 24px;padding:20px 0 18px;border-bottom:1px solid #343e56}
.info-site-header .brand{justify-content:flex-start}
.info-top-cta{margin-left:auto}
.info-top-nav{display:flex;flex-basis:100%;flex-wrap:wrap;gap:6px}
.info-top-nav a{padding:9px 14px;border:1px solid transparent;border-radius:7px;color:#aebcda;font-size:.9375rem;line-height:1.4}
.info-top-nav a:hover{background:#273650;color:#fff}
.info-top-nav a[aria-current=page]{border-color:#385985;background:#263a57;color:#8cd0ff}
.info-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 26px;font-size:.875rem;color:#94a7c9}
.info-breadcrumbs a{color:#7fc9ff}
.info-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:3px}
.info-hero{padding:30px 36px 34px;border:1px solid #3a4b69;border-radius:13px;background:linear-gradient(110deg,#25364f,#22293e 80%);margin-bottom:30px}
.info-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#82caff;letter-spacing:.075em;font-size:.75rem;font-weight:700;line-height:1.5}
.info-eyebrow:before{content:"";display:block;width:20px;height:2px;background:#389fff}
.info-hero h1{max-width:25ch;margin:14px 0 19px;color:#f4f7ff;font-size:clamp(2rem,4vw,3rem);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.info-hero p{max-width:78ch;font-size:1.1875rem;line-height:1.65;color:#bdcce6}
.info-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;grid-template-areas:"article side";gap:30px;align-items:start}
.info-article{grid-area:article;min-width:0;padding:0 2px}
.info-side{grid-area:side;min-width:0;position:sticky;top:20px}
.info-side nav{padding:22px 20px;background:#242c42;border:1px solid #374259;border-radius:10px}
.info-side h2{font-size:1.125rem;line-height:1.4;color:#edf3ff}
.info-side ol{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.info-side a{display:block;padding:3px 0;color:#b5c5e2;font-size:.9375rem;line-height:1.4}
.info-side a:hover{color:#83ccff}
.info-side-note{display:flex;gap:12px;align-items:flex-start;margin-top:20px;padding:0 5px;color:#a4b4d0}
.info-side-note>span{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border:1px solid #5c6278;border-radius:50%;font-size:.8125rem}
.info-side-note p{font-size:.8125rem;line-height:1.65}
.info-section{scroll-margin-top:24px;margin:0 0 31px;padding-bottom:31px;border-bottom:1px solid #354057}
.info-section:last-child{margin-bottom:0}
.info-section h2{margin:0 0 17px;color:#edf4ff;font-size:1.625rem;line-height:1.3;letter-spacing:-.02em;text-wrap:balance}
.info-section h3{margin:24px 0 9px;color:#e1ebff;font-size:1.1875rem;line-height:1.45;text-wrap:balance}
.info-section p{margin:0 0 15px;font-size:1.0625rem;line-height:1.75;overflow-wrap:break-word;color:#bdcce6}
.info-section p:last-child{margin-bottom:0}
.info-section a:not(.button){color:#83cbff;text-decoration:underline;text-decoration-color:#83cbff66;text-underline-offset:4px}
.info-section a:not(.button):hover{color:#fff;text-decoration-color:#fff}
.info-section ul,.info-section ol{padding-left:24px;margin:18px 0;font-size:1.0625rem;line-height:1.75;color:#bdcce6}
.info-section li+li{margin-top:12px}
.info-section li::marker{color:#7ac6ff}
.info-section strong{color:#e1ebfc}
.info-note{margin:23px 0;padding:20px 22px;border-left:3px solid #3a9aff;border-radius:0 9px 9px 0;background:#243249}
.info-note>strong{display:block;margin-bottom:9px;font-size:1.0625rem;line-height:1.5}
.info-note p{font-size:1rem}
.info-table-wrap{width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:23px 0;border:1px solid #3b4963;border-radius:9px;background:#232d43}
.info-table-wrap table{border-collapse:collapse;width:100%;min-width:510px;font-size:.9375rem;line-height:1.6}
.info-table-wrap caption{padding:14px 16px;text-align:left;font-weight:700;color:#cedcf4;background:#27344c}
.info-table-wrap th,.info-table-wrap td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #3b4963}
.info-table-wrap thead th{background:#293852;color:#dbe9ff;font-weight:700}
.info-table-wrap tbody th{color:#dce7fa;white-space:nowrap;font-weight:700}
.info-table-wrap td{color:#b7c8e5}
.info-table-wrap tr:last-child td,.info-table-wrap tr:last-child th{border-bottom:0}
.info-channel{padding:24px;border:1px solid #40668e;border-radius:11px;background:#243954;margin:0 0 24px}
.info-channel .info-channel-name{color:#e7f6ff;font-size:clamp(1.375rem,4vw,2rem);font-weight:700;margin:12px 0 5px;overflow-wrap:anywhere}
.info-channel .button{margin-top:4px}
.info-related{margin:44px 0 36px;padding:29px 0 0;border-top:1px solid #354057}
.info-related h2{color:#f0f5ff;font-size:1.625rem;line-height:1.4;margin:9px 0 0}
.info-related .guide-links{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}
.info-footer{padding:26px 0 32px;border-top:1px solid #354057;color:#91a4c6}
.info-footer>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px;font-size:.9375rem}
.info-footer a{color:#78c6ff}
.info-footer a:hover{color:#fff}
.info-footer p{max-width:90ch;font-size:.875rem;line-height:1.65}
@media(max-width:900px){.info-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"side" "article";gap:28px}.info-side{position:static}.info-side ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px}.info-side-note{margin-top:14px;align-items:center}.info-related .guide-links{grid-template-columns:minmax(0,1fr)}.info-related .guide-links a{padding:19px 48px 19px 21px}.info-hero{padding:28px}.info-section h2{font-size:1.5rem}}
@media(max-width:600px){.guide-links{grid-template-columns:minmax(0,1fr)}.info-shell{width:calc(100% - 32px)}.info-site-header{gap:14px 10px;padding-top:15px}.info-site-header .brand{font-size:1.625rem;gap:8px}.info-site-header .brand img{width:40px;height:40px}.info-top-cta{min-height:39px;padding:0 10px;font-size:.8125rem;gap:6px}.info-top-nav{gap:4px}.info-top-nav a{padding:8px 9px;font-size:.875rem}.info-breadcrumbs{margin:22px 0}.info-hero{padding:23px 20px;margin-bottom:22px}.info-hero h1{font-size:2rem}.info-hero p{font-size:1.0625rem}.info-side nav{padding:18px}.info-side ol{grid-template-columns:minmax(0,1fr);gap:6px}.info-section p,.info-section ul,.info-section ol{font-size:1rem}.info-section h2{font-size:1.4375rem}.info-section h3{font-size:1.125rem}.info-note{padding:18px}.info-table-wrap th,.info-table-wrap td{padding:11px 13px}.info-related{margin-top:30px}.info-channel{padding:20px}}
@media(prefers-reduced-motion:reduce){.info-page{scroll-behavior:auto}.info-page *,html:has(.info-page){scroll-behavior:auto;transition:none}.guide-links a:hover{transform:none}}
