.main-menu{display:grid;gap:7px}.main-menu .nav-item{transition:background .15s,color .15s;min-height:46px}.main-menu .nav-item:not(.active) .nav-dot{opacity:0}.main-menu .nav-item:hover{background:#ffffff12}.main-menu .nav-item.active:hover{background:#ffffff20}.sidebar .brand{margin-bottom:35px}.sidebar-note{padding-top:30px;margin-bottom:22px}.sidebar-note h2{font-size:21px}.sidebar-note .contours{height:105px}.page-heading h1{line-height:1.18}.page-heading p{max-width:620px;line-height:1.8}.page-heading .heading-number{color:var(--muted);opacity:.55}#intro-grid,#package-picker,#export-panel,#guide-panel{scroll-margin-top:24px}.guide-panel{margin-top:22px}.guide-panel>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 25px;cursor:pointer;color:var(--ink)}.guide-panel>summary::-webkit-details-marker{display:none}.settings-heading{display:flex;align-items:center;gap:14px}.settings-heading>.icon{width:23px;height:23px;color:var(--teal)}.settings-heading strong{display:block;font-size:16px;font-weight:650}.settings-heading small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.settings-chevron{font-size:23px;line-height:1;transition:transform .15s}.guide-panel[open] .settings-chevron{transform:rotate(180deg)}.guide-content{padding:0 25px 25px;font-size:13px;line-height:1.8;color:var(--text);max-width:850px}.guide-content ol{margin:0;padding-left:22px;display:grid;gap:12px}.guide-content p{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.page-heading{padding-top:4px}.main-menu .icon{width:19px;height:19px}.sidebar-note p{line-height:1.8}.sidebar .brand{flex-shrink:0}.main-menu .nav-item:focus-visible{outline:2px solid #edb58c;outline-offset:2px}
@media(min-width:701px) and (max-height:820px){.sidebar-note{display:none}.local-status{margin-top:auto}.main-menu{gap:5px}.sidebar .brand{margin-bottom:28px}}
@media(max-width:700px){.sidebar{position:relative;flex-wrap:wrap;gap:14px;padding:17px 18px 13px}.sidebar .brand{margin:0;font-size:23px}.sidebar .main-menu{display:flex;width:100%;margin:0;gap:6px;overflow-x:auto;padding:3px 1px 5px;scrollbar-width:thin;flex:0 0 100%;scrollbar-color:#6c9c91 transparent}.main-menu .nav-item{min-height:37px;padding:8px 11px;gap:7px;flex-shrink:0;white-space:nowrap;font-size:11px;background:transparent}.main-menu .nav-item.active{background:#ffffff1c}.main-menu .icon{width:16px;height:16px}.main-menu .nav-dot{display:none}.topbar{height:42px}.page-heading h1{font-size:27px;max-width:none}.page-heading p{font-size:12px;max-width:none}.page-heading .heading-number{display:none}.guide-panel>summary{padding:19px 18px}.settings-heading{gap:10px}.settings-heading strong{font-size:15px}.settings-heading small{font-size:11px}.guide-content{padding:0 19px 21px;font-size:12px}.guide-content p{font-size:11px}.settings-heading>.icon{width:20px;height:20px}.guide-panel{margin-top:18px}#intro-grid,#package-picker,#export-panel,#guide-panel{scroll-margin-top:18px}}
.sidebar .brand{display:flex;flex-direction:column;align-items:center;gap:11px;margin-bottom:28px}.brand-logo{display:block;width:148px;height:148px;object-fit:contain;border-radius:17px;background:#fff;border:1px solid #ffffff55;box-shadow:0 6px 22px #0002}.brand-caption{font-size:9px;letter-spacing:2.3px;font-weight:600;color:#d4dce3}@media(max-width:700px){.sidebar .brand{flex-direction:row;gap:13px;margin:0}.brand-logo{width:63px;height:63px;border-radius:10px}.brand-caption{font-size:10px;letter-spacing:2px}.sidebar .main-menu{margin-top:0}}
.compatibility-guide{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft,var(--paper))}.compatibility-guide h3{font-size:15px;margin:0 0 13px;color:var(--ink)}.compatibility-guide dl{margin:0}.compatibility-guide dt{font-weight:650;color:var(--ink);margin-top:13px}.compatibility-guide dd{margin:4px 0 0;color:var(--text)}.compatibility-guide a{color:var(--teal);font-size:12px;text-underline-offset:3px}.compatibility-guide>span{color:var(--muted);margin:0 6px}