
.art-v85 .art-intro{padding:22px 14px 12px;text-align:center}.art-v85 .art-intro h1{font-size:clamp(26px,5vw,42px);line-height:1.12;margin:8px 0}.art-v85 .art-intro p{font-size:14px;max-width:560px;margin:0 auto;color:#5b5b5b}.art-v85 .art-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;color:#b91c1c}.art-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:10px 8px;position:sticky;top:0;z-index:8;background:#fff}.art-tabs button{background:#f4f4f4;border:1px solid #ddd;border-radius:9px;padding:9px 2px;color:#202020;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;cursor:pointer}.art-tabs button b{font-size:15px}.art-tabs button.active{background:#b91c1c;color:white;border-color:#b91c1c}.art-section-head{padding:20px 12px 12px}.art-section-head h2{font-size:clamp(22px,4vw,30px);margin:4px 0}.art-section-head p{color:#555;font-size:13px;margin:4px 0}.art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 10px 22px}.art-card{display:flex;flex-direction:column;text-align:left;background:white;border:2px solid #e7e7e7;border-radius:13px;padding:5px;overflow:hidden;cursor:pointer;min-width:0;color:#181818}.art-card.selected{border-color:#c51624;box-shadow:0 0 0 1px #c51624}.art-photo{position:relative;display:block;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:9px;background:#eee}.art-photo img{width:100%;height:100%;object-fit:cover;display:block}.art-number,.art-check{position:absolute;top:7px;background:#151515d9;color:white;border-radius:6px;padding:4px 7px;font-weight:800;font-size:12px}.art-number{left:7px}.art-check{right:7px;background:#c51624}.art-name{padding:10px 5px;font-weight:800;font-size:13px;line-height:1.25}.art-none{display:block;margin:0 10px 14px;width:calc(100% - 20px);padding:12px;border:1px solid #ddd;background:#fafafa;border-radius:9px;font-size:13px}.art-none.selected{border-color:#c51624}.art-summary{margin:10px;border:1px solid #e3e3e3;background:#fafafa;border-radius:12px;padding:15px}.art-summary h3{font-size:17px;margin:0 0 12px}.art-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.art-summary-grid div{display:flex;flex-direction:column;gap:4px}.art-summary-grid small{font-size:10px;color:#666}.art-summary-grid strong{font-size:12px}.art-step-nav{display:flex;gap:10px;padding:12px 10px 22px}.art-step-nav button{flex:1;border:1px solid #222;border-radius:10px;padding:14px 8px;font-size:12px;font-weight:700;background:white;color:#111}.art-step-nav button:last-child{background:#b91c1c;color:white;border-color:#b91c1c}@media(min-width:850px){.art-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.art-v85 .art-intro{padding-top:36px}}

/* V94 : navigation secondaire distincte du CTA principal */
.art-v85 .art-nav-hint{margin:8px 12px 0;color:#536277;font-size:13px;line-height:1.45}.art-v85 .art-step-nav button,.art-v85 .art-step-nav button:last-child{background:#fff;color:#102747;border:1.5px solid #b7c4d3;font-size:12px;line-height:1.3}.art-v85 .art-step-nav button:last-child{background:#f2f6fa;border-color:#aebed0}.art-v85 .art-step-nav button:focus-visible{outline:3px solid #102747;outline-offset:2px}

/* V97 : cartes Univers au format paysage original, sans fonds flous ni recadrage */
.art-v85.art-univers .art-photo{aspect-ratio:4/3!important;background:#fff!important}
.art-v85.art-univers .art-photo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}

/* V100: five-step navigation shared with Narration & Couverture */
.art-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:9px 6px}
.art-tabs button{min-width:0;padding:9px 2px;font-size:clamp(8px,1.9vw,11px);line-height:1.15;overflow-wrap:anywhere;text-align:center}
.art-tabs button b{font-size:clamp(13px,3vw,17px)}
.art-tabs-five{margin:8px 0 12px}
@media(max-width:380px){.art-tabs{gap:3px;padding-left:3px;padding-right:3px}.art-tabs button{font-size:8px}}

/* HISTELIA Manga direction artistique: four accessible tabs */
.art-tabs:has([data-art-tab="3"]),.art-tabs:has([data-return-tab="3"]){grid-template-columns:repeat(4,minmax(0,1fr))}

/* BD long: portrait panels shown in full without forced crop */
.art-tabs-bd{grid-template-columns:repeat(3,minmax(0,1fr))}
.art-bd-univers .art-photo{aspect-ratio:3/4}
.art-bd-univers .art-photo img{object-fit:contain;background:#f6f6f6}
.art-bd-univers .art-name{min-height:2.5em}
