:root{
  --amber:#D97706; --amber-hi:#F09A1F; --amber-lo:#B45309; --tint:#FCECD9;
  --ink:#111; --grey:#6E6E73; --bg:#FFFBF4;
  --round: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", sans-serif;
}
*{box-sizing:border-box; margin:0; padding:0;}
html,body{overflow-x:hidden;}
body{font-family:var(--round); color:var(--ink); background:var(--bg); line-height:1.6;
     -webkit-font-smoothing:antialiased;}
a{color:inherit; text-decoration:none;}
.wrap{max-width:760px; margin:0 auto; padding:0 22px;}
h1,h2,h3{font-weight:800; letter-spacing:-.01em;}

/* header (bianco, link nel menu — come la home) */
header{position:sticky; top:0; z-index:40; background:#fff; border-bottom:1px solid rgba(0,0,0,.06);}
.nav{display:flex; align-items:center; gap:16px; height:64px; max-width:960px; margin:0 auto; padding:0 22px; position:relative;}
.brand{display:flex; align-items:center; gap:10px; font-weight:800; font-size:20px; color:var(--ink);}
.brand svg{width:30px; height:30px;}
.navright{margin-left:auto; display:flex; align-items:center; gap:12px;}
.btn{display:inline-block; background:var(--amber); color:#fff; font-weight:700;
     padding:11px 20px; border-radius:999px; border:none; cursor:pointer; font-size:15px;
     font-family:var(--round);}
.btn:hover{background:var(--amber-lo);}
.burger{display:flex; align-items:center; justify-content:center; width:44px; height:44px;
        border-radius:12px; cursor:pointer; color:var(--ink);}
.burger:hover{background:rgba(0,0,0,.05);}
.burger svg{width:24px; height:24px;}
.drawer{position:absolute; top:60px; right:22px; display:none; flex-direction:column;
        background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:16px; padding:8px;
        min-width:190px; box-shadow:0 14px 40px rgba(0,0,0,.12); z-index:50;}
.drawer a{padding:11px 14px; border-radius:10px; color:var(--ink); font-weight:600; font-size:15px;}
.drawer a:hover{background:var(--tint); color:var(--amber-lo);}
.mtoggle:checked ~ .drawer{display:flex;}

/* page hero band */
.pagehero{background:linear-gradient(180deg,var(--bg),var(--tint)); padding:54px 0 40px; text-align:center;}
.pagehero h1{font-size:clamp(32px,5vw,46px);}
.pagehero p{color:var(--grey); font-size:18px; margin-top:8px;}

/* content */
main{padding:44px 0 90px;}
main h2{font-size:22px; margin:34px 0 8px;}
.muted{color:var(--grey);}
main p,main li{margin-bottom:11px; font-size:17px;}
main ul{padding-left:22px;}
main a{color:var(--amber-lo); font-weight:600;}

/* cards / posts */
.post{background:#fff; border-radius:22px; padding:26px; margin-bottom:18px;
      box-shadow:0 6px 24px rgba(0,0,0,.05);}
.post h3{font-size:21px; margin-bottom:4px;}
.post .date{color:var(--grey); font-size:14px; margin-bottom:12px;}
.chips{display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 4px;}
.chip{background:var(--tint); color:var(--amber-lo); font-weight:700; font-size:14px;
      padding:7px 13px; border-radius:999px;}

/* footer (come la home) */
footer{padding:44px 0 60px; border-top:1px solid rgba(0,0,0,.06); color:var(--grey); font-size:15px;}
footer .wrap{max-width:960px;}
footer .cols{display:flex; flex-wrap:wrap; gap:40px; justify-content:space-between;}
footer a{color:var(--grey);} footer a:hover{color:var(--ink);}
footer h4{font-size:13px; text-transform:uppercase; letter-spacing:.05em; color:#999; margin-bottom:12px; font-weight:700;}
footer li{list-style:none; margin-bottom:8px;}
.copy{margin-top:32px; font-size:14px;}
.pin{width:30px; height:30px; vertical-align:middle;}