/* ═══ LEARNING CENTER SIDEBAR — shared across all /guias/ pages ═══ */
.shell{display:flex;min-height:100vh}
.sidebar{width:280px;flex-shrink:0;background:#070c12;border-right:1px solid rgba(255,255,255,.06);padding:0;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto;scrollbar-width:none}
.sidebar::-webkit-scrollbar{display:none}
.sb-header{padding:28px 24px 20px;border-bottom:1px solid var(--border)}
.sb-logo{font-family:var(--fd);font-size:18px;letter-spacing:.16em;color:var(--accent);margin-bottom:4px}
.sb-title{font-family:'Sora',sans-serif;font-weight:700;font-size:16px;letter-spacing:-.02em;background:linear-gradient(90deg,#5eaab4 0%,#8cc4a0 40%,#e0a858 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2px}
.sb-sub{font-size:10px;color:var(--secondary);letter-spacing:.06em}
.sb-section{padding:16px 16px 4px;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45);font-family:var(--f);font-weight:600}
.sb-divider{height:.5px;background:rgba(255,255,255,.07);margin:8px 16px}
.sb-item-sub{display:flex;align-items:center;gap:10px;padding:8px 20px 8px 24px;font-family:var(--fd);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);border-left:2px solid transparent;margin:1px 0;border-radius:0 6px 6px 0;transition:all .2s;cursor:pointer;text-decoration:none;white-space:nowrap;overflow:hidden}
.sb-item-sub:hover{color:rgba(255,255,255,.85);background:rgba(58,175,169,.08);border-left-color:rgba(58,175,169,.25)}
.sb-item-sub.active{color:var(--accent);border-left-color:var(--accent)}
.sb-item-sub i{width:13px;height:13px;flex-shrink:0;opacity:.55}
.sb-item-sub:hover i{opacity:.75}
.sb-item-sub.active i{opacity:1}
.sb-item-sub .sb-tag{font-family:var(--f);font-size:7px;font-weight:600;letter-spacing:.08em;padding:2px 6px;border-radius:3px;margin-left:auto;text-transform:uppercase}
.sb-tag-new{color:var(--green);background:rgba(110,198,138,.12);border:1px solid rgba(110,198,138,.2)}
.sb-tag-soon{color:var(--secondary);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.sb-footer{margin-top:auto;padding:20px 24px;border-top:1px solid var(--border)}
.sb-cta{display:block;width:100%;padding:12px;font-family:var(--fd);font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-align:center;background:var(--accent);color:#141a1e;border:none;border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none}
.sb-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(94,170,180,.3)}
.sb-back{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.08em;color:var(--muted);margin-top:12px;transition:color .15s;text-decoration:none}
.sb-back:hover{color:var(--accent)}
.sb-back i{width:14px;height:14px}
.hamburger{display:none;position:fixed;top:14px;left:14px;z-index:200;width:40px;height:40px;border-radius:8px;background:rgba(0,0,0,.6);backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--primary);font-size:18px;cursor:pointer;align-items:center;justify-content:center}
.sb-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:90}
@media(max-width:900px){
  .hamburger{display:flex}
  .sidebar{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:110}
  .sidebar.open{transform:translateX(0)}
  .sb-overlay.open{display:block}
  .guide-main{margin-left:0!important;padding-left:20px!important;padding-right:20px!important}
}