/* Language switcher (both editions) and English-edition extras (speaker page, legal prose).
   Loaded after style.css by build.py's page(); written by hand, not generated. */

/* ---------- Switcher: header (before the CTA), menu sheet (first row), footer (legal row) ---------- */
.lang-sw{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 13px;border-radius:999px;background:#fff;color:var(--navy);font:650 .84rem/1 "Inter",sans-serif;letter-spacing:.08em;text-decoration:none;box-shadow:inset 0 0 0 1px var(--line);transition:background .2s,box-shadow .2s,scale .15s}
.lang-sw:hover{background:var(--soft);box-shadow:inset 0 0 0 1px #D3D8E0}
.lang-sw:active{scale:.96}
.lang-sw .ic{width:16px;height:16px;color:var(--gold-ink)}
@media (max-width:1024px){.lang-sw .ic{display:none}.lang-sw{padding:0 10px}}
.sheet-lang{display:flex;align-items:center;gap:14px;min-height:56px;margin:0 0 14px;padding:8px 16px 8px 12px;border-radius:16px;background:var(--gold-soft);color:var(--navy);font-weight:650;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(240,190,0,.45)}
.sheet-lang .ic{width:22px;height:22px;flex:none;color:var(--gold-ink)}
.sheet-lang small{display:block;font-weight:500;font-size:.82rem;color:var(--on-gold)}
.sheet-lang .ic.go{margin-left:auto;width:18px;height:18px;color:var(--navy)}
@media (min-width:1025px){.sheet-lang{display:none}}
footer .legal .lang-foot{display:inline-flex;align-items:center;gap:8px;font-weight:650;color:#fff;text-decoration:none}
footer .legal .lang-foot .ic{width:16px;height:16px;color:var(--gold)}
footer .legal .lang-foot:hover{text-decoration:underline;text-underline-offset:4px}

/* ---------- Speaker page ---------- */
.bio{display:grid;grid-template-columns:320px 1fr;gap:64px;align-items:start}
.bio .frame{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:876/1220;background:radial-gradient(120% 85% at 50% 18%,#FFFFFF 0%,#FFF3C4 48%,#F2C94C 100%);box-shadow:0 40px 80px -40px rgba(11,31,58,.4)}
.bio .frame img{width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block}
.bio-side{display:grid;gap:12px;position:sticky;top:calc(var(--hdr) + 28px)}
.bio-side .pill{width:100%}
.bio h2{font-family:"Inter Tight",sans-serif;font-size:1.35rem;letter-spacing:-.02em;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.bio h2 .ic{width:22px;height:22px;color:var(--gold-ink)}
.bio .copy{position:relative;margin:0 0 40px;padding:24px 26px;border-radius:var(--r);background:var(--soft);font-size:1.02rem;line-height:1.66}
.bio .copy p{margin:0}
.bio .copy .wc{display:block;margin-top:12px;font-size:.78rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--gray)}
.bio .facts{margin-bottom:36px}
.topics{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:t}
.topic{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);padding:28px;box-shadow:var(--ring);scroll-margin-top:calc(var(--hdr) + 20px)}
section.soft .topic{box-shadow:none}
.topic:target{box-shadow:0 0 0 2px var(--gold),0 22px 44px -22px rgba(160,120,0,.55)}
.topic .t-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.topic .ix{font:700 .82rem "Inter Tight",sans-serif;color:var(--gray);letter-spacing:.04em}
.topic h3{font-family:"Inter Tight",sans-serif;font-size:1.18rem;line-height:1.3;letter-spacing:-.015em;margin:0 0 10px}
.topic p{margin:0 0 18px;color:var(--ink-2);font-size:.96rem;line-height:1.58}
.topic .ev{list-style:none;margin:auto 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:8px}
.topic .ev a{display:flex;align-items:flex-start;gap:8px;font-size:.86rem;font-weight:500;color:var(--navy);text-decoration:none;line-height:1.4}
.topic .ev a .ic{width:15px;height:15px;flex:none;margin-top:2px;color:var(--gold-ink)}
.topic .ev a:hover span{text-decoration:underline;text-decoration-color:rgba(240,190,0,.8);text-decoration-thickness:2px;text-underline-offset:3px}
.topic .pick{margin-top:16px;align-self:flex-start}
.form .opt{font-weight:500;color:var(--gray)}
.form .hint{margin:-12px 0 20px;font-size:.84rem;color:var(--gray)}
.form .consent{display:flex;gap:12px;align-items:flex-start;margin:0 0 20px;font-size:.88rem;font-weight:500;line-height:1.5;color:var(--ink-2)}
.form .consent input{width:20px;height:20px;min-height:0;margin:2px 0 0;padding:0;flex:none;accent-color:var(--navy)}
.lang-note{display:flex;gap:10px;align-items:flex-start;margin:28px 0 0;font-size:.88rem;color:var(--gray)}
.lang-note .ic{width:18px;height:18px;flex:none;margin-top:2px;color:var(--gold-ink)}

/* ---------- Legal pages (English edition) ---------- */
.prose{max-width:760px}
.prose h2{font-family:"Inter Tight",sans-serif;font-size:1.35rem;letter-spacing:-.015em;margin:40px 0 12px}
.prose p,.prose li{color:var(--ink-2);line-height:1.7}
.prose a{color:var(--navy);text-decoration:underline;text-decoration-color:rgba(240,190,0,.8);text-decoration-thickness:2px;text-underline-offset:3px}

@media (max-width:1000px){.topics{grid-template-columns:1fr 1fr}.bio{grid-template-columns:260px 1fr;gap:40px}}
@media (max-width:720px){
  .topics{grid-template-columns:1fr}
  .bio{grid-template-columns:1fr;gap:32px}
  .bio-side{position:static;grid-template-columns:120px 1fr;align-items:center}
  .bio-side .frame{grid-row:span 2}
  .topic{padding:24px}
}

/* English labels are longer than the Indonesian ones the header was sized for. */
html[lang="en"] .dn-a{white-space:nowrap}
@media (max-width:1499px){html[lang="en"] .wordmark small .sub-l{display:none}html[lang="en"] .wordmark small .sub-s{display:inline}}
@media (max-width:420px){.wordmark small{white-space:nowrap}.lang-sw{min-width:0;width:40px;height:40px;padding:0;font-size:.8rem}}