:root{font-family:system-ui,sans-serif;color:#24313a;background:#f7f8f6}body{margin:0}main{max-width:1200px;margin:auto;padding:16px}header{padding:24px 0}h1{font-size:clamp(1.5rem,4vw,2.4rem);margin:0 0 10px}p{line-height:1.55}.notice{background:#fff3d6;padding:14px;border-radius:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}article{background:white;border:1px solid #dce2df;border-radius:12px;overflow:hidden}article img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}article>div{padding:14px}h2{font-size:1.05rem;line-height:1.4;margin:0 0 8px}.tag{display:inline-block;background:#daf2e3;padding:3px 8px;border-radius:30px;font-size:.82rem}.conditional .tag{background:#fff0c9}small{color:#596a69}a{color:#075a92}details{margin-top:9px}summary{cursor:pointer}dd{margin:2px 0 9px;overflow-wrap:anywhere}dt{font-weight:700}@media(max-width:600px){main{padding:12px}.grid{grid-template-columns:1fr}article img{max-height:72vw}}