
:root{--sea:#076779;--sea-dark:#064957;--paper:#fbfdfd;--ink:#17343b;--muted:#587078;--line:#cbdfe2;--shadow:0 18px 48px rgba(8,72,84,.13);--side:270px}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;line-height:1.6}body{margin:0}.site-shell{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;background:linear-gradient(180deg,var(--sea-dark),#073844);color:#fff;z-index:10;transition:width .2s}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 25px}.brand img{width:52px;height:52px}.brand strong,.brand span{display:block}.brand strong{font-size:1.05rem}.brand span{font-size:.83rem;color:#bfe4e8}.sidebar nav{display:grid;gap:5px}.sidebar nav a{color:#e7f7f8;text-decoration:none;padding:10px 12px;border-radius:9px;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{background:#fff;color:var(--sea-dark)}.collapse{position:absolute;right:-15px;top:88px;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--sea);font-size:1.3rem;cursor:pointer}.sidebar-foot{position:absolute;bottom:20px;left:26px;color:#a9d2d6;font-size:.78rem}.site-shell.collapsed{--side:82px}.site-shell.collapsed .brand div,.site-shell.collapsed .sidebar nav a,.site-shell.collapsed .sidebar-foot{font-size:0}.site-shell.collapsed .brand{padding-left:0}.site-shell.collapsed .brand img{width:46px}.site-shell.collapsed .sidebar nav a:before{content:"•";font-size:1.2rem}.site-shell.collapsed .collapse{transform:rotate(180deg)}main{min-width:0;padding:30px clamp(24px,4vw,70px) 45px;max-width:1680px;width:100%}.hero{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:34px clamp(25px,4vw,54px);border-radius:24px;background:linear-gradient(135deg,var(--sea-dark),var(--sea) 65%,#44a8b2);color:#fff;box-shadow:var(--shadow)}.hero img{width:130px;height:130px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.18))}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:700;font-size:.78rem;color:#bde8eb;margin:0 0 6px}.hero h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1.08;margin:0}.lead{font-size:clamp(1rem,1.6vw,1.28rem);max-width:820px;margin:14px 0 0;color:#e8f7f8}.card{margin-top:22px;padding:clamp(22px,3vw,34px);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px rgba(8,72,84,.07)}.card.accent{border-top:5px solid var(--sea)}.card h2{margin:0 0 12px;color:var(--sea-dark);font-size:1.45rem}.card h3{margin:.4rem 0}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.download-grid>div{background:#eef8f9;border-radius:14px;padding:22px}.button{display:inline-block;margin:8px 0 15px;padding:11px 18px;border-radius:9px;background:var(--sea);color:#fff;text-decoration:none;font-weight:700}.button.ghost{background:#fff;color:var(--sea-dark);border:1px solid var(--sea)}code,.command,.path{font-family:Consolas,monospace}.download-grid code,.hashes code{display:block;overflow-wrap:anywhere;font-size:.78rem;color:#49666c}.tag{display:inline-block;padding:3px 9px;border-radius:99px;background:var(--sea);color:white;font-size:.72rem;font-weight:700;text-transform:uppercase}.tag.secondary{background:#4f6970}.note{color:var(--muted);font-size:.92rem}.command,.path{padding:12px 14px;border-radius:9px;background:#edf5f6;overflow-wrap:anywhere}.parameters dt,dl dt{font-weight:700;color:var(--sea-dark);margin-top:14px}.parameters dd,dl dd{margin-left:0}.hashes{display:grid;gap:7px}a{color:#006f82}li{margin:.3rem 0}footer{display:grid;gap:4px;margin-top:30px;padding:20px 4px;color:var(--muted);font-size:.86rem}.mobile-menu{display:none}@media(max-width:850px){.mobile-menu{display:block;position:fixed;right:14px;top:14px;z-index:30;border:0;border-radius:9px;background:#fff;color:var(--sea-dark);padding:10px 13px;box-shadow:var(--shadow);font-weight:700}.site-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:min(310px,84vw);transform:translateX(-110%);transition:transform .2s;box-shadow:var(--shadow)}.site-shell.mobile-open .sidebar{transform:translateX(0)}.collapse{display:none}main{padding:76px 16px 35px}.grid.two,.download-grid{grid-template-columns:1fr}.hero{padding:27px 22px}.hero img{width:78px;height:78px}.site-shell.collapsed .sidebar nav a{font-size:inherit}.site-shell.collapsed .brand div,.site-shell.collapsed .sidebar-foot{font-size:inherit}.site-shell.collapsed .sidebar nav a:before{content:none}}
