/* Fabius Coach — Blog. Header e footer IDENTICI al sito (CSS copiato da index.html) + stili articolo/indice. */
:root{
  --navy:#192744; --navy-2:#20305a; --navy-deep:#131c33;
  --gold:#dbca67; --gold-ink:#b09a2f;
  --ink:#1f2740; --ink-soft:#58617a;
  --paper:#ffffff; --line:#e7eaf1; --line-navy:#2e3c60; --txt-light:#d9deea;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{margin:0;color:var(--ink);background:var(--paper);
  font-family:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.72;font-size:17px;}
img{max-width:100%;display:block;}
a{color:var(--navy-2);}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 22px;}

/* ====== NAV (identica al sito) ====== */
.btn-premium{display:inline-block;background:transparent;border:2px solid var(--gold);color:var(--navy);font-weight:700;border-radius:8px;padding:11px 24px;font-size:15px;text-decoration:none;cursor:pointer;transition:background .15s,color .15s;line-height:1.1;}
nav .btn-premium{color:var(--gold);}
.btn-premium:hover{background:var(--gold);color:var(--navy-deep);}
nav .links a.btn-premium:hover{color:var(--navy-deep);}
nav .navlinks .invite-link{color:var(--gold) !important;font-weight:700;}
nav{position:sticky;top:0;z-index:30;background:url("/texture-fc.png") repeat,linear-gradient(95deg,#141d35 0%,#283a66 100%);border-bottom:1px solid var(--line-navy);}
nav .wrap{display:flex;align-items:center;height:102px;gap:16px;}
nav .logo{height:76px;}
nav .links{margin-left:auto;display:flex;align-items:center;gap:3px;}
nav .links a{color:var(--txt-light);text-decoration:none;font-size:13.5px;font-weight:600;padding:8px 9px;border-radius:7px;}
nav .links a:hover{color:var(--gold);}
nav .links a.cta{background:var(--gold);color:var(--navy-deep);}
nav .navlinks{display:flex;align-items:center;gap:3px;}
nav .navlinks a.active{color:var(--gold);}
nav .hamburger{display:none;background:transparent;border:none;color:var(--txt-light);font-size:26px;line-height:1;cursor:pointer;padding:2px 8px;margin-left:2px;}
nav .hamburger:hover{color:var(--gold);}
@media (max-width:1000px){
  nav .wrap{position:relative;}
  nav .navlinks{display:none;}
  nav .hamburger{display:inline-flex;align-items:center;}
  nav.open .navlinks{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:100%;left:0;right:0;background:linear-gradient(95deg,#141d35,#283a66);padding:12px 20px 18px;gap:1px;border-bottom:1px solid var(--line-navy);box-shadow:0 16px 30px -16px rgba(0,0,0,.6);}
  nav.open .navlinks a{display:block;padding:14px 6px !important;font-size:16px !important;text-align:left !important;line-height:1.2 !important;border-bottom:1px solid rgba(255,255,255,.06);}
  nav.open .navlinks a:last-child{border-bottom:none;}
  nav.open .navlinks a br{display:none;}
  nav.open .navlinks a.btn-premium{text-align:center !important;margin-top:12px;padding:12px 14px !important;border-radius:8px;border-bottom:2px solid var(--gold);}
}
@media (max-width:820px){nav .logo{height:58px;}}

/* ====== FOOTER (identico al sito) ====== */
footer{background:var(--navy-deep);color:#aeb7cd;padding:48px 0 26px;}
footer .cols{display:grid;gap:28px;grid-template-columns:1fr;}
@media (min-width:760px){footer .cols{grid-template-columns:1.4fr 1.1fr 1fr 0.9fr;}}
footer .flogo{height:56px;margin-bottom:12px;}
footer h4{color:#fff;font-family:"Saira Condensed",sans-serif;font-style:italic;letter-spacing:.6px;font-size:14px;margin:0 0 12px;}
footer a{color:#aeb7cd;text-decoration:none;display:block;padding:4px 0;font-size:14px;}
footer a:hover{color:var(--gold);}
footer .pay{color:#fff;font-weight:600;margin:0 0 4px;}
footer .copy{border-top:1px solid var(--line-navy);margin-top:26px;padding-top:18px;font-size:12px;text-align:center;}

/* ====== ARTICOLO ====== */
.article{max-width:740px;margin:0 auto;padding:0 22px;}
.kicker{font-family:"Saira Condensed","Inter",sans-serif;font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-ink);font-size:15px;margin:40px 0 10px;}
.article h1{font-family:"Saira Condensed","Inter",sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;color:var(--navy);font-size:clamp(30px,6vw,46px);line-height:1.04;margin:0 0 14px;letter-spacing:.3px;}
.meta{color:var(--ink-soft);font-size:14px;margin-bottom:26px;}
.article h2{font-family:"Saira Condensed","Inter",sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;color:var(--navy);font-size:clamp(22px,4.4vw,30px);margin:40px 0 12px;line-height:1.08;letter-spacing:.3px;}
.article h3{color:var(--navy);font-size:20px;margin:26px 0 8px;}
.article p{margin:0 0 18px;}
.article ul,.article ol{margin:0 0 18px;padding-left:22px;}
.article li{margin:0 0 9px;}
.lead{font-size:20px;color:var(--ink);line-height:1.6;}
blockquote{border-left:3px solid var(--gold);margin:24px 0;padding:8px 0 8px 20px;color:var(--navy);font-style:italic;font-size:19px;}

/* CTA box */
.ctabox{background:linear-gradient(135deg,#192644 0%,#131c33 100%);border-radius:14px;padding:32px 26px;margin:44px 0;text-align:center;}
.ctabox h3{color:#fff;font-family:"Saira Condensed","Inter",sans-serif;font-style:italic;text-transform:uppercase;font-size:27px;margin:0 0 10px;letter-spacing:.3px;}
.ctabox p{color:var(--txt-light);margin:0 0 20px;}
.ctabox .btn{display:inline-block;background:var(--gold);color:var(--navy-deep);font-weight:700;border-radius:8px;padding:14px 30px;text-decoration:none;font-size:16px;}
.ctabox .btn:hover{filter:brightness(1.06);}
.ctabox small{display:block;color:#8b96b3;margin-top:12px;font-size:13px;}
.related{border-top:1px solid var(--line);margin-top:46px;padding-top:22px;}
.related .rt{font-family:"Saira Condensed","Inter",sans-serif;font-style:italic;text-transform:uppercase;color:var(--ink-soft);font-size:15px;letter-spacing:1px;margin-bottom:6px;}
.related a{display:block;color:var(--navy);text-decoration:none;font-weight:600;padding:10px 0;border-bottom:1px solid var(--line);}
.related a:hover{color:var(--gold-ink);}

/* ====== HOME BLOG ====== */
.hero-blog{background:#f5f7fb;border-bottom:1px solid var(--line);padding:42px 0 30px;}
.hero-blog h1{font-family:"Saira Condensed","Inter",sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;color:var(--navy);font-size:clamp(30px,6vw,48px);line-height:1.03;margin:0 0 14px;}
.hero-blog p{color:var(--ink-soft);max-width:660px;font-size:19px;margin:0;}

/* Toggle doppia vista */
.viewtoggle{display:inline-flex;background:#eef1f7;border-radius:10px;padding:4px;margin:34px 0 8px;}
.viewtoggle button{border:none;background:transparent;color:var(--ink-soft);font-weight:700;font-size:14px;padding:9px 20px;border-radius:8px;cursor:pointer;font-family:inherit;}
.viewtoggle button.on{background:#fff;color:var(--navy);box-shadow:0 2px 6px -2px rgba(25,39,68,.25);}

/* Toggle + ricerca sulla stessa riga */
.blogtools{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin:30px 0 10px;}
.blogtools .viewtoggle{margin:0;}
.blogtools .blogsearch{margin:0 0 0 auto;flex:1 1 220px;max-width:400px;}
@media(max-width:640px){.blogtools .blogsearch{margin:0;flex-basis:100%;max-width:none;}}

/* Barra di ricerca del blog */
.blogsearch{position:relative;max-width:440px;margin:26px 0 6px;}
.blogsearch input{width:100%;font-family:inherit;font-size:15px;color:var(--navy);background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:12px 38px 12px 42px;outline:none;transition:border-color .15s,box-shadow .15s;}
.blogsearch input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(219,202,103,.25);}
.blogsearch input::placeholder{color:#9aa3b8;}
.blogsearch .ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:inline-flex;color:var(--gold-ink);pointer-events:none;}
.blogsearch .clr{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:none;background:transparent;border:none;color:var(--ink-soft);font-size:17px;line-height:1;cursor:pointer;padding:6px 8px;border-radius:6px;}
.blogsearch .clr:hover{color:var(--navy);}
.noRes{display:none;color:var(--ink-soft);font-size:15px;padding:18px 2px;}

/* Fisarmonica per tema (details/summary nativi) */
.theme{border:1px solid var(--line);border-radius:12px;margin:14px 0;overflow:hidden;}
.theme>summary{list-style:none;cursor:pointer;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;background:#fff;}
.theme>summary::-webkit-details-marker{display:none;}
.theme>summary .tt{font-family:"Saira Condensed","Inter",sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;color:var(--navy);font-size:21px;letter-spacing:.3px;}
.theme>summary .cnt{color:var(--ink-soft);font-size:13px;font-weight:600;}
.theme>summary .chev{color:var(--gold-ink);font-size:20px;transition:transform .2s;margin-left:12px;}
.theme[open]>summary .chev{transform:rotate(180deg);}
.theme .inner{padding:4px 22px 14px;}
.theme .inner a,.theme .inner span.soon{display:block;padding:11px 0;border-top:1px solid var(--line);color:var(--navy);text-decoration:none;font-weight:600;}
.theme .inner a:hover{color:var(--gold-ink);}
.theme .inner span.soon{color:#a7afc2;font-weight:500;}
.theme .inner .k{font-family:"Saira Condensed","Inter",sans-serif;font-style:italic;text-transform:uppercase;color:var(--gold-ink);font-size:12px;letter-spacing:1px;margin-right:8px;}

/* Vista per data (lista) */
.datelist{margin:16px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.datelist a,.datelist span.soon{display:flex;gap:14px;align-items:baseline;padding:14px 20px;border-top:1px solid var(--line);color:var(--navy);text-decoration:none;font-weight:600;}
.datelist a:first-child,.datelist span:first-child{border-top:none;}
.datelist a:hover{background:#f7f9fc;color:var(--gold-ink);}
.datelist .num{color:var(--gold-ink);font-weight:800;font-size:14px;min-width:34px;}
.datelist .dhead{display:flex;align-items:baseline;padding:11px 20px;background:#f7f9fc;}
.datelist .dhead .ttl,.datelist .dhead .tag{font-family:"Saira Condensed","Inter",sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.6px;font-size:12.5px;color:var(--ink-soft);}
.datelist .ttl{flex:1;min-width:0;}
.datelist .tag{flex:none;width:180px;padding-left:14px;color:var(--gold-ink);font-family:"Saira Condensed","Inter",sans-serif;font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.datelist .dhead .tag{color:var(--ink-soft);}
.datelist span.soon{color:#a7afc2;font-weight:500;}
@media(max-width:560px){.datelist .tag,.datelist .dhead{display:none;}}

/* Banner guida in cima all'indice blog */
.guide-banner{display:flex;align-items:center;gap:16px;margin:26px 0 4px;padding:16px 20px;border-radius:14px;text-decoration:none;
  background:linear-gradient(120deg,#20305a,#131c33);border:1px solid var(--line-navy);box-shadow:0 14px 30px -18px rgba(0,0,0,.5);}
.guide-banner:hover{filter:brightness(1.06);}
.guide-banner .gb-badge{flex:none;background:var(--gold);color:var(--navy-deep);font-weight:800;font-size:12px;letter-spacing:.5px;border-radius:6px;padding:6px 9px;}
.guide-banner .gb-txt{display:flex;flex-direction:column;gap:3px;line-height:1.35;}
.guide-banner .gb-txt b{color:#fff;font-size:15px;}
.guide-banner .gb-txt span{color:#c3cbdd;font-size:13px;}
.guide-banner .gb-point{margin-left:auto;flex:none;font-size:22px;line-height:1;}
.guide-banner .gb-btn{margin-left:10px;flex:none;background:var(--gold);color:var(--navy-deep);font-weight:800;border-radius:8px;padding:9px 18px;font-size:14px;white-space:nowrap;}
@media(max-width:640px){.guide-banner{flex-wrap:wrap;}.guide-banner .gb-point{margin-left:0;}.guide-banner .gb-btn{margin-left:8px;}}

/* Link guida a fine articolo (secondario, sotto la CTA prova) */
.guide-nudge{max-width:740px;margin:16px auto 0;padding:0 22px;text-align:center;color:var(--ink-soft);font-size:14.5px;}
.guide-nudge a{color:var(--gold-ink);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(176,154,47,.4);}
.guide-nudge a:hover{color:var(--navy);}

@media(max-width:640px){
  body{font-size:16px;line-height:1.68;}
  .article{padding:0 18px;}
  .lead{font-size:18px;}
}