/* Rubrique Conseils de bronzage (/conseils), chargée par ces seules pages, la feuille commune site.css restant sous 50 Ko. */
.cs-chapo{margin:0;max-width:62ch;font-size:17px;color:var(--texte-3)}
.cs-page{padding-bottom:48px}
.cs-rubrique{margin:10px 0 42px}.cs-rub-accroche{margin:8px 0 20px;color:var(--texte-3)}
.cs-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:22px}
.cs-carte{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 14px 30px -22px rgba(128,44,51,.55);transition:transform .2s,box-shadow .2s}
.cs-carte:hover{transform:translateY(-3px);box-shadow:0 20px 34px -22px rgba(128,44,51,.7)}
.cs-carte-lien{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.cs-carte img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.cs-carte-txt{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}
.cs-carte-titre{font:700 19px/1.2 var(--titre);color:var(--bordeaux);text-wrap:balance}
.cs-carte-desc{font-size:15px;color:var(--texte-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cs-carte-lire{margin-top:auto;font-weight:700;color:var(--orange)}.cs-carte-lire::after{content:" →"}
.cs-encart{margin-top:8px;padding:22px 24px;border-radius:22px;background:var(--creme)}
.cs-encart-titre{margin:0 0 6px;font:700 20px/1.2 var(--titre)}.cs-encart p{margin:0}
/* Article */
.cs-rub{margin:0;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--orange)}
.cs-h1{max-width:24ch}
.cs-meta{margin:0;font-size:14px;color:var(--texte-3)}
.cs-corps{max-width:860px;padding-bottom:20px}
.cs-hero{margin:4px 0 26px}.cs-hero img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 18px 36px -26px rgba(58,36,34,.6)}
.cs-prose{max-width:none;font-size:17px;line-height:1.65}
.cs-prose h2{font:800 26px/1.15 var(--titre);color:var(--bordeaux);margin:34px 0 12px;text-wrap:balance}
.cs-prose h3{font:700 19px/1.25 var(--titre);margin:22px 0 8px}
.cs-prose p,.cs-prose ul,.cs-prose ol{margin:0 0 14px}
.cs-prose li::marker{color:var(--orange)}
.cs-prose a{font-weight:600}
.cs-prose figure{margin:18px 0}.cs-prose figure img{display:block;max-width:100%;height:auto;border-radius:16px}
.cs-prose p:has(> a > img){display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.cs-prose a > img[height]{width:auto;height:150px;object-fit:contain}
.cs-credit{margin:18px 0 0;font-size:11px;color:#999}.cs-credit a{color:inherit}
.cs-produits{padding-top:18px;padding-bottom:10px}.cs-produits .h2{margin-bottom:20px}
.cs-autres{padding-top:30px;padding-bottom:48px}.cs-autres .h2{margin-bottom:20px}
.cs-tous{margin:26px 0 0;text-align:center}
@media (max-width:700px){.cs-prose{font-size:16px}.cs-prose h2{font-size:22px}.cs-hero{margin-bottom:20px}}
@media (prefers-reduced-motion:reduce){.cs-carte{transition:none}.cs-carte:hover{transform:none}}
/* Questions fréquentes (/faq) */
.faq-page{max-width:900px;padding-bottom:48px}
.faq-sommaire{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 30px}
.faq-sommaire a{padding:9px 16px;border-radius:999px;background:var(--creme);color:var(--bordeaux);font-weight:700;text-decoration:none}
.faq-sommaire a:hover{background:var(--creme-2)}
.faq-section{margin-bottom:38px;scroll-margin-top:90px}.faq-section .h2{margin-bottom:8px}
.faq-q{padding:18px 0;border-bottom:1px solid #F1E2D3}.faq-q:last-child{border-bottom:0}
.faq-q h3{margin:0 0 8px;font:700 19px/1.25 var(--titre);color:var(--bordeaux)}
.faq-q .cs-prose{font-size:16px}.faq-q .cs-prose p:last-child,.faq-q .cs-prose ul:last-child{margin-bottom:0}
.cs-brouillon{margin:0;padding:10px 20px;background:var(--orange);color:var(--sur-orange);font-weight:700;text-align:center}