/* DevByte Daily - about styles. Extracted from core.php inline <style> tags for caching + minification. */

.dbd-about-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
    .dbd-about-grid-item{display:block;padding:26px 20px;border:1px solid #E5E5E5;text-decoration:none;transition:border-color 200ms ease, transform 200ms ease;}
    .dbd-about-grid-item:hover{border-color:#D40308;transform:translateY(-2px);}
    .dbd-about-grid-item h4{color:#111111;font-family:Inter,system-ui,Arial,sans-serif;font-size:16px;font-weight:700;margin:0 0 8px;}
    .dbd-about-grid-item p{color:#6B6B6B;font-family:Inter,system-ui,Arial,sans-serif;font-size:13px;line-height:1.6;margin:0;}
    @media(max-width:900px){ .dbd-about-grid{grid-template-columns:repeat(3,1fr);} }
    @media(max-width:600px){ .dbd-about-grid{grid-template-columns:repeat(2,1fr);} }

.dbd-about-hero-bg{
        background-image:url('https://devbytedaily.com/wp-content/uploads/about-hero-banner.png');
        background-position:left bottom;
        background-size:cover;
        background-repeat:no-repeat;
    }
    @media(max-width:600px){
        .dbd-about-hero-bg{ background-size:auto 60%; background-position:left bottom; }
    }