/* Styles propres à blog/independant-ou-agence-tpe/index.html.
   Extraits des 1 bloc(s) <style> de la page, dans leur ordre d'origine.
   Chargé au même rang qu'avant dans la cascade : après le socle, avant responsive.css. */

/* ==== bloc <style> — extrait de blog/independant-ou-agence-tpe/index.html ==== */
  /* héro d'article v2 : blanc, arrivée en escalier, auteur */
  .art-hero{border-bottom:0; padding-bottom:2.4rem;
    background:
      radial-gradient(900px 400px at 85% -10%, rgba(236,184,69,0.13), transparent 60%),
      radial-gradient(600px 340px at -5% 10%, rgba(47,125,246,0.05), transparent 55%),
      #fff;}
  .art-hero .wrap > *{animation:zi-rise .8s cubic-bezier(.19,1,.22,1) both;}
  .art-hero .wrap > *:nth-child(1){animation-delay:.05s;}
  .art-hero .wrap > *:nth-child(2){animation-delay:.13s;}
  .art-hero .wrap > *:nth-child(3){animation-delay:.21s;}
  .art-hero .wrap > *:nth-child(4){animation-delay:.3s;}
  .art-meta{display:flex; flex-wrap:wrap; align-items:center; gap:0.9rem 1.6rem; margin-top:1.7rem;}
  .art-who{display:inline-flex; align-items:center; gap:0.65rem;}
  .art-who img{width:40px; height:40px; border-radius:50%; object-fit:cover; object-position:top center; border:2px solid var(--goldb);}
  .art-who b{display:block; font-family:'Space Grotesk',sans-serif; font-size:0.9rem; line-height:1.25; color:var(--ink);}
  .art-who i{display:block; font-style:normal; font-size:0.78rem; color:var(--ink2);}
  .art-meta .post-meta{margin-top:0;}
  /* bloc auteur en fin d'article */
  .post-author{max-width:720px; margin:2.6rem auto 0; display:flex; align-items:center; gap:1.2rem;
    background:#fff; border:1px solid var(--line); border-radius:16px; padding:1.4rem 1.6rem;
    box-shadow:0 20px 44px -28px rgba(14,23,38,0.3);}
  .post-author img{width:58px; height:58px; border-radius:50%; object-fit:cover; object-position:top center; border:2px solid var(--goldb); flex:0 0 auto;}
  .post-author b{display:block; font-family:'Space Grotesk',sans-serif; font-size:1rem; color:var(--ink);}
  .post-author p{margin:0.15rem 0 0.45rem; font-size:0.9rem; color:var(--ink2); line-height:1.5;}
  .post-author .btn-line{font-size:0.88rem;}
  @media (prefers-reduced-motion:reduce){ .art-hero .wrap > *{animation:none !important;} }
  @media (max-width:560px){ .post-author{flex-direction:column; align-items:flex-start; gap:0.8rem;} }
  /* propre à cette page */
  .post-fig{max-width:720px; margin:2.6rem auto 0;}
  .post-fig img{width:100%; display:block; border-radius:16px; border:1px solid var(--line); box-shadow:0 34px 64px -30px rgba(14,23,38,0.5);}
  .post-figcap{max-width:720px; margin:0.9rem auto 0; font-size:0.84rem; color:var(--ink2);}
  .post-body{padding-top:3rem; padding-bottom:3.4rem;}
  .post-body .prose{margin:0 auto;}
  .post-more{max-width:720px; margin:2.8rem auto 0; padding-top:1.8rem; border-top:1px solid var(--line);}
  .post-more .lbl{display:block; font-size:0.74rem; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:var(--gold); margin-bottom:0.8rem;}
  .post-more a{display:inline-flex; align-items:center; gap:0.55rem; font-family:'Space Grotesk'; font-weight:600; font-size:1rem; color:var(--ink); transition:color .2s;}
  .post-more a svg{width:17px; height:17px; color:var(--gold); transition:transform .25s;}
  .post-more a:hover{color:var(--gold);} .post-more a:hover svg{transform:translateX(4px);}