/* =====================================================================
   Acte Décès.fr / Naissance / Mariage — Refonte UI/UX (charte commune)
   Feuille AUTONOME chargée sur les pages normales (le chemin paiement
   garde son CSS inline). Reskin par-dessus le HTML PHP existant : on
   RESTYLE les hooks DOM déjà émis (header, #contentmax, h1/h2/h3,
   .ullist, .ul3, .intro, .container_btn_demander, footer, breadcrumb)
   SANS toucher la génération de contenu -> SEO préservé.
   Polices système (pas de Google Fonts en prod). v1 = 1.9.0
   ===================================================================== */

/* Polices self-hostées — Spectral (titres) + Libre Franklin (corps), subset latin, woff2 */
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/librefranklin-400.woff2) format('woff2');}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/librefranklin-500.woff2) format('woff2');}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/librefranklin-600.woff2) format('woff2');}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/librefranklin-700.woff2) format('woff2');}
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/spectral-500.woff2) format('woff2');}
@font-face{font-family:'Spectral';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/spectral-600.woff2) format('woff2');}
@font-face{font-family:'Spectral';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/spectral-700.woff2) format('woff2');}

:root{
  --ink:#1b2a3a; --muted:#5a6a7a; --line:#e0e6ec; --line2:#cfd8e0;
  --navy:#15324e; --navy2:#0f2438; --blue:#235d8f;
  --accent:#0b7a57; --accent2:#096647;
  --warm:#f6f3ec; --cool:#eef3f8; --bg:#f4f6f9;
  --maxw:1160px;
  --serif:'Spectral',Georgia,'Times New Roman',serif;
  --sans:'Libre Franklin',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box;}
html{background:var(--bg);-webkit-text-size-adjust:100%;}
body{margin:0;padding:0;background:var(--bg);color:var(--ink);
  font-family:var(--sans);font-size:15px;line-height:1.6;}
img,.noborder{border:0;max-width:100%;height:auto;}
a{color:var(--blue);text-decoration:none;}
a:hover{text-decoration:underline;}
.clear{clear:both;}
strong,b{color:var(--navy);}

/* ===================== HEADER (chrome) ===================== */
header{background:var(--navy);color:#fff;position:sticky;top:0;left:0;right:0;
  z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.14);}
#header_content{position:relative;width:auto;max-width:var(--maxw);height:auto;
  margin:0 auto;padding:12px 24px;background:transparent;border:0;
  display:flex;align-items:center;gap:24px;}
#header_title{position:static;display:flex;flex-direction:column;justify-content:center;
  margin:0;padding:0 0 0 46px;height:auto;line-height:1.15;
  font-family:var(--serif);font-weight:600;font-size:20px;letter-spacing:.2px;color:#fff;
  background:url(/img/picto-acte.png) no-repeat left center;background-size:36px;cursor:pointer;}
#header_title:hover{text-decoration:none;}
#header_slogan{position:static;display:block;margin:2px 0 0;padding:0;
  font-family:var(--sans);font-size:11.5px;font-weight:400;letter-spacing:0;
  color:rgba(255,255,255,.72);}
.site-nav{display:flex;gap:22px;margin-left:4px;font-size:14.5px;}
.site-nav a{color:#dde6ef;padding-bottom:3px;border-bottom:2px solid transparent;}
.site-nav a:hover,.site-nav a.is-active{color:#fff;border-bottom-color:var(--accent);text-decoration:none;}
#header_image{position:static;margin:0 0 0 auto;top:auto;right:auto;}
.btn-header-cta{display:inline-flex;align-items:center;gap:7px;
  background:var(--accent);color:#fff !important;padding:10px 16px;font-size:14px;
  font-weight:600;letter-spacing:.2px;border-radius:8px;white-space:nowrap;
  box-shadow:0 2px 8px rgba(11,122,87,.28);transition:background .2s,transform .2s;}
.btn-header-cta:hover{background:var(--accent2);transform:translateY(-1px);text-decoration:none;}

/* ===================== BANDEAU LÉGAL DDPP ===================== */
.legal-band{background:#eaf1f8;border-bottom:1px solid #cdddec;color:#1f3850;}
.legal-band .wrap{max-width:var(--maxw);margin:0 auto;padding:10px 24px;
  display:flex;align-items:center;gap:12px;font-size:13.5px;line-height:1.45;}
.legal-band .i{flex:none;display:grid;place-items:center;width:22px;height:22px;
  border-radius:50%;background:#1f3850;color:#fff;font-size:12px;font-weight:700;font-style:normal;}

/* ===================== LAYOUT ===================== */
#page{width:auto;max-width:var(--maxw);margin:0 auto;background:transparent;}
#pagecontent{width:auto;max-width:var(--maxw);margin:0 auto;padding:18px 24px 48px;}
#contentmax,#content{width:auto;margin:0 auto;display:flow-root;min-width:0;vertical-align:top;
  background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:26px 30px;box-shadow:0 1px 3px rgba(21,50,78,.05);}
/* sécurité anti-débordement : tout flottant interne reste contenu, le footer passe dessous */
#contentmax::after,#content::after{content:"";display:block;clear:both;}
/* sidebar optionnelle (chrome) : layout 2 colonnes si présente */
.has-sidebar #pagecontent{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;}
#sidebar{width:auto;margin:0;padding:0;vertical-align:top;text-align:left;line-height:1.55;
  background:transparent;border:0;display:flex;flex-direction:column;gap:18px;position:sticky;top:88px;}
.side-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;
  box-shadow:0 6px 18px rgba(21,50,78,.08);}
.side-card--cta{background:var(--navy);color:#fff;border-color:var(--navy);}

/* ===================== HERO ACCUEIL (chrome, accueil uniquement) ===================== */
.home-hero{background:var(--warm);border:1px solid #ece6d8;border-radius:16px;padding:32px;margin-bottom:20px;}
.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:34px;align-items:start;}
.hero-eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:12px;}
.hero-display{font-family:var(--serif);font-weight:600;font-size:35px;line-height:1.1;color:var(--navy);letter-spacing:-.01em;}
.hero-tagline{font-size:16px;color:#3c4d5e;margin:14px 0 0;max-width:48ch;}
.hero-search{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:22px;box-shadow:0 6px 22px rgba(21,50,78,.07);}
.hero-search-title{font-weight:600;font-size:15px;color:var(--navy);margin-bottom:13px;}
.hero-search-title::before{content:"\2315  ";}
.hero-search-fields{display:grid;grid-template-columns:2fr 1fr;gap:10px;align-items:end;}
.hero-search .fld-txt{white-space:nowrap;}
.hero-search label .opt{color:var(--muted);font-weight:400;}
.hero-search label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted);white-space:nowrap;}
.hero-search input{border:1px solid var(--line2);border-radius:8px;padding:11px 12px;font-size:15px;font-family:inherit;color:var(--ink);width:100%;}
.hero-search button{margin-top:13px;width:100%;background:var(--navy);color:#fff;border:0;font-family:inherit;font-weight:600;font-size:15px;padding:13px;border-radius:9px;cursor:pointer;transition:background .2s;}
.hero-search button:hover{background:var(--navy2);}
.hero-search-note{font-size:12px;color:var(--muted);margin:10px 0 0;}
.hero-search-note a{color:var(--blue);}
.hero-search-sub{font-size:13px;color:#475765;margin:0 0 12px;}
.hero-finder-btn{display:block;text-align:center;background:var(--navy);color:#fff !important;font-weight:600;font-size:15px;padding:13px;border-radius:9px;text-decoration:none;transition:background .2s;}
.hero-finder-btn:hover{background:var(--navy2);text-decoration:none;}
.hero-cta{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 6px 22px rgba(21,50,78,.09);}
.hero-cta-title{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--navy);}
.hero-cta>p{font-size:14px;color:#475765;margin:6px 0 0;}
.hero-cta-btn{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--accent);color:#fff !important;text-align:center;padding:15px;border-radius:11px;box-shadow:0 6px 18px rgba(11,122,87,.3);text-decoration:none;transition:background .2s,transform .2s;}
.hero-cta-btn:hover{background:var(--accent2);transform:translateY(-1px);text-decoration:none;}
.hero-cta-btn span{font-weight:700;font-size:16px;}
.hero-cta-btn small{font-weight:400;font-size:12px;opacity:.92;}
.hero-cta-list{margin:16px 0 0;display:flex;flex-direction:column;gap:9px;font-size:13.5px;color:#3c4d5e;list-style:none;padding:0;}
.hero-cta-list li{display:flex;gap:9px;}
.hero-cta-list li::before{content:"\2713";color:var(--accent);font-weight:700;}
.hero-cta-rating{margin-top:15px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px;}
.hero-cta-rating .stars{color:#e0a92a;letter-spacing:1px;}
.hero-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;}
.hero-badges .badge{display:flex;gap:11px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;}
.hero-badges .badge>span{font-size:20px;line-height:1;}
.hero-badges .badge strong{display:block;font-size:14px;color:var(--navy);}
.hero-badges .badge div span{font-size:12.5px;color:var(--muted);}
.home-steps{margin-bottom:20px;}
.home-steps-title{font-family:var(--serif);font-weight:600;font-size:22px;color:var(--navy);margin-bottom:16px;}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.steps-grid .step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;}
.step-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:14px;margin-bottom:12px;}
.steps-grid .step strong{display:block;font-size:16px;font-weight:600;color:var(--navy);}
.steps-grid .step p{font-size:14px;color:#46586a;margin:6px 0 0;}

/* ===================== CONTENU FIGÉ (SEO) — restylé ===================== */
h1{font-family:var(--serif);font-weight:600;font-size:31px;line-height:1.14;
  color:var(--navy);background:none;border:0;padding:0;margin:0 0 6px;letter-spacing:-.01em;}
h2,.h2{font-family:var(--serif);font-weight:600;font-size:22px;color:var(--navy);
  background:none;border:0;border-bottom:2px solid var(--line);padding:0 0 8px;margin:28px 0 6px;}
h3,.h3{font-family:var(--serif);font-weight:600;font-size:17.5px;color:var(--navy);
  background:none;border:0;border-bottom:1px solid var(--line);padding:0 0 6px;margin:22px 0 8px;}
h4{font-family:var(--serif);font-weight:600;font-size:15.5px;color:var(--navy);margin:16px 0 6px;}
p{margin:0 0 12px;}
.intro{margin:12px 0 18px;line-height:1.65;text-align:left;color:#3c4d5e;font-size:15.5px;}

/* breadcrumb injecté par index.php (nav > ol[BreadcrumbList]) */
#contentmax nav ol[itemtype],#content nav ol[itemtype],nav ol[itemtype*="Breadcrumb"]{
  list-style:none;margin:0 0 14px;padding:0;font-size:13px;color:var(--muted);
  display:flex;flex-wrap:wrap;gap:6px;align-items:center;letter-spacing:0;}
nav ol[itemtype*="Breadcrumb"] li{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;}
nav ol[itemtype*="Breadcrumb"] a{color:var(--blue);}

/* listings (ul/li générés par recherche.php, ville.php, dep.php) */
#contentmax ul,#content ul{margin:6px 0 16px;padding:0;list-style:none;}
#contentmax li,#content li{margin:0;line-height:1.6;}
.ullist li{padding:10px 4px;border-bottom:1px solid var(--line);margin:0;}
.ullist li:last-child{border-bottom:0;}
.ullist a{color:var(--blue);}
/* annuaire communes en colonnes (.ul3 / .ulleft) -> colonnes responsives */
.ul3{float:left;width:33.33%;}
.ulleft{float:left;margin:0 22px 0 0;}
.ul3 li,.ulleft li{padding:3px 0;border:0;}
.carte{margin:10px 18px 10px 0;float:left;}
.tac,.tac td{text-align:center;}

/* menu interne éventuel (.menu) */
.menu{width:auto;max-width:var(--maxw);margin:0;padding:0;}
.menu li{display:inline-block;}
.menu a{display:block;margin-right:2px;padding:6px 12px;background:var(--blue);color:#fff;border-radius:8px 8px 0 0;}
.menu a:hover{background:var(--navy);text-decoration:none;}

/* ===================== CTA inline (getBoutonCTA) ===================== */
.container_btn_demander{margin:22px 0;padding:18px 20px;background:var(--cool);
  border:1px solid #d8e3ef;border-radius:13px;text-align:center;}
.container_btn_demander p{margin:9px 0 0;font-size:12.5px;color:var(--muted);}
.btn-cta-naissance,.container_btn_demander>a,a.btnacte{
  display:inline-flex;flex-direction:column;align-items:center;gap:2px;
  background:var(--accent);color:#fff !important;text-decoration:none;
  padding:14px 28px;border-radius:11px;font-weight:700;font-size:16px;width:auto;
  box-shadow:0 6px 16px rgba(11,122,87,.28);transition:background .2s,transform .2s;}
.btn-cta-naissance:hover,.container_btn_demander>a:hover,a.btnacte:hover{
  background:var(--accent2);transform:translateY(-1px);text-decoration:none;}

/* ===================== PUBLICITÉ (slots déjà dans le contenu) ===================== */
ins.adsbygoogle{display:block;margin:0 auto;}

/* ===================== FOOTER (chrome) ===================== */
footer{background:var(--navy);color:#9fb1c4;margin-top:10px;}
#footer_content{width:auto;max-width:var(--maxw);margin:0 auto;height:auto;border:0;
  padding:26px 24px;text-align:left;font-size:12.5px;line-height:1.7;color:#9fb1c4;}
#footer_content a{color:#cdd8e3;margin:0 8px 0 0;}
#footer_content a:hover{text-decoration:underline;}
#footer_content strong{color:#e2e9f0;}
.footer-legal{margin-bottom:10px;}

/* ===================== NAV GRANDES LISTES (listnav.js) ===================== */
.listnav{position:sticky;z-index:50;background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:10px 12px;margin:6px 0 18px;box-shadow:0 4px 14px rgba(21,50,78,.08);}
.listnav-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.listnav-filter{flex:1;min-width:200px;border:1px solid var(--line2);border-radius:9px;
  padding:10px 13px;font-size:14.5px;font-family:inherit;color:var(--ink);}
.listnav-jump{border:1px solid var(--line2);border-radius:9px;padding:10px;font-size:13.5px;
  font-family:inherit;color:var(--ink);background:#fff;max-width:260px;}
.listnav-count{font-size:13px;color:var(--muted);white-space:nowrap;margin-left:auto;font-weight:600;}
.listnav-seccount{color:var(--muted);font-weight:400;font-size:.82em;}
.listnav-noresult{padding:18px 4px;color:var(--muted);font-style:italic;}
.backtop{position:fixed;right:20px;bottom:20px;z-index:1090;width:46px;height:46px;border-radius:50%;
  border:0;background:var(--navy);color:#fff;font-size:21px;line-height:1;cursor:pointer;
  box-shadow:0 5px 16px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:opacity .2s,background .2s;}
.backtop.show{opacity:1;pointer-events:auto;}
.backtop:hover{background:var(--navy2);}

/* ===================== MOBILE STICKY CTA ===================== */
.mobile-cta{display:none;}
.mobile-cta a{display:flex;flex-direction:column;align-items:center;gap:1px;
  background:var(--accent);color:#fff !important;text-align:center;
  padding:12px;border-radius:11px;font-weight:700;font-size:16px;text-decoration:none;}
.mobile-cta a small{font-weight:400;font-size:11.5px;opacity:.92;}

/* ===================== RESPONSIVE ===================== */
@media (max-width:991px){
  #header_content{padding:11px 15px;gap:12px;}
  #header_title{font-size:16.5px;padding-left:40px;background-size:30px;}
  #header_slogan{display:none;}
  .site-nav{display:none;}
  #header_image{display:none;} /* le CTA passe en barre sticky basse */
  .legal-band .wrap{padding:9px 15px;font-size:12px;gap:9px;}
  #pagecontent{padding:12px 13px 88px;}
  .has-sidebar #pagecontent{display:block;}
  .home-hero{padding:18px;}
  .hero-grid{grid-template-columns:1fr;gap:18px;}
  .hero-display{font-size:26px;}
  .hero-tagline{font-size:14.5px;}
  .hero-search-fields{grid-template-columns:1fr;}
  .hero-badges{grid-template-columns:1fr 1fr;gap:10px;}
  .steps-grid{grid-template-columns:1fr;}
  .backtop{right:12px;bottom:84px;width:42px;height:42px;}
  .listnav-count{margin-left:0;}
  #contentmax,#content{padding:18px 16px;border-radius:12px;}
  #sidebar{position:static;margin-top:16px;}
  h1{font-size:24px;}
  h2,.h2{font-size:18.5px;}
  h3,.h3{font-size:16px;}
  .ul3,.ulleft,.carte{float:none;width:auto;margin:0 0 12px;}
  /* colonnes départements/arrondissements posées en style inline -> on les empile */
  #contentmax ul[style*="float"],#content ul[style*="float"],#contentmax [style*="float:left"] img{float:none !important;width:auto !important;}
  .mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;z-index:1100;
    background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
    border-top:1px solid var(--line);padding:10px 14px;box-shadow:0 -4px 16px rgba(0,0,0,.08);}
}
@media (min-width:480px) and (max-width:991px){
  .ul3{float:left;width:50%;}
}

/* === Démarches après décès (hub SEO + tracking) === */
.dad-intro{font-size:1.05rem;color:var(--muted);max-width:760px}
.dad-cta{margin:18px 0 26px}
.dad-phase{margin:26px 0}
.dad-phase-title{display:flex;align-items:center;gap:12px;font-family:var(--serif);color:var(--navy);font-size:1.35rem;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.dad-phase-title span{flex:none;background:var(--accent);color:#fff;font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.dad-step{border:1px solid var(--line);border-radius:10px;background:#fff;margin:8px 0;overflow:hidden}
.dad-step summary{cursor:pointer;list-style:none;padding:13px 16px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px}
.dad-step summary::-webkit-details-marker{display:none}
.dad-step summary::after{content:"+";margin-left:auto;color:var(--blue);font-size:1.2rem;line-height:1}
.dad-step[open]{border-color:var(--blue)}
.dad-step[open] summary::after{content:"\2212"}
.dad-step summary b{color:var(--blue);font-family:var(--serif)}
.dad-step summary:hover{background:var(--cool)}
.dad-body{padding:2px 16px 15px;color:var(--muted);line-height:1.6}
.dad-body a{color:var(--blue);font-weight:600}
.dad-ad{margin:22px 0;min-height:90px}
.dad-related{margin:30px 0 10px;padding:18px 20px;background:var(--cool);border:1px solid var(--line);border-radius:10px}
.dad-related h2{margin-top:0;font-family:var(--serif);color:var(--navy)}
.dad-related ul{margin:0;padding-left:18px}
.dad-related li{margin:6px 0}
.dad-related a{color:var(--blue);font-weight:600}
.dad-note{margin:20px 0;font-size:.85rem;color:var(--muted);font-style:italic}
.dad-step .guide-step-link{display:inline-block;margin-top:10px;color:var(--blue);font-weight:600}

/* === Guides (articles complets + sidebar partenaires trackée) === */
.guide-layout{display:flex;gap:28px;align-items:flex-start}
.guide-main{flex:1 1 auto;min-width:0}
.guide-aside{flex:0 0 290px;position:sticky;top:16px}
.guide-main h2{font-family:var(--serif);color:var(--navy);margin-top:1.6em;font-size:1.4rem}
.guide-main h3{color:var(--navy2);margin-top:1.3em}
.guide-main p,.guide-main li{line-height:1.7;color:var(--ink)}
.guide-main a{color:var(--blue);font-weight:600}
.guide-fig{margin:0 0 20px}
.guide-fig img{width:100%;height:auto;border-radius:12px;display:block}
.guide-fig figcaption{font-size:.76rem;color:var(--muted);margin-top:5px}
.guide-faq{margin-top:30px;border-top:1px solid var(--line);padding-top:14px}
.guide-faq>h2{margin-top:0}
.guide-faq details{border:1px solid var(--line);border-radius:10px;background:#fff;margin:8px 0}
.guide-faq summary{cursor:pointer;list-style:none;padding:12px 15px;font-weight:600;color:var(--ink)}
.guide-faq summary::-webkit-details-marker{display:none}
.guide-faq summary::after{content:"+";float:right;color:var(--blue)}
.guide-faq details[open] summary::after{content:"\2212"}
.guide-faq details>div{padding:0 15px 14px;color:var(--muted);line-height:1.6}
.guide-related{margin:26px 0 6px;padding:16px 18px;background:var(--cool);border:1px solid var(--line);border-radius:10px}
.guide-related h2{margin:0 0 8px;font-size:1.1rem}
.guide-related ul{margin:0;padding-left:18px}
.guide-back{display:inline-block;margin:18px 0 0;color:var(--blue);font-weight:600}
.guide-partners-box{background:var(--warm);border:1px solid var(--line);border-radius:12px;padding:16px}
.guide-partners-title{font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.guide-partner{display:block;border:1px solid var(--line);border-radius:10px;background:#fff;padding:13px 15px;margin-bottom:10px;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.guide-partner:hover{border-color:var(--blue);box-shadow:0 4px 14px rgba(0,0,0,.06)}
.guide-partner b{display:block;color:var(--navy);font-size:.97rem}
.guide-partner span{display:block;color:var(--muted);font-size:.84rem;margin-top:3px}
.guide-partner em{display:block;color:var(--accent);font-size:.7rem;font-style:normal;font-weight:600;margin-top:6px;text-transform:uppercase;letter-spacing:.03em}
.guide-aside-note{font-size:.73rem;color:var(--muted);margin-top:6px;line-height:1.5}
@media (max-width:880px){.guide-layout{flex-direction:column}.guide-aside{position:static;flex-basis:auto;width:100%}}