/* 360 Studio Milano — Stile wellness caldo rosa/terracotta — Font: Merriweather */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&family=Open+Sans:wght@400;600&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Merriweather',Georgia,serif;background:#fdf6f0;color:#3e2723;line-height:1.8;font-size:17px}
h1,h2,h3,h4{font-family:'Open Sans',sans-serif}
a{color:#c0736e;text-decoration:none;transition:color .2s}
a:hover{color:#8d4e4a}
img{max-width:100%;height:auto;display:block;border-radius:10px}

.container{max-width:740px;margin:0 auto;padding:0 22px}
.wide-container{max-width:1080px;margin:0 auto;padding:0 22px}

/* Header — leggero, arioso */
.site-header{background:#fff;padding:18px 0;box-shadow:0 1px 8px rgba(62,39,35,.06)}
.site-header .wide-container{display:flex;align-items:center;justify-content:space-between}
.site-logo{font-family:'Merriweather',serif;font-size:1.4rem;font-weight:700;color:#3e2723}
.site-logo span{color:#c0736e}
.site-nav{display:flex;gap:28px;list-style:none}
.site-nav a{font-family:'Open Sans',sans-serif;color:#795548;font-weight:600;font-size:.88rem}
.site-nav a:hover,.site-nav a.active{color:#c0736e}

/* Hero — soft, centroso */
.hero{padding:64px 0 44px;text-align:center;background:linear-gradient(180deg,#fdf6f0 0%,#f5e6db 100%)}
.hero h1{font-family:'Merriweather',serif;font-size:2.1rem;font-weight:700;color:#3e2723;margin-bottom:14px;line-height:1.3}
.hero p{font-family:'Open Sans',sans-serif;font-size:1.05rem;color:#8d6e63;max-width:520px;margin:0 auto}

/* Grid articoli — cards arrotondate */
.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:26px;padding:44px 0 60px}
.article-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 3px 16px rgba(62,39,35,.07);transition:transform .25s}
.article-card:hover{transform:translateY(-3px)}
.article-card img{width:100%;height:200px;object-fit:cover}
.article-card-body{padding:22px}
.article-card h2{font-family:'Open Sans',sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:8px;line-height:1.4}
.article-card h2 a{color:#3e2723}
.article-card h2 a:hover{color:#c0736e}
.article-card p{font-size:.9rem;color:#8d6e63;line-height:1.55}
.article-card .meta{font-family:'Open Sans',sans-serif;font-size:.78rem;color:#bcaaa4;margin-top:12px}

/* Articolo singolo */
.article-header{padding:48px 0 24px;text-align:center}
.article-header h1{font-family:'Merriweather',serif;font-size:1.95rem;font-weight:700;color:#3e2723;line-height:1.3;margin-bottom:12px}
.article-header .meta{color:#a1887f;font-size:.88rem;font-family:'Open Sans',sans-serif}
.breadcrumb{font-family:'Open Sans',sans-serif;font-size:.82rem;color:#bcaaa4;padding:12px 0 0}
.breadcrumb a{color:#c0736e}

.article-body{padding-bottom:50px}
.article-body h2{font-size:1.4rem;font-weight:700;color:#5d4037;margin:36px 0 14px;padding-bottom:8px;border-bottom:2px solid #f5e6db}
.article-body h3{font-size:1.1rem;font-weight:600;color:#6d4c41;margin:24px 0 10px}
.article-body p{margin-bottom:18px;color:#4e342e}
.article-body ul,.article-body ol{margin:0 0 18px 24px;color:#4e342e}
.article-body li{margin-bottom:6px}
.article-body blockquote{border-left:4px solid #d4a59a;padding:16px 22px;background:#fbe9e7;margin:22px 0;border-radius:0 10px 10px 0;font-style:italic;color:#6d4c41}
.article-body .article-img{margin:28px 0}

.related{background:#fbe9e7;padding:28px;border-radius:14px;margin:40px 0}
.related h3{font-family:'Open Sans',sans-serif;font-size:1.05rem;margin-bottom:14px;color:#5d4037}
.related ul{list-style:none;padding:0}
.related li{margin-bottom:8px}

/* Pagine statiche */
.page-header{padding:48px 0 18px;text-align:center}
.page-header h1{font-family:'Merriweather',serif;font-size:1.8rem;color:#3e2723}
.page-content{padding-bottom:56px}
.page-content h2{color:#5d4037;margin:28px 0 12px}
.page-content p{margin-bottom:16px;color:#4e342e}

/* Footer */
.site-footer{background:#3e2723;color:#a1887f;padding:40px 0;font-size:.88rem;font-family:'Open Sans',sans-serif}
.site-footer .wide-container{text-align:center}
.footer-nav{display:flex;justify-content:center;gap:24px;margin-bottom:16px;list-style:none}
.footer-nav a{color:#d7ccc8}
.footer-nav a:hover{color:#d4a59a}
.site-footer .copy{color:#795548}

.contact-info{background:#fff;padding:28px;border-radius:14px;box-shadow:0 2px 12px rgba(62,39,35,.06);margin:20px 0}

@media(max-width:768px){
  .site-header .wide-container{flex-direction:column;gap:12px}
  .site-nav{gap:18px}
  .hero h1{font-size:1.6rem}
  .hero{padding:44px 0 32px}
  .articles-grid{grid-template-columns:1fr}
  .article-header h1{font-size:1.5rem}
}