:root{
  --cream:#FFF6E5; --sand:#FFE9C4; --ink:#2B2118; --red:#E4322B; --gold:#F5C33B;
  --cola:#5A2A16; --line:#2B2118;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--cream); color:var(--ink);
  font:16px/1.55 "Verdana","DejaVu Sans",Geneva,sans-serif;
  background-image:radial-gradient(var(--sand) 1.6px, transparent 1.6px);
  background-size:26px 26px;
}
.wrap{max-width:1180px;margin:0 auto;padding:40px 22px 80px}

header{text-align:center;margin-bottom:34px}
.kicker{letter-spacing:5px;font-size:13px;font-weight:bold;color:#B8873C}
h1{font-size:clamp(34px,6vw,58px);margin:.18em 0 .1em;letter-spacing:-1px}
.dom{color:var(--red)}

.tagbar{
  margin:26px auto 0;max-width:760px;background:var(--ink);color:var(--cream);
  border-radius:16px;padding:16px 22px;box-shadow:6px 6px 0 var(--gold);
  display:flex;align-items:center;justify-content:center;gap:14px;min-height:74px;text-align:center;
}
.tagbar b{font-size:clamp(17px,2.6vw,25px);letter-spacing:.3px}
.tagbar small{display:block;color:var(--gold);font-size:13px;font-weight:normal;margin-top:4px}
.tagbar button{
  background:var(--red);color:var(--cream);border:3px solid var(--cream);border-radius:10px;
  font:bold 12px Verdana,sans-serif;padding:8px 12px;cursor:pointer;flex:none;letter-spacing:1px;
}
.tagbar button:hover{background:var(--gold);color:var(--ink)}
.tagbar button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:26px;margin-top:34px}

.card{
  background:#fff;border:5px solid var(--line);border-radius:20px;overflow:hidden;
  box-shadow:8px 8px 0 rgba(43,33,24,.85);display:flex;flex-direction:column;
}
.card figure{margin:0;background:var(--cream);border-bottom:5px solid var(--line)}
.card img{display:block;width:100%;height:auto}
.meta{padding:16px 18px 18px}
.no{
  display:inline-block;background:var(--gold);border:3px solid var(--line);border-radius:8px;
  font-size:12px;font-weight:bold;padding:2px 9px;margin-bottom:8px
}
.card h2{font-size:19px;margin:0 0 6px}
.pun{color:var(--red);font-weight:bold;font-size:14px;margin:0 0 8px}