:root{
  --sidebar-width:240px;
  --bg:#f7f7f8;
  --accent:#2b7cff;
  --text:#222;
  --footer-height:52px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}
.app{display:flex;min-height:100vh}
.sidebar{width:var(--sidebar-width);background:#fff;border-right:1px solid #e3e3e6;padding:20px}
.sidebar h3{margin:0 0 12px;font-size:16px;display:flex;align-items:center}
.sidebar-logo{height:36px;width:auto;margin-right:10px;display:inline-block;transform:none;transform-origin:left center}
.sidebar ul{list-style:none;padding:0;margin:0}
.sidebar li{margin-bottom:8px}
.sidebar a{color:var(--accent);text-decoration:none}
.content{flex:1;padding:28px}
.content header h1{margin:0 0 18px;font-size:28px}
.body-text p{line-height:1.6;margin:0 0 12px}

/* Crop Meta Quest image vertically: remove 33% from top and bottom, show center */
.meta-figure{display:block;max-width:330px;margin:0}
.meta-img-wrap{height:80px;overflow:hidden}
.meta-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;margin:0}
.meta-caption{font-size:13px;color:#666;text-align:center;margin-top:6px;margin-bottom:8px}
.body-text p + .meta-figure{margin-top:-12px}
.meta-figure + p{margin-top:0}

@media (max-width:720px){
  .app{flex-direction:column}
  .sidebar{width:100%;border-right:none;border-bottom:1px solid #e3e3e6}
}

/* Sidebar footer styling */
.sidebar-footer{
  margin-top:18px;
  padding-top:12px;
  border-top:1px solid #e9e9ec;
  font-size:13px;
  color:var(--text);
}
.sidebar-footer a{color:var(--accent);text-decoration:none}
.sidebar-footer a:hover{text-decoration:underline}

/* Download button */
.download-btn{
  display:inline-block;
  padding:10px 16px;
  background:var(--accent);
  color:#fff;
  border-radius:6px;
  text-decoration:none;
}
.download-btn:hover{opacity:0.95}

/* Install note styling (important user code reminder) */
.install-note{background:#fff8e1;border-left:4px solid #f0ad4e;padding:12px;border-radius:6px;margin:12px 0;font-weight:600;color:#333}

.next-link{margin-top:18px;text-align:right}
.next-link a{color:var(--accent);text-decoration:none;font-weight:600}
.next-link a:hover{text-decoration:underline}