main{padding:12px 16px!important}
h1{margin:.25em 0!important}
h2{margin:1.1em 0 .4em!important;font-size:21px!important}
.box{margin:12px 0!important;padding:14px!important}
.answer{padding:12px 14px!important;font-size:16px!important}
.hero.two{gap:18px!important}
.vgrid{gap:10px!important}
.vcard{padding:12px!important}
.vcard .btn,.box .btn{padding:10px 18px!important;margin:5px 0!important;min-height:42px;font-size:15px!important}
.price b{font-size:28px!important}
ul,ol{margin:.4em 0!important;padding-left:1.25em}
li{margin:.15em 0}
@media(min-width:768px){main ol{columns:2;column-gap:32px}main ol li{break-inside:avoid}}
.grid{gap:12px!important}
.card{padding:12px!important}
details{margin:6px 0!important}
details summary{min-height:44px;display:flex;align-items:center;padding:6px 12px!important}
footer{padding-top:14px!important;padding-bottom:14px!important}
@media(max-width:600px){.vcard .price b{font-size:24px!important}.btn.alt{margin-top:2px!important}}
/* 2026-10-31 compact grid: 2 kolom mobile, 4 desktop */
.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
@media(min-width:900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.grid .card{padding:10px!important;min-width:0}
.grid .card h3{font-size:14px!important;line-height:1.3!important;margin:6px 0 4px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grid .card img{width:100%;height:auto;border-radius:8px}
.grid .card .muted{font-size:12px!important;margin:2px 0!important}
.grid .card .btn2{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.grid .card .btn.sm{padding:7px 12px!important;font-size:13px!important}
.ct-tile h3 a{text-decoration:none}
.cta-row{flex-wrap:nowrap!important}.cta-row .btn{flex:1;text-align:center;padding:11px 10px!important;font-size:14px!important}