/* ============================================================
   technology.css - page-only rules for technology.html
   Load after: arbl.css, arbl-legacy-theme.css
   ============================================================ */

/* tool cards: square thumbnail beside the copy (same artwork as the home page) */
.feat.tool{display:flex;gap:22px;align-items:flex-start;padding:26px}
.feat.tool .thumb{width:132px;flex:none;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:linear-gradient(150deg,#3A2540,#2A1B2E)}
.feat.tool .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.feat.tool .thumb img.contain{object-fit:contain;padding:6px}
.feat.tool h3{margin-bottom:8px}
@media(max-width:560px){.feat.tool{gap:16px;padding:22px}.feat.tool .thumb{width:92px}}