/* Akaguriro — barre latérale blog (articles récents, catégories, recherche) */
.akg-side__h{font-weight:700;font-size:15px;line-height:1.2;color:var(--akaguriro-blue,#071689);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--akaguriro-orange,#ff8400);text-transform:uppercase;letter-spacing:.3px}
.akg-ra,.akg-cat,.akg-search{margin:0 0 28px}

/* Articles récents */
.akg-ra__list{display:flex;flex-direction:column;gap:12px}
.akg-ra__item{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit}
.akg-ra__img{width:56px;height:56px;border-radius:8px;object-fit:cover;flex:0 0 auto;background:#e6e9f5}
.akg-ra__img--ph{display:inline-block}
.akg-ra__meta{display:flex;flex-direction:column;min-width:0}
.akg-ra__title{font-weight:600;font-size:13.5px;line-height:1.25;color:#3c4796;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.akg-ra__item:hover .akg-ra__title{color:var(--akaguriro-blue,#071689)}
.akg-ra__date{font-size:11.5px;color:#6e78bd;margin-top:3px}

/* Catégories */
.akg-cat__list{display:flex;flex-direction:column}
.akg-cat__item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 2px;border-bottom:1px solid #e6e9f5;text-decoration:none;color:#3c4796;font-size:13.5px}
.akg-cat__item:last-child{border-bottom:0}
.akg-cat__item:hover .akg-cat__name{color:var(--akaguriro-orange,#ff8400)}
.akg-cat__count{flex:0 0 auto;font-size:11.5px;font-weight:600;color:#fff;background:var(--akaguriro-blue,#071689);border-radius:20px;padding:1px 9px;min-width:22px;text-align:center}

/* Recherche */
.akg-search__form{display:flex;gap:6px}
.akg-search__input{flex:1 1 auto;min-width:0;border:1px solid #c9d0ef;border-radius:8px;padding:9px 11px;font-size:13.5px;outline:none}
.akg-search__input:focus{border-color:var(--akaguriro-blue,#071689)}
.akg-search__btn{flex:0 0 auto;border:0;border-radius:8px;background:var(--akaguriro-orange,#ff8400);color:#fff;font-weight:600;font-size:13px;padding:0 14px;cursor:pointer}
.akg-search__btn:hover{filter:brightness(.95)}

/* ============================================================
   Pages mono-colonne rendues par une Vue (ex: /blog-list), où
   #header/#content/#sidebar/#footer sont tous en col-md-12.
   Quand une barre y est posee (#sidebar.col-md-12), on repasse
   contenu + barre en 2 colonnes. Garde-fou : la signature
   col-md-12 du sidebar — les ARTICLES sont en col-md-3, donc
   ces regles ne les touchent jamais.
   ============================================================ */
#content:has(~ #sidebar.col-md-12){width:66.6667% !important;float:left !important;padding-right:24px !important}
#sidebar.col-md-12{width:33.3333% !important;float:left !important}
#sidebar.col-md-12 ~ #footer{clear:both !important}

/* ============================================================
   Corps de l'article — fin du gris.
   Ce CSS se charge sur les pages de blog (la barre y est rendue),
   donc ces regles ne touchent que les articles, pas le reste.
   Le texte passe en bleu marine adouci ; titres internes en bleu.
   ============================================================ */
.field--name-body,
.field--name-body p,
.field--name-body li,
.field--name-body td,
.node__content .field--name-body { color: #3c4796 !important; }
.field--name-body h2,
.field--name-body h3,
.field--name-body h4 { color: #071689 !important; }
.field--name-body a { color: var(--akaguriro-blue, #071689); }
.field--name-body blockquote { color: #3c4796 !important; border-left-color: var(--akaguriro-orange, #ff8400); }