*{box-sizing:border-box}body{margin:0;background:#f6f6f6;color:#1d1d1d;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
header{background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px max(16px,6vw);border-bottom:1px solid #e2e2e2;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand img{width:92px;height:auto}
.brand span{font:bold 13px/1.3 Georgia,serif;letter-spacing:.06em;max-width:180px}
nav{display:flex;flex-wrap:wrap;gap:4px 22px}nav a{color:#1d1d1d;text-decoration:none;font-weight:600;font-size:15px;padding:4px 0}
nav a.on,nav a:hover{border-bottom:2px solid #d9a441}.caret{color:#888;font-size:12px}
.hero img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover}
main{max-width:880px;margin:0 auto;padding:24px 16px 48px}h1{font:400 44px/1.2 Georgia,serif;margin:16px 0 20px}
h2{font:700 22px/1.3 Georgia,serif;margin:4px 0 10px}article{background:#fff;padding:20px 24px;margin:0 0 18px;border-radius:4px;box-shadow:0 1px 2px #0000000f}
time{color:#777;font-size:14px}.sign{font-style:italic}ol,ul{padding-left:22px}.plain{list-style:none;padding:0}.plain li{margin:0 0 10px}
.lead{color:#444}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.card{padding:0 0 14px;overflow:hidden}.card img{display:block;width:100%;height:auto}.card h2,.card p{margin-left:18px;margin-right:18px}
.card h2{margin-top:12px}.place{color:#777;font-size:14px;margin-top:-6px}
footer{background:#2b2b2b;color:#ddd;text-align:center;padding:22px 16px;font-size:14px}footer p{margin:4px 0}.small{color:#999;font-size:12px}
@media (max-width:600px){h1{font-size:34px}article{padding:16px}.brand img{width:70px}}