
/* Couche commune Carnets de Léka + langues */
.ni-parent{font:600 .72rem/1.2 var(--font-ui,system-ui);letter-spacing:.04em;color:inherit;text-decoration:none;opacity:.72;white-space:nowrap;padding-right:.9rem;border-right:1px solid rgb(255 255 255/.22)}.ni-parent:hover,.ni-parent:focus-visible{opacity:1}
.ni-lang{display:inline-flex;align-items:center;gap:.15rem;padding:.2rem;border:1px solid rgb(255 255 255/.2);border-radius:999px;background:rgb(8 10 14/.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 .68rem/1 var(--font-ui,system-ui);letter-spacing:.06em}.ni-lang__item{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem .3rem .35rem;border-radius:999px;color:inherit;text-decoration:none;opacity:.78;transition:background .2s,opacity .2s}a.ni-lang__item:hover{opacity:1;background:rgb(255 255 255/.12)}.ni-lang__item:focus-visible{outline:2px solid #fff;outline-offset:2px;opacity:1}.ni-lang__code{font-variant-numeric:tabular-nums}.ni-lang__item[aria-current=page]{opacity:1;background:rgb(255 255 255/.2);box-shadow:inset 0 0 0 1px rgb(255 255 255/.34)}.ni-lang__disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.85)}.ni-mini-link{font:500 .7rem/1.2 var(--font-ui,system-ui);color:inherit;opacity:.68;text-underline-offset:.2em}.ni-mini-link:hover{opacity:1}
.lang-suggest{position:fixed;z-index:100;left:50%;bottom:1rem;transform:translateX(-50%);width:min(calc(100% - 2rem),42rem);display:flex;align-items:center;gap:.8rem;padding:.75rem 1rem;background:#111217;border:1px solid rgb(255 255 255/.18);box-shadow:0 12px 40px #0008;border-radius:.55rem;color:#eee;font:500 .8rem/1.35 system-ui}.lang-suggest span{flex:1}.lang-suggest a{color:#fff;font-weight:700}.lang-suggest button{border:0;background:none;color:#fff;font-size:1.25rem;cursor:pointer}
.leka-link{max-width:76rem;margin:1.5rem auto;padding:1rem var(--gutter,1.2rem);border-top:1px solid rgb(255 255 255/.12);font:500 .85rem/1.5 var(--font-ui,system-ui);color:inherit}.leka-link p{margin:0 0 .45rem}.leka-link a{color:inherit;font-weight:700;text-underline-offset:.2em}
.learn-section{max-width:76rem;margin:0 auto;padding:clamp(3rem,8vw,6rem) var(--gutter);border-top:1px solid var(--line,rgb(255 255 255/.12))}.learn-section h2{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.8rem);margin:0 0 1rem}.learn-section p{max-width:58rem;line-height:1.7}.learn-section__demo{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.learn-section__demo>div{padding:1rem;border:1px solid var(--line,rgb(255 255 255/.12));border-radius:.5rem;background:rgb(255 255 255/.025)}
.review-badge{display:inline-flex;margin:.75rem 0;padding:.4rem .7rem;border:1px solid #d7aa5a;border-radius:999px;color:#f0cf8e;font:700 .72rem/1.2 system-ui}.review-notes{max-width:76rem;margin:1rem auto;padding:1rem var(--gutter);border:1px solid rgb(215 170 90/.3);background:rgb(215 170 90/.05)}
.parallel-fr{display:block;margin:.65rem 0 0;padding:.7rem .85rem;border-left:2px solid var(--accent,#aaa);background:rgb(255 255 255/.04);font-style:italic;opacity:.86}.parallel-ready .chapter>p[data-fr]{cursor:pointer}.parallel-ready .chapter>p[data-fr]:focus-visible{outline:2px solid var(--accent,#fff);outline-offset:4px}
.stats-page,.readings-page{max-width:76rem;margin:0 auto;padding:7rem var(--gutter) 4rem}.stats-page h1,.readings-page h1{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,5rem)}.stats-table{width:100%;border-collapse:collapse;margin:2rem 0}.stats-table th,.stats-table td{text-align:left;padding:.8rem;border-bottom:1px solid var(--line,rgb(255 255 255/.12))}.stats-table th:last-child,.stats-table td:last-child{text-align:right}.stats-total{font:700 1.1rem var(--font-ui,system-ui)}.danger-button{padding:.65rem 1rem;border:1px solid #a66;background:transparent;color:inherit;border-radius:999px;cursor:pointer}
@media(max-width:48rem){.home-header,.reader-bar{gap:.5rem;flex-wrap:wrap}.ni-header-left{flex-direction:column;align-items:flex-start;gap:.15rem}.ni-parent{border-right:0;padding-right:0}.ni-lang{margin-left:auto}.ni-mini-link{display:none}.learn-section__demo{grid-template-columns:1fr}.lang-suggest{bottom:.6rem}.reader-bar__controls{gap:.35rem}}

.ni-lang__flag{display:block;flex:none;width:1.5rem;height:1rem;object-fit:cover;border-radius:.14rem;box-shadow:0 0 0 1px rgb(255 255 255/.22)}

/* En-tête : retour Carnets de Léka + sélecteur à drapeaux (V4.2.3) */
.ni-header-left{display:flex;align-items:baseline;gap:.9rem;margin-right:auto;min-width:0;flex-wrap:wrap}
.ni-header-left .home-brand,.ni-header-left .reader-bar__home{margin-right:0}
.home-header__nav{align-items:center}
.ni-mini-link[aria-current=page]{opacity:1;text-decoration:underline}
.lang-box__badge--flag{display:inline-flex;align-items:center;gap:.4rem}
.lang-suggest .ni-lang__flag{flex:none}
.leka-link__row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem}
.leka-link__btn{display:inline-block;padding:.55rem 1rem;border:1px solid currentColor;border-radius:999px;text-decoration:none!important}
.leka-link__btn:hover,.leka-link__btn:focus-visible{background:rgb(255 255 255/.1)}
.leka-link__more{display:inline-flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.leka-link .ni-mini-link{opacity:.85}

/* V4.3.2 : menu commun : Histoires · drapeaux · Auteurs · Mes lectures */
.ni-menu{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem 1rem;font-family:var(--font-ui,system-ui)}
.ni-menu .ni-mini-link{display:inline-block;font-size:.85rem;opacity:.85;color:inherit;text-decoration:underline;text-underline-offset:.2em}
.ni-menu .ni-mini-link:hover,.ni-menu .ni-mini-link:focus-visible,.ni-menu .ni-mini-link[aria-current=page]{opacity:1}
.ni-menu .ni-mini-link[aria-current=page]{text-decoration-thickness:2px}
.reader-bar{flex-wrap:wrap;row-gap:.3rem}
@media (max-width:48rem){.ni-menu{margin-left:auto;gap:.35rem .9rem}.ni-menu .ni-mini-link{font-size:.8rem}}
.reader-bar__controls{flex-wrap:wrap;justify-content:flex-end;row-gap:.4rem;column-gap:.55rem;margin-left:auto}
@media (max-width:48rem){
  .ni-header-left{flex-direction:row;align-items:baseline;gap:.15rem .7rem}
  .reader-bar__controls{width:100%;justify-content:flex-start}
  .reader-bar .toggle{padding:.4rem .65rem;font-size:.8rem}
}
@media (max-width:26rem){.ni-lang__code{display:none}.ni-lang__item{padding:.3rem .4rem}.ni-menu{gap:.3rem .7rem}}


/* V5 integration : Carnets de Léka · Coin lecture */
.ni-parent::before{content:"←";margin-right:.38rem;opacity:.8}
.ni-header-left .home-brand,.ni-header-left .reader-bar__home{font-weight:700;letter-spacing:.01em}
.genre-advisory{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 2rem;padding:1rem 1.15rem;border:1px solid rgb(217 170 90/.26);border-radius:12px;background:linear-gradient(135deg,rgb(176 44 55/.08),rgb(215 170 90/.045));font:500 .88rem/1.5 var(--font-ui,system-ui);color:var(--ink)}
.genre-advisory>div{display:grid;gap:.2rem}.genre-advisory strong{color:#f0cf8e;letter-spacing:.06em;text-transform:uppercase;font-size:.73rem}.genre-advisory span{color:var(--ink-muted);max-width:58rem}.genre-advisory a{flex:none;padding:.48rem .8rem;border:1px solid rgb(255 255 255/.18);border-radius:999px;text-decoration:none;font-size:.78rem}.genre-advisory a:hover{background:rgb(255 255 255/.07)}
.ni-story-advisory{width:calc(100% - 2 * var(--gutter));max-width:var(--measure);margin:1.2rem auto 0;padding:.75rem .9rem;display:flex;align-items:flex-start;gap:.7rem;border-left:2px solid #d7aa5a;background:rgb(215 170 90/.055);font:500 .8rem/1.5 var(--font-ui,system-ui)}
.ni-story-advisory strong{flex:none;color:#f0cf8e;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.ni-story-advisory span{color:var(--ink-muted)}
.themepick{margin:1.2rem 0 1.5rem;display:grid;gap:.7rem}.themepick__status{min-height:1.3em;font:500 .82rem/1.4 var(--font-ui,system-ui);color:var(--accent)}
.themepick__btns button{position:relative;overflow:hidden}.themepick__btns button[aria-pressed="true"]{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent),0 0 18px color-mix(in srgb,var(--accent) 16%,transparent)}
@media(max-width:48rem){.genre-advisory{align-items:flex-start;flex-direction:column}.genre-advisory a{align-self:flex-start}.ni-story-advisory{display:grid;gap:.25rem}}
