/* ── TOKENS ─────────────────────────────────────────────────── */
:root {
  --bg-primary:    #0A0A0F;
  --bg-secondary:  #0F0F1A;
  --glass-panel:   rgba(255,255,255,0.04);
  --glass-border:  rgba(201,168,76,0.18);
  --gold:          #C9A84C;
  --gold-bright:   #E8C96A;
  --gold-dim:      rgba(201,168,76,0.3);
  --ember:         #E8541A;
  --ember-dim:     rgba(232,84,26,0.2);
  --text-primary:  #F5F0E8;
  --text-secondary:#8A8A9A;
  --text-dim:      rgba(245,240,232,0.4);
  --ease-out:      cubic-bezier(0.22,1,0.36,1);
  --ease-in-out:   cubic-bezier(0.65,0,0.35,1);
}

/* ── RESET ──────────────────────────────────────────────────── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100vh;overflow:hidden;background:var(--bg-primary);font-family:'Lato',sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;}

/* ── DECK + SLIDE ───────────────────────────────────────────── */
.deck{position:relative;width:100vw;height:100vh;overflow:hidden;z-index:1;}
.slide{
  position:absolute;inset:0;width:100%;height:100%;
  background:var(--bg-primary);
  display:flex;flex-direction:column;justify-content:center;
  padding:clamp(2rem,4vw,4rem) clamp(3rem,6vw,6rem);
  opacity:0;pointer-events:none;
  transition:opacity 0.55s var(--ease-out);
  z-index:1;
}
.slide.active{opacity:1;pointer-events:auto;z-index:2;}

/* ── REVEAL SYSTEM ──────────────────────────────────────────── */
[data-reveal]{
  opacity:0;transform:translateY(20px);
  transition:opacity 0.7s var(--ease-out),transform 0.7s var(--ease-out);
}
.slide.active:not([data-stepped="true"]) [data-reveal]{opacity:1;transform:translateY(0);}
.slide.active:not([data-stepped="true"]) [data-reveal="1"]{transition-delay:.10s;}
.slide.active:not([data-stepped="true"]) [data-reveal="2"]{transition-delay:.25s;}
.slide.active:not([data-stepped="true"]) [data-reveal="3"]{transition-delay:.40s;}
.slide.active:not([data-stepped="true"]) [data-reveal="4"]{transition-delay:.55s;}
.slide.active:not([data-stepped="true"]) [data-reveal="5"]{transition-delay:.70s;}
.slide.active:not([data-stepped="true"]) [data-reveal="6"]{transition-delay:.85s;}

/* Stepped: all [data-reveal] hidden until step class applied */
.slide[data-stepped="true"] [data-reveal]{opacity:0;transform:translateY(14px);}
/* step-N reveals data-reveal 1..N */
.slide[data-stepped].step-1 [data-reveal="1"],
.slide[data-stepped].step-2 [data-reveal="1"],.slide[data-stepped].step-2 [data-reveal="2"],
.slide[data-stepped].step-3 [data-reveal="1"],.slide[data-stepped].step-3 [data-reveal="2"],.slide[data-stepped].step-3 [data-reveal="3"],
.slide[data-stepped].step-4 [data-reveal="1"],.slide[data-stepped].step-4 [data-reveal="2"],.slide[data-stepped].step-4 [data-reveal="3"],.slide[data-stepped].step-4 [data-reveal="4"],
.slide[data-stepped].step-5 [data-reveal="1"],.slide[data-stepped].step-5 [data-reveal="2"],.slide[data-stepped].step-5 [data-reveal="3"],.slide[data-stepped].step-5 [data-reveal="4"],.slide[data-stepped].step-5 [data-reveal="5"],
.slide[data-stepped].step-6 [data-reveal="1"],.slide[data-stepped].step-6 [data-reveal="2"],.slide[data-stepped].step-6 [data-reveal="3"],.slide[data-stepped].step-6 [data-reveal="4"],.slide[data-stepped].step-6 [data-reveal="5"],.slide[data-stepped].step-6 [data-reveal="6"],
.slide[data-stepped].step-7 [data-reveal="1"],.slide[data-stepped].step-7 [data-reveal="2"],.slide[data-stepped].step-7 [data-reveal="3"],.slide[data-stepped].step-7 [data-reveal="4"],.slide[data-stepped].step-7 [data-reveal="5"],.slide[data-stepped].step-7 [data-reveal="6"],.slide[data-stepped].step-7 [data-reveal="7"],
.slide[data-stepped].step-8 [data-reveal="1"],.slide[data-stepped].step-8 [data-reveal="2"],.slide[data-stepped].step-8 [data-reveal="3"],.slide[data-stepped].step-8 [data-reveal="4"],.slide[data-stepped].step-8 [data-reveal="5"],.slide[data-stepped].step-8 [data-reveal="6"],.slide[data-stepped].step-8 [data-reveal="7"],.slide[data-stepped].step-8 [data-reveal="8"]
{ opacity:1;transform:translateY(0);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out); }

/* ── PERSISTENT CHROME ──────────────────────────────────────── */
.progress{position:fixed;top:0;left:0;height:2px;background:var(--gold);width:0;transition:width .35s var(--ease-out);z-index:100;}

.chrome-logo{position:fixed;top:clamp(.8rem,1.5vw,1.2rem);left:clamp(1.5rem,3vw,2.5rem);z-index:50;display:flex;align-items:center;gap:.6rem;}
.chrome-logo-text{font-family:'Lato',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);}

.chrome-event{position:fixed;top:clamp(.8rem,1.5vw,1.2rem);right:clamp(1.5rem,3vw,2.5rem);font-family:'Lato',sans-serif;font-size:.62rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);z-index:50;}

.chrome-counter{position:fixed;bottom:clamp(.8rem,1.5vw,1.2rem);right:clamp(1.5rem,3vw,2.5rem);font-family:'Lato',sans-serif;font-size:.72rem;letter-spacing:.12em;color:var(--text-secondary);z-index:50;}
.chrome-counter .n{color:var(--gold);font-weight:700;font-size:.88rem;}

.chrome-partners{position:fixed;bottom:clamp(.8rem,1.5vw,1.2rem);left:clamp(1.5rem,3vw,2.5rem);display:flex;align-items:center;gap:1rem;z-index:50;opacity:.35;transition:opacity .5s;font-family:'Lato',sans-serif;font-size:.58rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);}
.chrome-partners.bright{opacity:.7;}
.pdot{width:3px;height:3px;border-radius:50%;background:var(--gold-dim);}

/* ── PRESENTER NOTES PANEL ───────────────────────────────────── */
.notes-panel{position:fixed;top:0;right:-32%;width:30%;height:100vh;background:rgba(8,8,14,.97);border-left:1px solid var(--glass-border);z-index:200;transition:right .4s var(--ease-out);overflow-y:auto;padding:2.5rem 2rem;}
.notes-panel.open{right:0;}
.notes-label{font-size:.6rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem;}
.notes-num{font-size:.6rem;color:var(--text-secondary);letter-spacing:.1em;margin-bottom:1.5rem;}
.notes-body{font-size:.88rem;line-height:1.75;color:var(--text-primary);opacity:.85;}

/* ── AUTO-REVEAL HEADLINES (on stepped slides) ───────────────── */
.auto-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s .1s var(--ease-out),transform .7s .1s var(--ease-out);}
.slide.active .auto-reveal{opacity:1;transform:translateY(0);}

/* ── SLIDE 1 — THE GLOBAL MOVEMENT ─────────────────────────── */
.s1-grid{display:grid;grid-template-columns:58% 42%;align-items:center;gap:2rem;height:100%;max-height:82vh;position:relative;z-index:2;}
.s1-eyebrow{font-size:.65rem;font-weight:600;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);margin-bottom:1.4rem;}
.s1-headline{font-family:'Lato',sans-serif;font-size:clamp(2.4rem,4.5vw,4.6rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1.4rem;}
.s1-headline em{font-style:italic;color:var(--gold-bright);}
.s1-subhead{font-family:'Lato',sans-serif;font-size:clamp(2.2rem,4vw,3.8rem);font-weight:600;letter-spacing:.02em;color:var(--gold-bright);margin-bottom:2rem;line-height:1.1;}
/* Globe canvas */
#globe-canvas{display:block;width:100%;height:100%;}
.s1-stat-wrap{display:flex;align-items:flex-end;gap:.8rem;margin-top:.5rem;}
.s1-num{font-family:'Lato',sans-serif;font-size:clamp(4.5rem,9vw,8rem);font-weight:700;color:var(--gold);line-height:1;letter-spacing:-.04em;}
.s1-unit{font-family:'Lato',sans-serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:600;color:var(--gold-bright);line-height:1.2;}
.s1-stat-label{font-size:.78rem;color:var(--text-secondary);line-height:1.5;max-width:180px;padding-bottom:.3rem;}
.s1-map-wrap{position:relative;display:flex;align-items:center;justify-content:center;}
.s1-map-wrap::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background:radial-gradient(ellipse,rgba(201,168,76,.06) 0%,transparent 70%);pointer-events:none;}
#world-svg{width:100%;height:auto;max-height:55vh;}

/* ── SLIDE 2 — INDONESIA HAS IT ALL ─────────────────────────── */
.s2-grid{display:grid;grid-template-columns:56% 1fr;gap:4rem;align-items:center;position:relative;z-index:2;}
.s2-headline{font-family:'Lato',sans-serif;font-size:clamp(2.5rem,4.8vw,4.8rem);font-weight:700;line-height:1.06;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:2.5rem;}
.s2-headline .gt{color:var(--gold-bright);font-style:italic;}
.bullets{list-style:none;display:flex;flex-direction:column;gap:1.1rem;}
.bullets li{font-size:clamp(.95rem,1.3vw,1.08rem);color:var(--text-primary);opacity:.88;padding-left:1.5rem;position:relative;line-height:1.5;}
.bullets li::before{content:'—';position:absolute;left:0;color:var(--gold);font-weight:700;}
.s2-deco{position:relative;display:flex;align-items:center;justify-content:center;min-height:260px;}
.s2-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Lato',sans-serif;font-size:clamp(50px,10vw,110px);font-weight:700;color:var(--gold);opacity:0;transition:opacity 1.2s .5s;pointer-events:none;z-index:3;letter-spacing:.04em;}
[data-unrecognised] .s2-watermark{opacity:.08;}

/* ── SLIDE 3 — THE GAP ──────────────────────────────────────── */
.s3-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;gap:0;position:relative;}
.s3-headline{font-family:'Lato',sans-serif;font-size:clamp(2.4rem,4.8vw,4.8rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary);max-width:920px;margin-bottom:3.5rem;}
.s3-headline .gd{color:var(--gold);}
.s3-line{height:1px;background:var(--gold);width:0;max-width:800px;align-self:stretch;margin:0 auto 2.2rem;transition:width 1.5s var(--ease-out);}
.s3-line.drawn{width:min(800px,78vw);}
.s3-until{font-family:'Lato',sans-serif;font-size:clamp(1rem,1.8vw,1.5rem);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ember);opacity:0;transform:translateY(10px);transition:opacity .8s,transform .8s;}
.s3-until.shown{opacity:1;transform:translateY(0);}

/* ── SLIDE 4 — TWO PILLARS ──────────────────────────────────── */
.s4-wrap{display:flex;flex-direction:column;align-items:center;gap:2.5rem;position:relative;z-index:2;}
.s4-super{font-family:'Lato',sans-serif;font-size:clamp(1.1rem,1.8vw,1.6rem);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-secondary);text-align:center;}
.s4-panels{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%;max-width:1080px;}
.glass-panel{background:var(--glass-panel);border:1px solid var(--glass-border);border-radius:8px;padding:clamp(1.5rem,2.5vw,2.2rem);backdrop-filter:blur(12px);opacity:0;transform:translateY(60px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);}
.slide.active .glass-panel.p1{opacity:1;transform:translateY(0);transition-delay:.15s;}
.slide.active .glass-panel.p2{opacity:1;transform:translateY(0);transition-delay:.3s;}
.p-label{font-size:.58rem;font-weight:700;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem;}
.p-icon{height:38px;margin-bottom:.9rem;display:flex;align-items:center;}
.p-title{font-family:'Lato',sans-serif;font-size:clamp(1.3rem,2.2vw,1.9rem);font-weight:700;color:var(--text-primary);line-height:1.15;margin-bottom:.35rem;}
.p-sub{font-size:.72rem;color:var(--text-secondary);letter-spacing:.1em;margin-bottom:1.2rem;padding-bottom:1.1rem;border-bottom:1px solid var(--glass-border);}
.p-bullets{list-style:none;display:flex;flex-direction:column;gap:.7rem;}
.p-bullets li{font-size:clamp(.82rem,1.05vw,.92rem);color:var(--text-primary);opacity:.8;padding-left:1.2rem;position:relative;line-height:1.45;}
.p-bullets li::before{content:'—';position:absolute;left:0;color:var(--gold);font-weight:600;}

/* ── SLIDE 5 — HTGA DETAIL ──────────────────────────────────── */
.s5-grid{display:grid;grid-template-columns:300px 1fr;gap:5rem;align-items:center;position:relative;z-index:2;}
.s5-eyebrow{font-size:.62rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;}
.s5-headline{font-family:'Lato',sans-serif;font-size:clamp(1.8rem,3.2vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:2rem;}
.s5-headline .gt{color:var(--gold-bright);font-style:italic;}
.diamond-stack{display:flex;flex-direction:column;align-items:center;gap:2rem;}
.d-wrap{display:flex;flex-direction:column;align-items:center;gap:.7rem;}
.d-gem{transform:rotate(45deg);border:2px solid var(--gold);background:rgba(201,168,76,.04);}
.d-gem.d3{width:124px;height:124px;border-color:var(--gold-bright);box-shadow:0 0 30px rgba(232,201,106,.45);animation:dpulse 2.5s ease-in-out infinite;}
.d-gem.d2{width:88px;height:88px;box-shadow:0 0 14px rgba(201,168,76,.3);}
.d-gem.d1{width:58px;height:58px;border-color:rgba(201,168,76,.5);box-shadow:0 0 7px rgba(201,168,76,.15);}
.d-lbl{font-size:.58rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--text-secondary);}
.d-wrap.top .d-lbl{color:var(--gold-bright);}
.d-wrap.mid .d-lbl{color:var(--gold);}
@keyframes dpulse{0%,100%{box-shadow:0 0 30px rgba(232,201,106,.45);}50%{box-shadow:0 0 55px rgba(232,201,106,.75),0 0 100px rgba(201,168,76,.2);}}

/* ── SLIDE 6 — CHEF ACCREDITATION ───────────────────────────── */
.s6-wrap{display:flex;flex-direction:column;gap:2rem;position:relative;z-index:2;max-width:1100px;}
.s6-eyebrow{font-size:.62rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);}
.s6-headline{font-family:'Lato',sans-serif;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:700;line-height:1.1;letter-spacing:-.015em;color:var(--text-primary);}
.s6-headline em{font-style:italic;color:var(--gold-bright);}
.cred-journey{position:relative;display:flex;align-items:flex-start;padding:2.5rem 0 1rem;gap:0;}
.cred-node{flex:1;display:flex;flex-direction:column;align-items:center;gap:.8rem;position:relative;z-index:2;}
.cred-circle{width:50px;height:50px;border-radius:50%;border:2px solid var(--gold-dim);background:transparent;transition:background .5s,border-color .5s,box-shadow .5s;}
.cred-node.on .cred-circle{background:var(--gold);border-color:var(--gold-bright);box-shadow:0 0 20px rgba(201,168,76,.5);}
.cred-lbl{font-size:.68rem;font-weight:600;color:var(--text-secondary);text-align:center;line-height:1.4;max-width:110px;transition:color .5s;}
.cred-node.on .cred-lbl{color:var(--text-primary);}
.cred-line{flex:1;height:2px;background:var(--gold-dim);align-self:center;margin-top:-2rem;position:relative;z-index:1;overflow:hidden;}
.cred-fill{height:100%;width:0;background:var(--gold);transition:width .6s var(--ease-out);}
.cred-line.filled .cred-fill{width:100%;}
.cred-badge{display:flex;justify-content:center;margin-top:1rem;opacity:0;transform:scale(.85);transition:opacity .8s,transform .8s;}
.cred-badge.shown{opacity:1;transform:scale(1);}
.badge-ring{width:130px;height:130px;border-radius:50%;border:1.5px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;background:rgba(201,168,76,.04);box-shadow:0 0 28px rgba(201,168,76,.18);padding:1rem;text-align:center;}
.badge-txt{font-size:.56rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);line-height:1.6;}
.badge-rule{width:36px;height:1px;background:var(--gold-dim);}

/* ── SLIDE 7 — CLOSING ──────────────────────────────────────── */
.slide-7{background:#000;align-items:center;justify-content:center;text-align:center;}
.s7-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;}
.s7-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;}
.s7-l1{font-family:'Lato',sans-serif;font-size:clamp(3.5rem,7.5vw,7rem);font-weight:700;color:var(--gold);line-height:1;letter-spacing:-.02em;opacity:0;transform:translateY(20px);transition:opacity 1s,transform 1s;}
.s7-l1.shown{opacity:1;transform:translateY(0);}
.s7-l2{font-family:'Lato',sans-serif;font-size:clamp(3.5rem,7.5vw,7rem);font-weight:700;color:var(--gold-bright);line-height:1;letter-spacing:-.02em;opacity:0;transform:translateY(20px);transition:opacity 1s 1.5s,transform 1s 1.5s;}
.s7-l2.shown{opacity:1;transform:translateY(0);}
.s7-progs{display:flex;gap:1.5rem;margin-top:3rem;flex-wrap:wrap;justify-content:center;opacity:0;transition:opacity .8s;}
.s7-progs.shown{opacity:1;}
.s7-prog{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);}
.s7-partners{position:absolute;bottom:clamp(1.5rem,3vw,2.5rem);display:flex;align-items:center;gap:1.5rem;opacity:0;transition:opacity .8s;font-size:.58rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);}
.s7-partners.shown{opacity:.65;}
.s7-sep{width:3px;height:3px;border-radius:50%;background:var(--gold-dim);}

/* ── PARTICLE CANVAS (slide 1) ──────────────────────────────── */
.p-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;}

/* ── RADIAL GLOW UTILITY ────────────────────────────────────── */
.glow-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(201,168,76,.05) 0%,transparent 70%);pointer-events:none;}
.glow-left{position:absolute;top:50%;left:25%;transform:translate(-50%,-50%);width:600px;height:500px;background:radial-gradient(ellipse,rgba(201,168,76,.05) 0%,transparent 70%);pointer-events:none;}

/* ── HINT ───────────────────────────────────────────────────── */
.hint{position:fixed;bottom:2.2rem;right:6rem;font-size:.6rem;letter-spacing:.14em;color:var(--text-dim);z-index:50;pointer-events:none;transition:opacity .5s;}
.hint.gone{opacity:0;}
/* ── UI ENHANCEMENTS ────────────────────────────────────────── */

/* Screen Reader Announcer */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* Cursor Glow */
.cursor-glow {
  position: fixed;
  top: 0; left: 0;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(201,168,76,0.06) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 9999;
  transition: opacity 0.3s;
  opacity: 0;
}
.cursor-glow.active { opacity: 1; }

/* Control Bar */
.control-bar {
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%) translateY(100px);
  display: flex;
  gap: 0.5rem;
  padding: 0.6rem 1.2rem;
  background: rgba(15, 15, 26, 0.65);
  backdrop-filter: blur(12px);
  border: 1px solid var(--glass-border);
  border-radius: 100px;
  z-index: 100;
  opacity: 0;
  transition: transform 0.5s var(--ease-out), opacity 0.5s var(--ease-out);
}
.control-bar.visible {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}
.ctrl-btn {
  background: transparent;
  border: none;
  color: var(--text-secondary);
  width: 40px; height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, transform 0.2s;
}
.ctrl-btn:hover {
  color: var(--gold-bright);
  background: rgba(201,168,76,0.1);
  transform: scale(1.05);
}
.ctrl-btn:active { transform: scale(0.95); }

/* ToC Overlay */
.toc-overlay {
  position: fixed;
  inset: 0;
  background: rgba(10, 10, 15, 0.85);
  backdrop-filter: blur(8px);
  z-index: 150;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s var(--ease-out);
}
.toc-overlay.open {
  opacity: 1;
  pointer-events: auto;
}
.toc-container {
  width: 90%;
  max-width: 600px;
  background: var(--bg-secondary);
  border: 1px solid var(--glass-border);
  border-radius: 12px;
  padding: 2rem;
  transform: translateY(30px);
  transition: transform 0.4s var(--ease-out);
}
.toc-overlay.open .toc-container { transform: translateY(0); }
.toc-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--glass-border);
}
.toc-title {
  font-family: 'Lato', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.toc-close {
  background: transparent;
  border: none;
  color: var(--text-secondary);
  cursor: pointer;
  transition: color 0.3s;
  display: flex;
}
.toc-close:hover { color: var(--gold-bright); }
.toc-list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.toc-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 8px;
  background: rgba(255,255,255,0.02);
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.3s, border-color 0.3s;
}
.toc-item:hover, .toc-item:focus {
  background: rgba(201,168,76,0.05);
  border-color: rgba(201,168,76,0.2);
  outline: none;
}
.toc-item.active {
  background: rgba(201,168,76,0.08);
  border-color: var(--gold-dim);
}
.toc-num {
  font-family: 'Lato', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--gold);
  min-width: 40px;
}
.toc-name {
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  color: var(--text-primary);
}

/* Enhancing Hover on Logos */
.chrome-logo, .chrome-partners span {
  transition: transform 0.3s, color 0.3s;
}
.chrome-logo:hover { transform: scale(1.02); cursor: default; }
.chrome-partners span:hover { color: var(--gold-bright); cursor: default; }