:root { --cream:#F7EFE1; --ink:#1B2A4A; --soft:#5A6683; --purple:#6A4CF0; --card:#FFFDF8; --line:#E7DFD1; }
* { box-sizing:border-box; }
body { margin:0; background:var(--cream); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; line-height:1.6; }
.wrap { max-width:820px; margin:0 auto; padding:32px 20px 80px; }
header { text-align:center; padding:24px 0; }
.logo { font-weight:900; font-size:34px; letter-spacing:1px; }
.logo span:first-child { color:#24B7A8; } .logo span:last-child { color:#F1584C; }
h1 { font-size:30px; margin:24px 0 6px; }
h2 { font-size:20px; margin:28px 0 8px; color:var(--purple); }
h3 { font-size:16px; margin:18px 0 6px; }
.muted { color:var(--soft); font-size:14px; }
a { color:var(--purple); }
.card { background:var(--card); border-radius:18px; padding:24px 28px; box-shadow:0 6px 20px rgba(0,0,0,.05); }
footer { text-align:center; margin-top:40px; }
nav a { margin:0 10px; font-weight:600; text-decoration:none; }
.ident { background:#F3F0FF; border:1px solid #DED6FF; border-radius:12px; padding:14px 18px; margin:14px 0; }
.ident dl { margin:0; display:grid; grid-template-columns:minmax(160px,auto) 1fr; gap:4px 16px; font-size:15px; }
.ident dt { color:var(--soft); }
.ident dd { margin:0; }
.tablewrap { overflow-x:auto; margin:12px 0; }
table { border-collapse:collapse; width:100%; font-size:14px; min-width:560px; }
th, td { border:1px solid var(--line); padding:8px 10px; text-align:left; vertical-align:top; }
th { background:#F3F0FF; color:var(--ink); font-weight:700; }
ul { padding-left:22px; }
@media (max-width:560px) {
  .ident dl { grid-template-columns:1fr; }
  .ident dt { margin-top:8px; font-weight:600; }
}