*{margin:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f5f6f8;color:#111827;line-height:1.55}.top{max-width:900px;margin:0 auto;padding:48px 20px 24px;text-align:center}.top h1{font-size:clamp(26px,4vw,38px);line-height:1.2;margin-bottom:10px}.top p{color:#4b5563;max-width:620px}.grid,.top p{margin:0 auto}.grid{max-width:1180px;padding:16px 20px 40px;display:grid;grid-gap:22px;gap:22px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;border-top:5px solid var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.08);transition:transform .15s,box-shadow .15s}.card:focus-visible,.card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(0,0,0,.14)}.pic{position:relative;aspect-ratio:16/10;background:#e5e7eb}.body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1 1}.area{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.card h2{font-size:21px}.style{font-size:13px;color:#6b7280}.tag{color:#374151;flex:1 1}.row,.tag{font-size:14px}.row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.go{color:#fff;background:var(--accent);padding:7px 12px;border-radius:999px;font-weight:600}.foot,.go{font-size:13px}.foot{text-align:center;color:#6b7280;padding:0 20px 40px}