/* Articles : même univers que l'accueil (bassin koi, header verre dépoli, thème sombre unique) */
html{background:#06100f!important}body.page-sub{background:transparent!important}
body.page-sub::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(180deg,rgba(4,10,10,.50),rgba(4,10,10,.62)),url(../assets/koi/koi9-d2560-poster.webp) center/cover no-repeat}
@media (orientation:portrait){body.page-sub::before{background:linear-gradient(180deg,rgba(4,10,10,.50),rgba(4,10,10,.62)),url(../assets/koi/koi9-m1080-poster.webp) center/cover no-repeat}}
.page-sub .nav{background:rgba(14,24,24,.16)!important;-webkit-backdrop-filter:blur(16px) saturate(1.45);backdrop-filter:blur(16px) saturate(1.45);
 border-bottom:1px solid rgba(214,180,110,.30)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 24px -14px rgba(0,0,0,.5);--ink:#f3ecdf}
.page-sub .nav :is(a,button,.brand,.brand *){color:#f3ecdf;text-shadow:0 1px 8px rgba(0,0,0,.45)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.page-sub .nav{background:rgba(10,18,18,.72)!important}}
.page-sub main>section,.page-sub main>.section,.page-sub .foot{background:transparent!important}
/* panneau de lecture en verre dépoli */
.page-sub .art,.page-sub main>section.section{background:rgba(10,18,18,.66);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);
 border:1px solid rgba(214,180,110,.28);border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 30px 60px -30px rgba(0,0,0,.6);
 margin:2rem auto 4rem!important;padding:clamp(1.4rem,4vw,3.2rem)!important}
.page-sub .art{max-width:860px}
.page-sub{--ink:#f3ecdf;--mut:#cfc6b8;--card:rgba(255,255,255,.05);--line:rgba(237,230,218,.16)}
.page-sub .art-body p,.page-sub .art-body li{color:#f3ecdf}
.page-sub .post{background:rgba(10,18,18,.5)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:rgba(214,180,110,.28)!important;border-radius:16px}
@media (max-width:640px){.page-sub .art,.page-sub main>section.section{border-radius:16px;margin:1rem .6rem 3rem!important}}
.page-sub .nav .btn,.page-sub .nav a.btn{background:transparent!important;border:1px solid #c8a25a!important;color:#f3ecdf!important;border-radius:999px}
.page-sub .nav .btn:hover,.page-sub .nav .btn:focus-visible{background:rgba(200,162,90,.18)!important}

/* citations : plus de guillemet/trait rouge */
.page-sub .art-quote::before{content:none!important;display:none!important}
.page-sub .art-quote{border:0!important;border-left:2px solid rgba(214,180,110,.55)!important;border-radius:0 12px 12px 0}