:root{
  --bg:#f3efe7;
  --paper:#fbf9f3;
  --card:#ffffff;
  --line:#e2ddd2;
  --text:#2f2f2f;
  --navlink:#2f5d90;
}

body{
  margin:0;
  background:var(--bg);
  font-family: Georgia, serif;
  color:var(--text);
}

.masthead{background:#f7f5f0;padding:20px;text-align:center;}
.logo-img{max-width:520px;width:100%;}

.divider{height:1px;background:var(--line);}

.frame{max-width:1100px;margin:auto;background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.topbar{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line);}
.topbar a{color:var(--navlink);text-decoration:none;}

.cols{display:grid;grid-template-columns:240px 1fr 240px;gap:20px;padding:20px;}
.box{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:16px;}
.box-head{padding:10px;font-weight:bold;border-bottom:1px solid var(--line);}
.menu{display:flex;flex-direction:column;padding:10px;}
.menu a{color:var(--navlink);margin:4px 0;text-decoration:none;}

.paper{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;font-family:Courier New;}
.footer-strip{text-align:center;padding:20px;border-top:1px solid var(--line);}

.burger{display:none;background:#fff;border:1px solid var(--line);padding:8px;}

@media (max-width:980px){
  .cols{grid-template-columns:1fr;}
  .burger{display:block;}
  .topbar-right{display:none;}
  .topbar-right.open{display:flex;}
}