/* ============================================
   03. LAYOUT
   ============================================ */
/* Generic panels and text */
.sao-panel{background:linear-gradient(180deg,rgba(19,25,52,.96),rgba(10,30,92,.58));border:var(--sa-border);border-radius:var(--sa-radius-xl);box-shadow:0 18px 50px rgba(0,0,0,.18);padding:clamp(22px,3vw,34px);overflow:hidden;position:relative}.sao-panel:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(143,224,61,.35),transparent);pointer-events:none}.sao-panel h2{margin:0 0 var(--sa-space-4);font-size:clamp(1.35rem,2vw,2rem)}.sao-panel p{color:var(--sa-text-muted)}.sao-kicker{display:inline-flex;align-items:center;gap:var(--sa-space-2);color:var(--sa-plumbob);font-weight:950;text-transform:uppercase;letter-spacing:var(--sa-tracking-eyebrow);font-size:var(--sa-text-xs);margin:0 0 var(--sa-space-3)}.sao-kicker span{width:16px;height:20px;display:inline-flex;filter:drop-shadow(0 0 10px rgba(143,224,61,.5))}.sao-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sa-space-4);margin-bottom:var(--sa-space-5)}.sao-section-head h2{font-size:clamp(1.7rem,3vw,2.8rem);margin:0}.sao-link{font-weight:900;color:var(--sa-plumbob);white-space:nowrap}.sao-empty{display:grid;place-items:center;text-align:center;min-height:190px;padding:var(--sa-space-6);background:rgba(255,255,255,.04);border:var(--sa-border);border-radius:var(--sa-radius-xl);color:var(--sa-text-muted)}.sao-empty strong{color:var(--sa-text)}.sao-empty-plumbob{width:54px;height:72px;color:var(--sa-plumbob);filter:drop-shadow(0 0 16px rgba(143,224,61,.55));margin-bottom:var(--sa-space-3)}
/* Grids / shelves */
.sao-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,280px);gap:var(--sa-space-4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:4px 4px var(--sa-space-5);scrollbar-color:var(--sa-plumbob) rgba(255,255,255,.08)}.sao-rail::-webkit-scrollbar{height:10px}.sao-rail::-webkit-scrollbar-thumb{background:var(--sa-plumbob);border-radius:var(--sa-radius-pill)}.sao-rail::-webkit-scrollbar-track{background:rgba(255,255,255,.08);border-radius:var(--sa-radius-pill)}.sao-official-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sa-space-4)}.sao-official-tile{min-height:190px;padding:var(--sa-space-5);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(140deg,rgba(19,25,52,.96),rgba(10,30,92,.8));border:var(--sa-border);border-radius:var(--sa-radius-xl);position:relative;overflow:hidden}.sao-official-tile:after{content:"";position:absolute;right:-36px;bottom:-42px;width:130px;height:130px;background:radial-gradient(circle,rgba(143,224,61,.20),transparent 70%)}.sao-official-tile>span{width:34px;height:44px;color:var(--sa-plumbob);filter:drop-shadow(0 0 10px rgba(143,224,61,.5));z-index:1}.sao-official-tile strong{font-size:1.17rem;z-index:1}.sao-official-tile em{font-style:normal;color:var(--sa-text-muted);font-size:var(--sa-text-sm);line-height:var(--sa-lh-snug);z-index:1}.sao-official-tile small{color:var(--sa-plumbob);font-weight:900;z-index:1}.sao-official-tile:hover{transform:translateY(-4px);border-color:rgba(143,224,61,.38);box-shadow:var(--sa-shadow-lg)}.sao-quick-nav{display:flex;flex-wrap:wrap;gap:var(--sa-space-2);margin-top:var(--sa-space-5)}.sao-quick-nav a{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:var(--sa-border);border-radius:var(--sa-radius-pill);background:rgba(255,255,255,.05);color:#dce5ff;font-weight:800;font-size:var(--sa-text-sm)}.sao-quick-nav a span{width:14px;height:18px;color:var(--sa-plumbob);display:inline-flex}.sao-quick-nav a:hover{background:rgba(143,224,61,.12);border-color:rgba(143,224,61,.35);color:var(--sa-plumbob)}
/* Timeline */
.sao-timeline-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:var(--sa-space-4);overflow-x:auto;padding:4px 4px var(--sa-space-5);position:relative}.sao-timeline-node{display:grid;place-items:center;text-align:center;gap:var(--sa-space-2);padding:var(--sa-space-4);background:rgba(255,255,255,.05);border:var(--sa-border);border-radius:var(--sa-radius-lg)}.sao-timeline-node span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(143,224,61,.08);overflow:hidden}.sao-timeline-node span img{width:100%;height:100%;object-fit:cover}.sao-timeline-node strong{font-size:var(--sa-text-sm);line-height:1.2}.sao-timeline-node small{font-family:var(--sa-font-mono);color:var(--sa-plumbob);font-weight:700}