/*
Theme Name: Retirement Mobile Enhanced
Version: 6.1
*/

body{margin:0;font-family:Arial;background:#f4f7fb;color:#222}
.container{max-width:1200px;margin:auto;padding:20px}

.header{background:#0f2f4f;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:20px}
nav ul li{position:relative}
nav a{color:#fff;text-decoration:none;padding:10px 14px;display:block}

/* DESKTOP DROPDOWN */
nav ul li ul{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:220px}
nav ul li:hover > ul{display:block}
nav ul li ul li ul{left:100%;top:0}
nav ul li ul li:hover > ul{display:block}
nav ul li ul li a{color:#333}

/* MOBILE */
.menu-toggle{display:none;font-size:26px;background:none;border:none;color:#fff}

@media(max-width:768px){
.menu-toggle{display:block}
nav ul{display:none;flex-direction:column;background:#0f2f4f;position:absolute;width:100%;top:60px;left:0}
nav.active ul{display:flex}
nav ul li ul{position:static;display:none;background:#163d63}
nav ul li.open > ul{display:block}

/* FONT FIX */
body{font-size:18px}
.hero h1{font-size:30px}
.hero p{font-size:18px}

/* STACK LAYOUT */
.grid{grid-template-columns:1fr;margin-top:-20px}
.container{padding:15px}
}

/* HERO */
.hero{background:url('https://images.unsplash.com/photo-1506744038136-46273834b3fb') center/cover no-repeat;color:#fff;padding:80px 20px;text-align:center}

/* CARDS */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-top:-40px}
.card{background:#fff;border-radius:12px;overflow:hidden}
.card img{width:100%;height:140px;object-fit:cover}
.card-content{padding:20px;text-align:center}

.posts{margin-top:50px}