:root{
  --bg:#ffffdd;
  --text:#111;
  --card:#fff;
  --border:#d9d2a6;
  --link:#111;
  --max: 960px;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Palatino Linotype",serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.5;
}
header{
  position:sticky;
  top:0;
  background:rgba(255,255,221,0.92);
  backdrop-filter:saturate(140%) blur(6px);
  border-bottom:1px solid var(--border);
}
.container{max-width:var(--max); margin:0 auto; padding:16px;}
.brand{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:10px;
}
.brand h1{font-size:22px; margin:0;}
.brand small{opacity:.75}
nav{
  margin-top:10px;
  display:flex; flex-wrap:wrap; gap:10px 14px;
}
nav a{
  color:var(--link);
  text-decoration:none;
  padding:6px 10px;
  border:1px solid transparent;
  border-radius:10px;
}
nav a:hover{border-color:var(--border); background:#fff}
main{padding:22px 0 40px;}
.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:16px;
  padding:18px;
}
h2{margin-top:0; font-size:22px;}
footer{
  border-top:1px solid var(--border);
  padding:18px 0;
  font-size:14px;
}
.footer-links{
  display:flex; gap:12px; flex-wrap:wrap;
}
.muted{opacity:.75}
ul{padding-left:20px;}