/* ================================================================== PAGES PROFESSION — vocabulaire de composition « le feuillet » Système graphique identique à l'accueil;en-tête `.phead` commun;toutes les autres structures sont inédites. Motifs:pastille numérotée cerclée · titre et texte en colonnes dont les côtés alternent · filet court sous le titre · cartes de références · bandeau de renvoi vers la page mère. ================================================================== */ .nav-links a[aria-current="page"]::after{transform:scaleX(1)}.nav-panel a[aria-current="page"]{background:var(--ivoire-2)}:root{--accent-ink:#735B3A}/* ---------- EN-TÊTE DE PAGE (gabarit commun aux pages intérieures) -------- */ .phead{padding-top:clamp(7.5rem,15vh,10.5rem);padding-bottom:0}.phead__in{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(2rem,4vw,4rem);align-items:center;padding-bottom:clamp(2.6rem,5vh,3.6rem);border-bottom:1px solid var(--line-strong)}@media(max-width:900px){.phead__in{grid-template-columns:1fr;gap:2.2rem;align-items:start}}/* corps de titre un cran sous celui du pilier:« pour médecin et chirurgien » doit tenir sur sa ligne à 1440 px (contrôlé par la sonde) */ .phead__t{font-size:clamp(2rem,3.9vw,3.4rem);line-height:1.08;margin-top:1.5rem}.phead__t .it{color:var(--accent-deep)}.phead__meta{margin-top:1.7rem;font-size:1.05rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2)}.phead__aside{padding-bottom:0}.phead__s{color:var(--ink-2);font-size:1.18rem;max-width:38ch}.phead__cta{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.9rem}.crumb{display:flex;align-items:center;gap:.6rem;margin-bottom:1.4rem;flex-wrap:wrap;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.crumb a{transition:color .25s}.crumb a:hover{color:var(--accent-deep)}.crumb i{font-style:normal;color:var(--accent)}/* ---------- LES FEUILLETS:pastille,titre d'un côté,texte de l'autre --- */ .fsec{padding-block:clamp(3.6rem,8vh,6rem)}.fsec--tone{background:var(--ivoire-2)}.fsec__in{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(2rem,5vw,5rem);align-items:start}.fsec--alt .fsec__in .fsec__side{order:2}.fsec--alt .fsec__in .fsec__body{order:1}.fsec__puce{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border:1px solid var(--accent);border-radius:50%;font-family:var(--serif);font-style:italic;font-size:1.05rem;color:var(--accent-deep);margin-bottom:1.2rem}.fsec__t{font-size:clamp(1.7rem,2.9vw,2.5rem);line-height:1.14;max-width:18ch}.fsec__t .it{color:var(--accent-deep)}.fsec__t::after{content:"";display:block;width:3.2rem;height:1px;background:var(--accent);margin-top:1.4rem}.fsec__body p{color:var(--ink-2);font-size:1.14rem;max-width:62ch}.fsec__body p + p{margin-top:1.1em}@media(max-width:860px){.fsec__in{grid-template-columns:1fr;gap:1.5rem}.fsec--alt .fsec__in .fsec__side{order:0}.fsec--alt .fsec__in .fsec__body{order:0}.fsec__t{max-width:26ch}}/* ---------- LES RÉFÉRENCES:cartes vers les fiches projet ---------------- */ .refs__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.1rem;margin-top:2.4rem}.refc{display:flex;flex-direction:column;gap:.65rem;border:1px solid var(--line-strong);background:var(--ivoire);padding:1.5rem 1.5rem 1.35rem;transition:border-color .25s,transform .3s,box-shadow .3s}a.refc:hover{border-color:var(--aubergine);transform:translateY(-2px);box-shadow:0 18px 34px -26px rgba(46,23,38,.5)}.refc__ou{font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-ink)}.refc__nom{font-family:var(--serif);font-size:1.32rem;color:var(--aubergine);line-height:1.2}.refc__txt{color:var(--ink-2);font-size:1rem;flex:1}.refc__lien{display:inline-flex;align-items:center;gap:.45rem;margin-top:.4rem;font-size:.95rem;color:var(--accent-ink)}a.refc:hover .refc__lien{color:var(--aubergine)}.refs__note{margin-top:1.8rem;color:var(--ink-2);font-size:1.05rem}/* ---------- LE RENVOI VERS LA PAGE MÈRE ----------------------------------- */ .mere{padding-block:clamp(2.8rem,6vh,4.4rem);border-top:1px solid var(--line-strong)}.mere__l{display:block;font-size:.78rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:.7rem}.mere__a{display:inline-flex;align-items:baseline;gap:.7rem;font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,1.9rem);color:var(--aubergine);line-height:1.3;transition:color .25s}.mere__a:hover{color:var(--accent-deep)}