body{background:#f8f9fa;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;margin:0;padding:0;color:#333}header{background-color:#343a40;color:#fff;padding:20px 0;text-align:center}header h1{margin:0;font-size:2rem}footer{background-color:#343a40;color:#fff;padding:10px 0;text-align:center;font-size:0.9rem}main{padding:40px 20px;text-align:center}img{max-width:100%;height:auto;border-radius:4px;margin-bottom:10px}#filter-controls{margin-top:15px;display:inline-flex;gap:10px;justify-content:center;width:100%}#filter-controls button{background-color:#007BFF;border:none;border-radius:4px;padding:10px 15px;font-size:1em;color:#fff;cursor:pointer;transition:background-color 0.3s ease, transform 0.2s ease}#filter-controls button:hover{background-color:#0056b3;transform:translateY(-2px)}#filter-controls button:focus{outline:none;box-shadow:0 0 0 3px rgba(0,255,81,0.5)}#filter-controls button:active{transform:translateY(0)}a{text-decoration:underline;color:#007bff}a.no-style{text-decoration:none;color:inherit}.grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;width:100%}@media (max-width: 768px){.grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 480px){.grid{grid-template-columns:1fr}}.cell{background:#fff;border:none;box-shadow:0 2px 8px rgba(0,0,0,0.1);padding:20px;text-align:center;border-radius:8px;transition:transform 0.2s ease, box-shadow 0.2s ease}.cell:hover{transform:translateY(-5px);box-shadow:0 4px 16px rgba(0,0,0,0.2)}.cell h2{font-size:1.2rem;margin:0;padding-top:10px;color:#333}.description{text-align:left;max-width:80%;margin:0 auto 1.5em auto;font-size:1.1rem;line-height:1.6}.main-content{width:80%;margin:0 auto}