:root{color-scheme:light;--page-background: #eef3f7;--surface: #ffffff;--surface-muted: #f6f9fb;--sidebar: #12385a;--sidebar-deep: #0b2944;--sidebar-text: #dceaf5;--sidebar-muted: #9fb8ca;--ice: #d9eef8;--blue: #1f679d;--blue-dark: #174c75;--orange: #dd742e;--text: #243441;--muted: #647481;--border: #d8e1e8;--code: #edf3f7;--shadow: 0 12px 34px rgba(22, 50, 72, 0.09);--sidebar-width: 18rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page-background);color:var(--text);font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16px;line-height:1.68;margin:0}a{color:var(--blue);text-decoration-thickness:0.08em;text-underline-offset:0.16em}a:hover{color:var(--blue-dark)}.skip-link{background:var(--surface);border-radius:0 0 0.4rem 0;box-shadow:var(--shadow);left:0;padding:0.65rem 0.9rem;position:fixed;top:-5rem;z-index:100}.skip-link:focus{top:0}.site-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh}.site-sidebar{background:linear-gradient(180deg, var(--sidebar) 0%, var(--sidebar-deep) 100%);color:var(--sidebar-text)}.sidebar-inner{display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:2rem 1.25rem 1.35rem;position:sticky;top:0}.site-brand{color:#ffffff;display:block;margin:0 0 1.75rem;padding:0 0.65rem;text-decoration:none}.site-brand:hover{color:#ffffff}.site-brand-kicker,.site-brand-subtitle{color:var(--sidebar-muted);display:block;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase}.site-brand-title{display:block;font-size:2rem;font-weight:800;letter-spacing:-0.04em;line-height:1.05;margin:0.25rem 0}.navigation-list,.navigation-children,.navigation-grandchildren{list-style:none;margin:0;padding:0}.navigation-item{margin:0.12rem 0}.navigation-link,.navigation-label{border-radius:0.45rem;color:var(--sidebar-text);display:block;font-size:0.91rem;font-weight:600;line-height:1.25;padding:0.58rem 0.7rem;text-decoration:none}.navigation-link:hover{background:rgba(255,255,255,0.08);color:#ffffff}.navigation-link.is-active{background:var(--ice);color:var(--sidebar-deep);font-weight:800}.navigation-label{color:var(--sidebar-muted);cursor:default;font-size:0.74rem;letter-spacing:0.08em;margin-top:0.9rem;padding-bottom:0.35rem;text-transform:uppercase}.navigation-children{border-left:1px solid rgba(217,238,248,0.24);margin:0.05rem 0 0.5rem 0.8rem;padding-left:0.45rem}.navigation-child{font-size:0.86rem;padding-bottom:0.48rem;padding-top:0.48rem}.navigation-sublink{color:var(--sidebar-muted);font-size:0.78rem;font-weight:550;padding-bottom:0.32rem;padding-left:1.35rem;padding-top:0.32rem}.navigation-sub-label{color:var(--sidebar-muted);cursor:pointer;display:block;font-size:0.7rem;font-weight:750;letter-spacing:0.07em;margin:0.55rem 0 0.2rem;padding:0.3rem 0.55rem;padding-right:1.5rem;position:relative;text-transform:uppercase}.navigation-grandchildren{margin:0 0 0.35rem 0.55rem}.navigation-grandchild{color:var(--sidebar-muted);font-size:0.78rem;font-weight:550;padding:0.38rem 0.55rem}.sidebar-note{border-top:1px solid rgba(217,238,248,0.18);color:var(--sidebar-muted);font-size:0.74rem;line-height:1.5;margin:auto 0.65rem 0;padding-top:1rem}.site-main{min-width:0;padding:3.25rem clamp(1.5rem, 5vw, 5rem) 2rem}.guide-content{background:var(--surface);border:1px solid rgba(216,225,232,0.85);border-radius:0.85rem;box-shadow:var(--shadow);margin:0 auto;max-width:58rem;padding:clamp(1.6rem, 4vw, 3.6rem)}.guide-content>:first-child{margin-top:0}.guide-content h1,.guide-content h2,.guide-content h3,.guide-content h4{color:#173a55;line-height:1.25;scroll-margin-top:1.5rem}.guide-content h1{border-bottom:0.22rem solid var(--orange);font-size:clamp(2rem, 4vw, 2.85rem);letter-spacing:-0.04em;margin:0 0 2.2rem;padding-bottom:0.8rem}.guide-content h2{border-bottom:1px solid var(--border);font-size:clamp(1.45rem, 2.5vw, 1.85rem);letter-spacing:-0.025em;margin:2.8rem 0 1rem;padding-bottom:0.45rem}.guide-content h3{font-size:1.22rem;margin:2rem 0 0.65rem}.guide-content p,.guide-content ul,.guide-content ol,.guide-content table,.guide-content blockquote{margin-bottom:1.15rem;margin-top:0.7rem}.guide-content li+li{margin-top:0.28rem}.guide-content strong{color:#172d3d;font-weight:750}.guide-content code{background:var(--code);border:1px solid #dce6ed;border-radius:0.3rem;color:#244861;font-size:0.88em;padding:0.12rem 0.32rem}.guide-content blockquote{background:var(--surface-muted);border-left:0.28rem solid var(--blue);color:#425867;margin-left:0;padding:0.8rem 1rem}.guide-content table{border-collapse:collapse;display:block;font-size:0.92rem;max-width:100%;overflow-x:auto;width:max-content}.guide-content th,.guide-content td{border:1px solid var(--border);padding:0.62rem 0.75rem;text-align:left;vertical-align:top}.guide-content th{background:var(--surface-muted);color:#173a55;font-weight:750}.guide-content img{border-radius:0.45rem;height:auto;max-width:100%}.site-footer{color:var(--muted);display:flex;flex-wrap:wrap;font-size:0.76rem;gap:0.4rem 1rem;justify-content:space-between;margin:1.25rem auto 0;max-width:58rem;padding:0 0.4rem}.site-footer a{font-weight:700;text-decoration:none}.mobile-header{display:none}@media (max-width: 58rem){.site-shell{display:block}.site-sidebar{display:none}.mobile-header{align-items:center;background:var(--sidebar-deep);color:#ffffff;display:flex;justify-content:space-between;min-height:3.8rem;padding:0.7rem 1rem;position:sticky;top:0;z-index:20}.mobile-brand{color:#ffffff;font-size:1rem;font-weight:800;text-decoration:none}.mobile-brand:hover{color:#ffffff}.mobile-menu{position:relative}.mobile-menu summary{border:1px solid rgba(255,255,255,0.3);border-radius:0.4rem;color:#ffffff;cursor:pointer;font-size:0.82rem;font-weight:700;list-style:none;padding:0.42rem 0.65rem}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu-panel{background:var(--sidebar);border:1px solid rgba(255,255,255,0.14);border-radius:0.55rem;box-shadow:0 12px 30px rgba(5,19,31,0.35);max-height:calc(100vh - 5rem);overflow-y:auto;padding:0.7rem;position:absolute;right:0;top:calc(100% + 0.6rem);width:min(19rem, calc(100vw - 2rem))}.site-main{padding:1.25rem 1rem 1.5rem}.guide-content{border-radius:0.65rem;padding:clamp(1.25rem, 5vw, 2rem)}.guide-content h1{font-size:clamp(1.75rem, 8vw, 2.35rem)}}@media (max-width: 34rem){body{font-size:15px}.site-main{padding-left:0.65rem;padding-right:0.65rem}.guide-content{border-radius:0.45rem;padding:1.15rem}.site-footer{display:block;padding-left:0.4rem}.site-footer span{display:block;margin-top:0.25rem}}
