*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f7f8;color:#17202a}
.site-header{padding:28px 5%;display:flex;align-items:center;gap:14px;background:#fff;border-bottom:1px solid #e5e7eb}
.logo{width:44px!important;height:44px!important;object-fit:contain!important}
.site-header h1{margin:0;font-size:clamp(20px,3vw,30px)}
.container{max-width:1200px;margin:auto;padding:32px 5%}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.05);display:flex!important;flex-direction:column!important;height:100%!important;min-width:0}
.card-image{display:flex!important;position:relative!important;width:100%!important;height:210px!important;min-height:210px!important;max-height:210px!important;overflow:hidden!important;align-items:center!important;justify-content:center!important;background:#fff!important;padding:0!important;margin:0!important}
.card-image img{display:block!important;position:relative!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;flex:none!important}
.card-body{padding:20px;display:flex!important;flex-direction:column!important;flex:1 1 auto!important;height:286px!important;min-height:286px!important;max-height:286px!important;overflow:hidden!important}
.card h2{margin:0 0 8px;font-size:21px;line-height:1.3;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;height:54.6px!important;min-height:54.6px!important;max-height:54.6px!important}
.card p{margin:0 0 18px;color:#5b6470;line-height:1.5;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:5!important;overflow:hidden!important;height:112.5px!important;min-height:112.5px!important;max-height:112.5px!important}
.btn{display:inline-block;align-self:flex-start;margin-top:auto;padding:10px 18px;border-radius:9px;background:#111827;color:#fff;text-decoration:none;font-weight:600}
.btn.disabled{opacity:.45;cursor:default}
footer{text-align:center;padding:24px;color:#6b7280}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .grid{grid-template-columns:1fr}
 .container{padding-top:20px}
 .card-image{height:200px!important;min-height:200px!important;max-height:200px!important}
 .card-body{padding:17px;height:270px!important;min-height:270px!important;max-height:270px!important}
 .card h2{font-size:20px}
 .card p{margin-bottom:16px}
}