*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Segoe UI",Tahoma,sans-serif;background:#efe4cf;color:#243038;line-height:1.78;font-size:17.5px}
a{color:#0d6e8a}
.card{max-width:860px;margin:16px auto;background:#fffaf2;min-height:calc(100vh - 32px);box-shadow:0 8px 0 #c9854a}
.post{background:#1f6f8a;color:#fffaf2;padding:16px 18px 12px}
.post a.brand{color:#fffaf2;text-decoration:none;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}
.post span{display:block;font-size:.75rem;opacity:.8;margin-top:4px}
.stamps{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px;background:#fffaf2;border-bottom:2px dashed #c9854a}
.stamps a{text-decoration:none;color:#243038;border:2px dashed #1f6f8a;padding:8px 12px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.stamps a.active{background:#1f6f8a;color:#fffaf2;border-style:solid}
.burger{display:none;margin:8px 14px;background:#c9854a;color:#fff;border:0;padding:8px 12px;cursor:pointer;font-weight:700}
.page{padding:24px 26px 46px}
.k{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#c9854a;margin-bottom:8px}
h1{font-size:clamp(1.55rem,4vw,2.2rem);line-height:1.16;margin:0 0 12px}
h2{font-size:1.16rem;margin:22px 0 8px}
p,li{margin:0 0 12px;color:#314048}
ul{margin:0 0 14px 1.15em}
.lead{color:#5c6c74;margin-bottom:14px}
.pic{display:block;width:100%;height:auto;margin:10px 0 6px}
.cap{font-size:.84rem;color:#6c7c84;margin:0 0 16px;font-style:italic}
.note{margin-top:18px;padding-top:12px;border-top:2px dashed #c9854a;font-size:.9rem;color:#5c6c74}
@media(max-width:720px){
  .card{margin:0}
  .stamps{display:none}
  .stamps.open{display:flex}
  .burger{display:inline-block}
  .page{padding:16px 14px 32px}
}