.aabb-container{margin:1.5rem 0;clear:both}
.aabb-heading{margin:0 0 .75rem;font-size:1.125rem;line-height:1.25;font-weight:700;color:#111}
.aabb-list{display:flex;flex-direction:column;gap:16px}
.aabb-note{margin:.75rem 0 0;color:#444;font-size:.9rem;opacity:.9}
.aabb-card{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:16px;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.aabb-media{width:100%;height:100%;max-width:180px}
.aabb-img{width:100%;height:auto;display:block;border-radius:8px;object-fit:cover;aspect-ratio:3/4;float:none}
.aabb-content{min-width:0}
.aabb-title{margin:0 0 .25rem;font-size:1.125rem;line-height:1.25;font-weight:700;color:#111}
.aabb-desc{margin:0 0 .75rem;color:#333;opacity:.9;font-size:.95rem;line-height:1.5}
.aabb-btn{display:inline-block;background:linear-gradient(135deg,#ff9900,#ffb84d);color:#111;text-decoration:none;font-weight:700;border-radius:999px;padding:.6rem 1rem;border:1px solid rgba(0,0,0,.08);transition:transform .12s ease,box-shadow .12s ease}
.aabb-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.12)}
@media (max-width:720px){.aabb-card{grid-template-columns:96px 1fr;padding:14px;gap:12px}.aabb-media{max-width:96px}.aabb-title{font-size:1.05rem}.aabb-desc{font-size:.92rem}.aabb-btn{display:inline-block}}
/* Force light theme visuals even under system dark mode to match desktop */
@media (prefers-color-scheme:dark){.aabb-card{background:#fff;border-color:rgba(0,0,0,.06);box-shadow:0 2px 12px rgba(0,0,0,.06)}.aabb-desc{color:#333;opacity:.9}.aabb-title{color:#111}.aabb-btn{color:#111}}