/* ===== About section enhancements ===== */
.about-section .about-body { display:flex; flex-direction:column; gap:22px; }
.about-section .about-card { padding:40px 38px 34px !important; border-radius:22px !important; background:linear-gradient(180deg,#fff,#fbfcfa) !important; box-shadow:0 18px 44px rgba(20,30,45,.08) !important; border:1px solid rgba(0,0,0,.06) !important; position:relative; }
.about-section .about-card::after { content:""; position:absolute; top:28px; bottom:28px; inset-inline-end:0; width:4px; border-radius:4px; background:var(--olive); }
.about-section .about-text { font-size:1.22rem !important; line-height:2.1 !important; color:#3a4350 !important; margin:0; font-weight:500; }
.about-feats { display:grid; grid-template-columns:repeat(var(--cols,3),minmax(0,1fr)); gap:16px; }
.about-feat { background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:16px; padding:18px 16px; text-align:center; box-shadow:0 8px 22px rgba(20,30,45,.06); transition:transform .3s, box-shadow .3s; }
.about-feat:hover { transform:translateY(-4px); box-shadow:0 14px 30px rgba(20,30,45,.12); }
.about-feat span { width:46px; height:46px; margin:0 auto 10px; border-radius:14px; display:grid; place-items:center; font-size:1.3rem; color:#fff; background:var(--olive); }
.about-feat b { display:block; font-size:1.05rem; color:#1f3a5f; }
.about-feat small { display:block; color:#7a8699; font-size:.85rem; margin-top:2px; }
[data-theme="dark"] .about-section .about-card, [data-theme="dark"] .about-feat { background:var(--surface) !important; }
[data-theme="dark"] .about-section .about-text, [data-theme="dark"] .about-feat b { color:var(--text) !important; }
@media (max-width:600px) { .about-feats { grid-template-columns:1fr; } .about-section .about-text { font-size:1.1rem !important; } }