/* « Mon calendrier capillaire » (pages de liens de Habon, 23/10/2026). Couleurs : variables --pf-… de chaque page. */
.rc{display:block;margin:28px 0 10px;color:var(--pf-texte);font-family:var(--pf-corps)}
.rc-tete{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.rc-tete h2{margin:0;font:500 30px/1.05 var(--pf-titre-police);color:var(--pf-texte)}
.rc-tete h2 em{font-style:italic;color:var(--pf-accent)}
.rc-tete small{font:700 10.5px/1 var(--pf-corps);letter-spacing:.18em;text-transform:uppercase;color:var(--pf-doux)}
.rc-intro{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--pf-doux)}
.rc-sems{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px}
.rc-sem{border:0;cursor:pointer;font:600 11.5px/1.25 var(--pf-corps);color:var(--pf-texte);background:var(--pf-carte);box-shadow:inset 0 0 0 1px var(--pf-ligne);border-radius:16px;padding:10px 6px 11px;text-align:center;transition:background .25s,color .25s,transform .25s}
.rc-sem span{display:block;font:500 italic 20px/1 var(--pf-titre-police);color:var(--pf-accent);margin-bottom:5px}
.rc-sem.on{background:var(--pf-accent);color:var(--pf-sur-accent);box-shadow:none;transform:translateY(-2px)}
.rc-sem.on span{color:var(--pf-sur-accent)}
.rc-detail{margin-top:10px;border-radius:20px;background:var(--pf-carte);box-shadow:inset 0 0 0 1px var(--pf-ligne);padding:14px 16px}
.rc-etapes[hidden]{display:none}
.rc-etapes{list-style:none;margin:0;padding:0;counter-reset:e;display:grid;gap:9px}
.rc-etapes li{counter-increment:e;display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;font-size:14px;line-height:1.4}
.rc-etapes li::before{content:counter(e);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--pf-accent);color:var(--pf-sur-accent);font:700 12px/1 var(--pf-corps)}
.rc-etapes em{font-style:normal;font-weight:700;color:var(--pf-accent)}
.rc-sous{margin:22px 0 0;font:700 11px/1 var(--pf-corps);letter-spacing:.18em;text-transform:uppercase;color:var(--pf-doux)}
.rc-cats{display:grid;gap:8px;margin-top:10px}
.rc-cat{border-radius:18px;background:var(--pf-carte);box-shadow:inset 0 0 0 1px var(--pf-ligne);padding:13px 14px;transition:box-shadow .25s,transform .25s}
.rc-cat.vise{box-shadow:inset 0 0 0 2px var(--pf-accent);transform:translateX(3px)}
.rc-cat-t b{display:block;font:600 18px/1.15 var(--pf-titre-police)}
.rc-cat-t small{display:block;margin-top:3px;font-size:12.5px;line-height:1.4;color:var(--pf-doux)}
.rc-prods{display:grid;gap:6px;margin-top:10px}
.rc-prod{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;text-decoration:none;color:inherit;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px var(--pf-ligne)}
.rc-prod b{font-size:13.5px} .rc-prod small{grid-row:2;font-size:12px;color:var(--pf-doux)}
.rc-lien{grid-row:1/3;grid-column:2;align-self:center;font:700 9.5px/1.2 var(--pf-corps);letter-spacing:.12em;text-transform:uppercase;color:var(--pf-accent);text-align:right;max-width:76px}
.rc-vide{font-size:12.5px;font-style:italic;color:var(--pf-doux)}
.rc-note{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--pf-doux)}
@media(prefers-reduced-motion:reduce){.rc-sem,.rc-cat{transition:none}}
/* bento : le bloc est une tuile */
.t.rc{padding:18px;display:block}