:root{--plum:#4E2A84;--plum-ink:#2B1A47;--cream:#F1E9D4;--paper:#FBF8F1;--soft:#D3CCEB;--muted:#665C7A;--line:#E4DDCC}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--plum-ink);font-family:Outfit,system-ui,sans-serif;font-size:17px;line-height:1.6}
a{color:var(--plum)}a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.top{background:var(--plum);color:var(--cream)}
.top div{max-width:760px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:6px}
.top a{color:inherit;text-decoration:none;font-weight:500;font-size:24px;display:flex;align-items:center;gap:4px;letter-spacing:-.01em}
.top img{width:34px;height:34px}
main{max-width:760px;margin:0 auto;padding:32px 20px 48px}
h1{font-size:32px;line-height:1.15;font-weight:500;margin:0 0 6px;color:var(--plum)}
h2{font-size:20px;line-height:1.3;font-weight:500;margin:30px 0 6px;color:var(--plum)}
p,ul,ol{margin:0 0 12px}li{margin-bottom:6px}ul,ol{padding-left:22px}
.date{color:var(--muted);font-size:14px;margin-bottom:24px}
dl{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:8px 16px;margin:0}dt{color:var(--muted)}dd{margin:0;font-weight:500;overflow-wrap:anywhere}
@media(max-width:520px){dl{grid-template-columns:1fr;gap:0}dd{margin-bottom:12px}}
footer{background:var(--plum);color:var(--soft);font-size:14px}
footer div{max-width:760px;margin:0 auto;padding:24px 20px 30px}
footer nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:14px}
footer a{color:var(--cream);text-decoration:none}footer a:hover{text-decoration:underline}
footer p{margin:0 0 4px}