:root { --paper:#F1EADB; --card:#FFFBF2; --ink:#1E2430; --muted:#4A5160; --glow:#FFD54A; --green:#0B7A3B;
  --head:"Baloo 2","Poppins",system-ui,sans-serif; --body:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; font:16px/1.75 var(--body); color:var(--ink); background-color:var(--paper);
  background-image: radial-gradient(rgba(30,36,48,.11) 1px, transparent 1.3px); background-size:22px 22px; }
a { color: var(--ink); text-underline-offset: 3px; }
:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; border-radius: 8px; }
.nav { position:sticky; top:0; z-index:10; background:rgba(241,234,219,.9); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid rgba(30,36,48,.09); }
.nav .wrap { width:min(1120px,100% - 40px); margin-inline:auto; display:flex; align-items:center; justify-content:space-between; height:66px; }
.logo { display:inline-flex; align-items:center; gap:10px; text-decoration:none; font:800 24px/1 var(--head); }
.logo i { width:38px; height:38px; border-radius:11px; background:var(--ink); color:var(--glow); display:grid; place-items:center; }
.logo svg { width:22px; height:22px; }
.nav-r { display:flex; align-items:center; gap:6px; }
.nav-r a { font-weight:600; font-size:15px; text-decoration:none; padding:8px 14px; border-radius:999px; border:2px solid transparent; }
.nav-r a:hover { border-color:var(--ink); }
.doc { width:min(780px,100% - 32px); margin:36px auto 64px; background:var(--card); border:1.5px solid rgba(30,36,48,.12); border-radius:28px; padding:clamp(24px,5vw,52px); box-shadow:0 18px 34px -24px rgba(30,36,48,.55); }
h1 { font:800 clamp(2rem,6vw,2.8rem)/1.08 var(--head); margin:0 0 6px; letter-spacing:-.01em; }
h2 { font:800 1.4rem/1.2 var(--head); margin:2.1em 0 .4em; }
.meta { color:var(--muted); font-size:14px; margin:0 0 22px; }
.lead { background:#FFF3C4; border:1.5px solid rgba(30,36,48,.18); border-radius:18px; padding:16px 20px; font-weight:500; margin:0 0 8px; }
p { margin:.6em 0; }
ul { padding-left: 1.2em; margin:.6em 0; } li { margin:.35em 0; }
dt { font-weight:600; margin-top:.9em; } dd { margin:.15em 0 0; color:var(--ink); }
footer { width:min(1120px,100% - 40px); margin:0 auto; padding:0 0 34px; font-size:14px; color:var(--muted); display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 24px; }
footer a { font-weight:600; margin-left:16px; } footer a:first-child { margin-left:0; }