:root{
  --bg:#F5EFD7;
  --panel:#2E1C12;
  --ink:#00000;
  --border:#00000;
  --focus:#E7CFA0;
}
*{box-sizing:border-box;margin:0;padding:0}
html:focus-within{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
}
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.5;
}

/* Header / Nav */
header{
  display:flex;justify-content:space-between;align-items:center;
  padding:1em;height:60px;position:relative;z-index:2;
  background:var(--bg);border-bottom:1px solid var(--border);
}
.brand{font-size:1.5em;color:var(--ink);font-weight:700;text-decoration:none}
.menu-button{
  appearance:none;background:none;border:1px solid var(--border);
  color:var(--ink);border-radius:10px;padding:.5rem .6rem;cursor:pointer;
  display:flex;flex-direction:column;justify-content:center;gap:4px;
}
.menu-button .bar{width:24px;height:2px;background:var(--ink);transition:transform .2s ease,opacity .2s ease}
.menu-button[aria-expanded="true"] .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-button[aria-expanded="true"] .bar:nth-child(2){opacity:0}
.menu-button[aria-expanded="true"] .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

.dropdown{
  position:absolute;top:60px;right:1em;min-width:180px;
  background:var(--bg);border:1px solid var(--border);border-radius:12px;
  padding:.25rem;display:none;box-shadow:0 10px 24px rgba(0,0,0,.25);
}
.dropdown.open{display:block;animation:pop .12s ease}
@keyframes pop{from{transform:translateY(-6px);opacity:0}to{transform:none;opacity:1}}

.menu-list{list-style:none}
.menu-list a{
  display:block;padding:.6rem .8rem;color:var(--ink);text-decoration:none;border-radius:8px;
}
.menu-list a:hover,.menu-list a:focus{background:var(--panel)}
.menu-list a[aria-current="page"]{background:var(--panel);font-weight:700}
.menu-list a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

/* Layout */
.wrap{max-width:900px;margin:0 auto;padding:2rem 1rem}
.section{margin:0 0 2rem}
.section h1,.section h2{margin:0 0 .5rem}
.muted{color:#e9dfc0cc}
.bullets{margin-top:.5rem;padding-left:1rem;list-style:disc}

/* Link block */
.link-block{
  padding:1em;background:var(--panel);color:var(--ink);
  border:1px solid var(--border);text-align:center;
  display:flex;flex-direction:column;gap:1em;border-radius:12px;max-width:560px;margin-inline:auto;
}
.link-block a{
  color:var(--ink);text-decoration:none;font-size:1.1em;
  border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;
  transition:background-color .15s ease,transform .06s ease;
}
.link-block a:hover{text-decoration:none;background:#3a2317}
.link-block a:active{transform:translateY(1px)}
.link-block a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}

/* Utility */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}