:root{
  --ink:#16132E; --indigo:#393186; --indigo-600:#4A40A8; --peri:#6F66E4;
  --canvas:#F6F6FB; --white:#fff; --text:#1B1830; --muted:#5C5878;
  --line:rgba(57,49,134,.14); --r:16px; --maxw:820px;
  --ff-display:"Fraunces",Georgia,serif; --ff-body:"Inter",system-ui,-apple-system,sans-serif; --ff-mono:"IBM Plex Mono",ui-monospace,monospace;
}
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{ margin:0; font-family:var(--ff-body); color:var(--text); background:var(--canvas); line-height:1.7; }
a{ color:var(--indigo); }
a:hover{ color:var(--indigo-600); }

.lg-header{ background:var(--ink); }
.lg-header .wrap{ max-width:var(--maxw); margin:0 auto; padding:18px clamp(20px,5vw,40px); display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.lg-header img{ height:42px; width:auto; display:block; }
.lg-back{ color:#EEF0F7; font-size:.92rem; display:inline-flex; align-items:center; gap:.5em; text-decoration:none; }
.lg-back:hover{ color:#fff; }
.lg-back svg{ width:16px; height:16px; }

main.lg{ max-width:var(--maxw); margin:0 auto; padding:clamp(32px,6vw,64px) clamp(20px,5vw,40px) 64px; }
.lg-eyebrow{ font-family:var(--ff-mono); font-size:.74rem; letter-spacing:.18em; text-transform:uppercase; color:var(--indigo); margin:0 0 .6rem; }
.lg h1{ font-family:var(--ff-display); font-weight:600; font-size:clamp(2rem,5vw,2.9rem); line-height:1.08; margin:0 0 .4rem; }
.lg .updated{ color:var(--muted); font-size:.9rem; margin:0 0 2.4rem; }
.lg h2{ font-family:var(--ff-display); font-weight:600; font-size:1.4rem; margin:2.4rem 0 .7rem; color:var(--ink); }
.lg h3{ font-size:1.05rem; margin:1.6rem 0 .5rem; }
.lg p,.lg li{ color:#34304f; }
.lg ul{ padding-left:1.2rem; }
.lg li{ margin:.3rem 0; }
.lg .box{ background:var(--white); border:1px solid var(--line); border-radius:var(--r); padding:1.2rem 1.4rem; margin:1.2rem 0; }
.lg .box p{ margin:.3rem 0; }
.lg table{ width:100%; border-collapse:collapse; margin:1rem 0; font-size:.93rem; background:var(--white); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; }
.lg th,.lg td{ text-align:left; padding:.7em .9em; border-bottom:1px solid var(--line); vertical-align:top; }
.lg th{ background:#efeffa; font-size:.78rem; letter-spacing:.04em; text-transform:uppercase; color:var(--indigo); }
.lg tr:last-child td{ border-bottom:none; }
.lg .fill{ background:#fff6d8; padding:.05em .4em; border-radius:4px; font-family:var(--ff-mono); font-size:.85em; }

.lg-footer{ border-top:1px solid var(--line); }
.lg-footer .wrap{ max-width:var(--maxw); margin:0 auto; padding:24px clamp(20px,5vw,40px); display:flex; flex-wrap:wrap; gap:.4rem 1.4rem; justify-content:space-between; align-items:center; font-size:.85rem; color:var(--muted); }
.lg-footer nav{ display:flex; gap:1.2rem; flex-wrap:wrap; }
.lg-footer a{ color:var(--muted); text-decoration:none; }
.lg-footer a:hover{ color:var(--indigo); }