/* Articles du blog NOYARIA : styles limités au bloc .nyart */
.nyart{--noyer:#2C1A11; --acajou:#8C5128; --erable:#F4EFEA; --laiton:#C5A059; --papier:#FBF8F4; --encre:#3A2A20; --trait:#E4D6C3;
  --display:"Playfair Display",Georgia,"Times New Roman",serif;
  --texte:"Montserrat","Segoe UI",Helvetica,Arial,sans-serif;}
.nyart,.nyart *{box-sizing:border-box}
.ny .nyart{margin:0;background:var(--erable);color:var(--encre);font-family:var(--texte);font-size:17px;line-height:1.7}
.ny .nyart a{color:var(--acajou);text-decoration-color:var(--laiton);text-underline-offset:3px}
.ny .nyart a:focus-visible,.ny .nyart summary:focus-visible{outline:2px solid var(--laiton);outline-offset:3px;border-radius:2px}
.ny .nyart img{max-width:100%;height:auto;display:block}
.ny .nyart h1,.ny .nyart h2,.ny .nyart h3{font-family:var(--display);color:var(--noyer);text-wrap:balance;line-height:1.2;margin:0}
.ny .nyart h2{font-size:clamp(1.7rem,3.6vw,2.4rem);font-weight:600;margin-bottom:.9rem}
.ny .nyart h2::after{content:"";display:block;width:64px;height:3px;background:var(--laiton);margin-top:.8rem}
.ny .nyart h3{font-size:1.45rem;font-weight:600}
.ny .nyart p{margin:0 0 1rem}
.ny .nyart .eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--acajou);margin-bottom:.5rem}
.ny .nyart .wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 4rem}
.ny .nyart .layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:3rem;margin-top:3rem;align-items:start}
.ny .nyart .toc{position:sticky;top:calc(env(safe-area-inset-top,0px) + 86px);border-top:3px solid var(--laiton);padding-top:1rem}
.ny .nyart .toc-t{font-family:var(--display);font-size:1.15rem;color:var(--noyer);margin-bottom:.6rem}
.ny .nyart .toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.15rem;counter-reset:t}
.ny .nyart .toc li{counter-increment:t}
.ny .nyart .toc a{display:flex;gap:.6rem;padding:.35rem 0;border-bottom:1px dotted var(--trait);text-decoration:none;color:var(--encre);font-size:.88rem}
.ny .nyart .toc a::before{content:counter(t);color:var(--acajou);font-weight:700;min-width:1ch}
.ny .nyart .toc a:hover{color:var(--acajou)}
.ny .nyart .content{min-width:0;display:grid;gap:4rem}
.ny .nyart .content section{display:grid;gap:1.2rem;scroll-margin-top:90px}
.ny .nyart .prose{max-width:66ch}
.ny .nyart .answer{background:var(--papier);border:1px solid var(--trait);border-left:4px solid var(--laiton);padding:1.3rem 1.5rem;border-radius:4px}
.ny .nyart .answer-t{font-family:var(--display);font-size:1.1rem;color:var(--noyer);margin-bottom:.4rem}
.ny .nyart .answer p:last-child{margin:0}
.ny .nyart .split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2.2rem;align-items:center}
.ny .nyart .split.rev{align-items:start}
.ny .nyart .steps{padding-left:1.3rem;margin:0 0 1rem}
.ny .nyart .steps li{margin-bottom:.3rem}
.ny .nyart .steps li::marker{color:var(--acajou);font-weight:700}
.ny .nyart .ticks{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.55rem}
.ny .nyart .ticks li{padding-left:1.4rem;position:relative}
.ny .nyart .ticks li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;background:var(--laiton);transform:rotate(45deg)}
.ny .nyart .diag{margin:0}
.ny .nyart .diag-box{background:var(--papier);border:1px solid var(--laiton);border-radius:8px;padding:.9rem;box-shadow:0 8px 22px rgba(44,26,17,.10);overflow-x:auto}
.ny .nyart .diag svg{display:block;width:100%;height:auto;max-width:440px;margin:0 auto}
.ny .nyart .diag.small svg{max-width:420px}
.ny .nyart .diag figcaption{font-size:.85rem;font-style:italic;color:#6B5545;text-align:center;margin-top:.6rem}
.ny .nyart .diag figcaption b{font-style:normal;color:var(--noyer)}
.ny .nyart svg .co{font-family:var(--texte);font-size:12px;fill:#6B5545;text-anchor:middle}
.ny .nyart svg .pc{font-family:"Segoe UI Symbol","Apple Symbols","Noto Sans Symbols 2","DejaVu Sans",serif;text-anchor:middle}
.ny .nyart .coup{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2.2rem;align-items:center;padding:2rem 0;border-top:1px solid var(--trait)}
.ny .nyart .coup.alt .coup-txt{order:2}
.ny .nyart .coup-n{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--acajou);margin-bottom:.3rem}
.ny .nyart .coup h3{margin-bottom:.6rem}
.ny .nyart .nota{display:inline-flex;gap:.6rem;align-items:baseline;flex-wrap:wrap;background:var(--noyer);color:#FFF8EA;padding:.3rem .8rem;border-radius:3px;font-weight:600;font-size:.92rem;font-variant-numeric:tabular-nums}
.ny .nyart .nota span{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--laiton);font-weight:700}
.ny .nyart .retenir{background:#EFE3D2;padding:.7rem 1rem;border-radius:4px;font-size:.94rem;margin:0}
.ny .nyart .retenir b{color:var(--acajou)}
.ny .nyart .special{background:var(--papier);border:1px solid var(--trait);border-radius:8px;padding:1.6rem;display:grid;gap:.8rem}
.ny .nyart .special.two{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2rem;align-items:center}
.ny .nyart .special h3{margin-bottom:.5rem}
.ny .nyart .special .diag-box{box-shadow:none}
.ny .nyart .strip{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ny .nyart .note{font-size:.9rem;color:#6B5545;margin:0}
.ny .nyart .tip{border:1px solid var(--laiton);border-radius:6px;padding:1rem 1.2rem;background:var(--papier)}
.ny .nyart .tip-t{font-family:var(--display);color:var(--acajou);font-size:1.05rem;margin-bottom:.3rem}
.ny .nyart .tip p:last-child{margin:0}
.ny .nyart .photo{margin:0}
.ny .nyart .photo img{border-radius:6px;width:100%}
.ny .nyart .photo figcaption{font-size:.84rem;color:#6B5545;margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.2rem .8rem;justify-content:space-between}
.ny .nyart .credit{font-size:.72rem;color:#9A8472}
.ny .nyart .duo{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:start}
.ny .nyart .cta{background:var(--noyer);color:#E9DCCB;border-radius:8px;padding:1.6rem 1.8rem;display:flex;gap:1.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap;
  background-image:radial-gradient(ellipse at 100% 0%,rgba(197,160,89,.18),transparent 60%)}
.ny .nyart .cta div{min-width:0;flex:1 1 320px}
.ny .nyart .cta-t{font-family:var(--display);color:#FFF8EA;font-size:1.35rem;margin-bottom:.3rem}
.ny .nyart .cta p:last-child{margin:0;font-size:.95rem}
.ny .nyart .btn{display:inline-block;background:var(--laiton);color:var(--noyer);text-decoration:none;font-weight:700;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;padding:.85rem 1.4rem;border-radius:3px;transition:background .2s}
.ny .nyart .btn:hover{background:#D8B670}
.ny .nyart .faq{display:grid;gap:.6rem}
.ny .nyart .faq details{background:var(--papier);border:1px solid var(--trait);border-radius:6px;padding:0 1.2rem}
.ny .nyart .faq summary{cursor:pointer;font-family:var(--display);font-size:1.12rem;color:var(--noyer);padding:1rem 0;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.ny .nyart .faq summary::-webkit-details-marker{display:none}
.ny .nyart .faq summary::after{content:"+";color:var(--laiton);font-size:1.4rem;line-height:1}
.ny .nyart .faq details[open] summary::after{content:"−"}
.ny .nyart .faq details p{padding-bottom:1rem;margin:0}
@media (max-width:980px){.ny .nyart .layout{grid-template-columns:minmax(0,1fr);gap:2rem}
.ny .nyart .toc{position:static}
.ny .nyart .toc ol{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));column-gap:1.5rem}}
@media (max-width:760px){.ny .nyart{font-size:16px}
.ny .nyart .split,.ny .nyart .coup,.ny .nyart .special.two,.ny .nyart .duo{grid-template-columns:minmax(0,1fr)}
.ny .nyart .coup.alt .coup-txt{order:0}
.ny .nyart .strip{grid-template-columns:minmax(0,1fr)}
.ny .nyart .content{gap:3rem}}
/* ===== Page Blog (liste des articles) ===== */
.ny-blog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}
.ny-post{display:flex;flex-direction:column;background:#FBF8F4;border:1px solid var(--ny-trait);transition:transform .3s,box-shadow .3s}
.ny-post:hover{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(44,26,17,.45)}
.ny-post__ph{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ny-lin);max-width:100%}
.ny-post__ph img{transition:transform .6s ease}
.ny-post:hover .ny-post__ph img{transform:scale(1.04)}
.ny-post__tx{display:flex;flex-direction:column;gap:12px;padding:26px 28px 30px;align-items:flex-start}
.ny-post__eb{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ny-acajou)}
.ny .ny-post__t{font-size:30px;line-height:1.18}
.ny-post__t a{color:var(--ny-noyer);text-decoration:none}
.ny-post__t a:hover{color:var(--ny-acajou)}
.ny-post__ex{color:var(--ny-texte);font-size:15.5px;line-height:1.6}
.ny-post__mt{font-size:13px;color:var(--ny-doux)}
.ny-blogcta{margin-top:64px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--ny-noyer);color:var(--ny-sable);padding:32px 36px;border-left:4px solid var(--ny-laiton)}
.ny-blogcta>div{flex:1 1 320px;min-width:0}
.ny-blogcta__t{font-family:var(--ny-serif);font-size:26px;color:var(--ny-erable);margin-bottom:6px!important}
.ny-blog+.navigation{margin-top:40px}
.ny .navigation .nav-links{display:flex;gap:12px;justify-content:center}
.ny .navigation a,.ny .navigation span{padding:8px 14px;border:1px solid var(--ny-trait);text-decoration:none;color:var(--ny-noyer)}
/* ===== En-tête d'un article ===== */
.ny .ny-ct--art h1.ny-ct__t{height:auto!important;line-height:1.15!important;white-space:normal!important;text-transform:none!important;letter-spacing:.02em!important;padding-left:0!important;font-size:clamp(30px,4.6vw,52px);max-width:900px;text-wrap:balance}
.ny-ct--art{padding-bottom:64px}
.ny-art__logo{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}
.ny-art__eb{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ny-laiton)}
.ny-art__lede{max-width:680px;font-size:17px;line-height:1.65}
.ny-art__mt{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;font-size:13px;color:var(--ny-laiton)}
.ny-art__shop{padding-top:24px;padding-bottom:40px}
.ny-art__back{padding-bottom:80px}
@media(max-width:820px){.ny-blog{grid-template-columns:minmax(0,1fr)}.ny .ny-post__t{font-size:24px}.ny-post__tx{padding:20px}.ny-blogcta{padding:24px 20px}.ny-art__logo{width:72px;height:72px}.ny-ct--art{padding-bottom:48px}}
/* premier article mis en avant (pleine largeur, photo à gauche) */
@media(min-width:821px){
 .ny-blog .ny-post:first-child{grid-column:1/-1;flex-direction:row}
 .ny-blog .ny-post:first-child .ny-post__ph{flex:0 0 54%;aspect-ratio:auto;min-height:380px}
 .ny-blog .ny-post:first-child .ny-post__tx{justify-content:center;padding:40px 44px;gap:16px}
 .ny .ny-blog .ny-post:first-child .ny-post__t{font-size:36px}
}
.ny .ny-ct--art .ny-crumb{height:auto!important;line-height:1.45!important;white-space:normal;text-align:left;max-width:100%}