/* ——— Dr Elena Turcan — charte « vétiver » ———
   crème / vert profond / cuivre · Fraunces + Public Sans */
:root{
  color-scheme:only light;
  --bande:#D8EAF7;
  --carte:#FDFEFF;
  --fond:#E7F4FC;
  --encre:#10202E;
  --muted:#48607A;
  --bleu:#1C4E7C;
  --bleu-d:#122E4C;
  --azur:#3E7CB1;
  --azur-d:#27608F;
  --filet:#C3DAEC;
  --nuit:#0C1116;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;
  --sans:'Public Sans','Segoe UI',system-ui,Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{font-family:var(--sans);font-size:17px;line-height:1.65;color:var(--encre);background:var(--fond)}
img,svg{max-width:100%}
a{color:var(--bleu)}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(22px,env(safe-area-inset-left,0px));padding-right:max(22px,env(safe-area-inset-right,0px))}

/* bandeau maquette */
.specband{background:var(--bleu-d);color:#E2EEF9;font-size:.82rem;text-align:center;padding:.5rem 1rem;letter-spacing:.03em}
.specband strong{color:#fff}

/* ——— header ——— */
header.site{position:sticky;top:0;z-index:50;background:rgba(231,244,252,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--filet)}
.hbar{display:flex;align-items:center;gap:1rem;padding-block:.65rem}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--encre)}
.brand .mono{width:33px;height:50px;flex:none}
.brand .bt{line-height:1.15}
.brand .bt b{font-family:var(--serif);font-weight:600;font-size:1.04rem;letter-spacing:.01em;display:block}
.brand .bt span{font-size:.63rem;letter-spacing:.13em;white-space:nowrap;text-transform:uppercase;color:var(--muted)}
nav.main{margin-left:auto;display:flex;align-items:center;gap:.95rem;flex-wrap:wrap;justify-content:flex-end}
nav.main a{font-size:.86rem;font-weight:600;color:var(--encre);text-decoration:none;letter-spacing:.01em}
nav.main a:hover{color:var(--bleu)}
.btn{display:inline-block;background:var(--bleu);color:#fff;text-decoration:none;font-family:inherit;font-weight:600;cursor:pointer;font-size:.92rem;padding:.6rem 1.25rem;border:1px solid var(--bleu);border-radius:3px;letter-spacing:.02em;transition:background .18s}
.btn:hover{background:var(--bleu-d)}
.btn.ghost{background:transparent;color:var(--bleu)}
.btn.ghost:hover{background:var(--bleu);color:#fff}
.btn.cuivre{background:var(--azur);border-color:var(--azur)}
.btn.cuivre:hover{background:var(--azur-d);border-color:var(--azur-d)}
nav.main a.btn,nav.main a.btn:hover{color:#fff}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--filet);border-radius:3px;padding:.45rem .6rem;font-size:1.05rem;color:var(--encre);cursor:pointer}

/* ——— ornements ——— */
.rule{display:flex;align-items:center;gap:.9rem;justify-content:center;margin:0 auto;max-width:420px;color:var(--azur)}
.rule::before,.rule::after{content:"";flex:1;height:1px;background:var(--filet)}
.rule svg{flex:none}
.eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--azur-d)}
h1,h2,h3{font-family:var(--serif);font-weight:600;text-wrap:balance;line-height:1.2}
h2{font-size:clamp(1.5rem,3.2vw,2rem)}
.sec{padding-block:4.2rem 4.6rem}
.sec-head{text-align:center;display:grid;gap:.9rem;justify-items:center;margin-bottom:2.6rem}
.sec-head p.lead{max-width:62ch;color:var(--muted)}

/* ——— héros ——— */
.hero{padding-block:4.2rem 4rem;text-align:center;position:relative;overflow:hidden}
.hero-med{width:150px;height:150px;margin:0 auto 1.5rem;border-radius:50%;border:1px solid var(--filet);background:var(--carte);padding:7px;box-shadow:0 16px 38px rgba(14,40,66,.18)}
.hero-med img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.hero h1{font-size:clamp(2.1rem,5vw,3.1rem);font-weight:700;letter-spacing:.01em}
.hero .sub{font-family:var(--serif);font-style:italic;font-size:clamp(1rem,2.2vw,1.22rem);color:var(--azur-d);margin-top:.55rem}
.hero .pitch{max-width:60ch;margin:1.4rem auto 0;color:var(--muted);font-size:1.04rem}
.hero .cta{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}
.hero .secteur{margin-top:1.6rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.hero .secteur b{color:var(--encre);font-weight:600}
.hero .veil{position:absolute;left:50%;bottom:-90px;transform:translateX(-50%);width:min(60vw,440px);height:min(92vw,676px);opacity:.05;pointer-events:none;color:var(--bleu)}

/* ——— motifs ——— */
.motifs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.motif{background:var(--carte);border:1px solid var(--filet);border-top:3px solid var(--bleu);box-shadow:0 4px 16px rgba(14,40,66,.06);padding:1.8rem 1.6rem;display:grid;gap:.65rem;align-content:start;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:border-color .18s,transform .18s;min-width:0;width:100%}
.motif:hover{border-color:var(--bleu);transform:translateY(-2px);box-shadow:0 12px 30px rgba(14,40,66,.13)}
.motif .ic{color:var(--azur)}
.motif h3{font-size:1.12rem}
.motif p{font-size:.92rem;color:var(--muted)}
.motif .go{font-size:.85rem;font-weight:700;color:var(--bleu);letter-spacing:.03em}
.motif.wide{grid-column:1/-1;border-top-color:var(--azur)}
.motif.wide h3{font-size:1.26rem}

/* ——— praticien ——— */
.doc-grid{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:start}
.portrait{aspect-ratio:3/4;max-width:100%;background:var(--carte);border:1px solid var(--filet);display:grid;place-items:center;position:relative}
.portrait svg{width:108px;height:112px;opacity:.5;color:var(--bleu)}
.portrait img{width:82%;height:auto;border-radius:50%;box-shadow:0 16px 38px rgba(14,40,66,.16)}
.doc-txt{max-width:62ch}
.doc-txt p+p{margin-top:1rem}
.doc-txt .titres{list-style:none;margin-top:1.3rem;display:grid;gap:.5rem;font-size:.94rem}
.doc-txt .titres li{padding-left:1.1rem;position:relative;color:var(--muted)}
.doc-txt .titres li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;transform:rotate(45deg);background:var(--azur)}
.doc-txt .titres b{color:var(--encre);font-weight:600}

/* ——— honoraires (secteur 2) ——— */
.hono{border-bottom:1px solid var(--filet)}
.hono-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:start}
.htab{width:100%;border-collapse:collapse}
.htab caption{font-family:var(--serif);font-size:1.12rem;text-align:left;margin-bottom:.7rem;color:var(--encre)}
.htab th,.htab td{text-align:left;padding:.55rem .2rem;border-bottom:1px solid var(--filet);font-size:.93rem}
.htab th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.htab td:last-child,.htab th:last-child{text-align:right;font-variant-numeric:tabular-nums}
.htab .act{color:var(--encre)}
.htab .base{color:var(--muted)}
.hono-note{border:1px solid var(--filet);border-left:3px solid var(--azur);background:var(--bande);padding:1.3rem 1.4rem;display:grid;gap:.7rem;font-size:.92rem;color:var(--muted)}
.hono-note h3{font-size:1.05rem;color:var(--encre)}
.hono-note b{color:var(--encre);font-weight:600}

/* ——— outils ——— */
.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.tool{background:var(--carte);border:1px solid var(--filet);border-top:3px solid var(--bleu);box-shadow:0 4px 16px rgba(14,40,66,.06);padding:1.8rem 1.6rem;display:grid;gap:.65rem;align-content:start;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:border-color .18s,transform .18s;min-width:0;width:100%}
.tool.feat{border-top-color:var(--bleu);grid-column:span 1}
.tool:hover{border-color:var(--bleu);transform:translateY(-2px);box-shadow:0 12px 30px rgba(14,40,66,.13)}
.tool .ic{color:var(--azur)}
.tool h3{font-size:1.1rem}
.tool p{font-size:.92rem;color:var(--muted)}
.tool .go{font-size:.85rem;font-weight:700;color:var(--bleu);letter-spacing:.03em}

/* modales */
dialog.tm{border:none;border-top:4px solid var(--bleu);background:var(--carte);color:var(--encre);width:min(640px,92vw);max-height:86vh;padding:0;margin:auto;box-shadow:0 30px 70px rgba(10,28,46,.4)}
dialog.tm::backdrop{background:rgba(10,26,42,.55);backdrop-filter:blur(3px)}
.tm-in{padding:2rem 2rem 2.2rem;overflow-y:auto;max-height:86vh;font-family:var(--sans)}
.tm-head{display:flex;align-items:start;gap:1rem;margin-bottom:1.2rem}
.tm-head h3{font-family:var(--serif);font-size:1.3rem;flex:1}
.tm-close{background:none;border:1px solid var(--filet);border-radius:3px;width:34px;height:34px;font-size:1.05rem;cursor:pointer;color:var(--muted);flex:none}
.tm-close:hover{border-color:var(--bleu);color:var(--bleu)}
.tm-print{background:none;border:1px solid var(--filet);border-radius:3px;width:34px;height:34px;cursor:pointer;color:var(--muted);flex:none;display:grid;place-items:center}
.tm-print:hover{border-color:var(--bleu);color:var(--bleu)}
.printhead{display:none}
.tm label{display:block;font-weight:600;font-size:.92rem;margin:.9rem 0 .35rem}
.tm input[type=number],.tm input[type=date],.tm input[type=month],.tm input[type=time],.tm select{width:100%;padding:.55rem .7rem;border:1px solid var(--filet);border-radius:3px;background:#fff;font:inherit;font-size:.95rem;color:var(--encre)}
.tm .radios{display:grid;gap:.45rem;margin-top:.35rem}
.tm .radios label{display:flex;gap:.6rem;align-items:start;font-weight:400;font-size:.93rem;margin:0;padding:.55rem .7rem;border:1px solid var(--filet);border-radius:3px;background:#fff;cursor:pointer}
.tm .radios input{margin-top:.25rem;accent-color:var(--bleu)}
.tm .act{margin-top:1.3rem}
.tm .btn{width:100%;text-align:center;cursor:pointer}
.tm .btnrow{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.4rem}
.tm .btnrow .btn,.tm .btnrow a.btn{width:auto;font-size:.84rem;padding:.5rem .95rem}
.res{margin-top:1.3rem;border:1px solid var(--filet);border-left:3px solid var(--azur);background:var(--bande);padding:1.1rem 1.2rem;font-size:.94rem}
.res h4{font-family:var(--serif);font-size:1.02rem;margin-bottom:.4rem}
.res ul{margin:.5rem 0 0 1.1rem;display:grid;gap:.35rem}
.res .small{font-size:.82rem;color:var(--muted);margin-top:.7rem}
.res .btnrow{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.res .btnrow .btn,.res .btnrow a.btn{width:auto;font-size:.84rem;padding:.5rem .95rem}
.steps{list-style:none;display:grid;gap:.9rem;margin-top:.4rem}
.steps li{display:grid;grid-template-columns:104px 1fr;gap:.9rem;align-items:start;font-size:.92rem}
.steps .d{font-weight:700;color:var(--azur-d);font-variant-numeric:tabular-nums;font-size:.86rem;padding-top:.1rem}
.steps b{font-weight:600}
.check{display:grid;gap:.5rem;margin-top:.4rem}
.check label{display:flex;gap:.65rem;align-items:start;font-weight:400;font-size:.94rem;margin:0;padding:.6rem .75rem;border:1px solid var(--filet);border-radius:3px;background:#fff;cursor:pointer}
.check input{margin-top:.25rem;accent-color:var(--bleu);flex:none}
.check input:checked+span{color:var(--muted);text-decoration:line-through}
.counter{margin-top:1rem;text-align:center;font-family:var(--serif);font-style:italic;color:var(--azur-d)}

/* ——— outils flottants ——— */
.fab{position:fixed;right:max(18px,env(safe-area-inset-right,0px));top:150px;z-index:70;display:grid;justify-items:end;align-content:start;gap:.6rem}
@media(max-width:760px){.fab{top:176px}.fabmenu{max-height:calc(100dvh - 330px)}}
.fabbtn{display:flex;align-items:center;justify-content:center;gap:.55rem;width:224px;background:var(--bleu);color:#EEF3EE;border:1px solid var(--nuit);border-radius:999px;padding:.8rem 1rem;font-family:inherit;font-weight:700;font-size:.93rem;letter-spacing:.02em;cursor:pointer;box-shadow:0 10px 30px rgba(14,40,66,.3);transition:background .18s,color .18s}
.fabbtn:hover{background:var(--bleu-d)}
.fabbtn svg{transition:transform .2s}
.fabbtn[aria-expanded="true"] svg{transform:rotate(45deg)}
.fabmenu{display:grid;gap:.5rem;background:var(--carte);border:1px solid var(--filet);border-top:3px solid var(--bleu);padding:1rem;box-shadow:0 18px 50px rgba(14,40,66,.26);width:min(340px,calc(100vw - 36px));max-height:calc(100dvh - 320px);overflow-y:auto;overscroll-behavior:contain}
.fabmenu[hidden]{display:none!important}
.fabmenu .fm-t{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bleu);padding-bottom:.35rem;border-bottom:1px solid var(--filet)}
.fabmenu button{display:grid;gap:.15rem;text-align:left;background:#fff;border:1px solid var(--filet);border-radius:3px;padding:.7rem .85rem;font-family:inherit;font-size:1rem;color:var(--encre);cursor:pointer;transition:border-color .15s}
.fabmenu button:hover{border-color:var(--bleu)}
.fabmenu b{font-size:.93rem;font-weight:600}
.fabmenu span{font-size:.8rem;color:var(--muted)}

/* niveaux d'alerte */
.alvl{border:1px solid var(--filet);border-left-width:4px;padding:1rem 1.1rem;margin-top:.9rem;background:#fff}
.alvl h4{font-family:var(--serif);font-size:1rem;margin-bottom:.45rem}
.alvl ul{margin:0 0 0 1.05rem;display:grid;gap:.3rem;font-size:.92rem}
.alvl p{font-size:.88rem;margin-top:.5rem}
.alvl.urg{border-left-color:#8E1B1B;background:#FBF1EC}
.alvl.urg h4{color:#8E1B1B}
.alvl.j24{border-left-color:var(--azur-d)}
.alvl.j24 h4{color:var(--azur-d)}
.alvl.ok{border-left-color:var(--bleu)}
.alvl.ok h4{color:var(--bleu)}

/* ——— maillage ——— */
.cross{background:var(--nuit);color:#E8EFF6}
.cross .in{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding-block:2.6rem}
.cross h3{font-size:1.28rem;color:#fff}
.cross p{font-size:.95rem;color:#AEBDCB;max-width:60ch;margin-top:.45rem}
.cross .btn{background:transparent;border-color:#5A7186;color:#E8EFF6}
.cross .btn:hover{background:var(--azur);border-color:var(--azur)}
.cross .duo{display:flex;gap:.7rem;flex-wrap:wrap}

/* ——— infos pratiques ——— */
.infos{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.info{background:var(--carte);border:1px solid var(--filet);padding:1.7rem 1.6rem;display:grid;gap:.55rem;align-content:start;min-width:0}
.info h3{font-size:1.05rem}
.info .ic{color:var(--azur)}
.info p,.info li{font-size:.93rem;color:var(--muted)}
.info ul{list-style:none;display:grid;gap:.3rem}
.info b{color:var(--encre);font-weight:600}
.hours{width:100%;border-collapse:collapse;font-size:.92rem}
.hours td{padding:.3rem 0;border-bottom:1px solid var(--filet);color:var(--muted)}
.hours td:first-child{font-weight:600;color:var(--encre)}
.hours td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.hours tr:last-child td{border-bottom:none}

/* ——— footer ——— */
footer.site{background:var(--nuit);color:#9DAEBE;border-top:3px solid var(--azur)}
footer .fin{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;padding-block:2.4rem}
footer .mono{width:31px;height:48px;opacity:.9;color:#DCEBF7}
footer .ft b{color:#E8EFF6;font-family:var(--serif);font-weight:600;display:block}
footer .ft span{font-size:.82rem}
footer nav{display:flex;gap:1.2rem;flex-wrap:wrap}
footer nav a{color:#9DAEBE;font-size:.85rem;text-decoration:none}
footer nav a:hover{color:#fff}
footer .legal{border-top:1px solid #2C3A33;padding-block:1rem;font-size:.78rem;text-align:center}

:focus-visible{outline:2px solid var(--bleu);outline-offset:2px}

/* ——— impression : seule la fiche ouverte s'imprime ——— */
@media print{
  body{background:#fff}
  .specband,header.site,.fab,main,footer.site{display:none!important}
  dialog.tm{display:none}
  dialog.tm[open]{display:block;position:static;width:100%;max-height:none;box-shadow:none;border:none;border-top:3px solid var(--bleu);margin:0;background:#fff}
  dialog.tm::backdrop{display:none}
  .tm-in{max-height:none;overflow:visible;padding:.8rem 0 1rem}
  .tm-close,.tm-print,.tm .act,.tm .btnrow,.res .btnrow{display:none!important}
  .tm-in>label,.tm input[type=number],.tm input[type=date],.tm input[type=month],.tm input[type=time],.tm select,.tm .radios{display:none!important}
  .printhead{display:block;font-size:.85rem;color:var(--muted);border-bottom:1px solid var(--filet);padding-bottom:.5rem;margin-bottom:1rem}
  .printhead b{color:var(--encre)}
  .res,.alvl{break-inside:avoid}
}

/* ——— responsive ——— */
@media(max-width:920px){
  .motifs,.tools,.infos{grid-template-columns:1fr 1fr}
  .doc-grid,.hono-grid{grid-template-columns:1fr}
  .portrait{max-width:280px}
}
@media(max-width:760px){
  nav.main{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bande);border-bottom:1px solid var(--filet);flex-direction:column;align-items:stretch;padding:1rem max(22px,env(safe-area-inset-left,0px)) 1.4rem;gap:.9rem}
  nav.main.open{display:flex}
  .burger{display:block}
  .hbar .btn{display:none}
  nav.main .btn{display:inline-block;text-align:center}
}
@media(max-width:600px){
  .motifs,.tools,.infos{grid-template-columns:1fr}
  .cross .in{grid-template-columns:1fr}
  footer .fin{grid-template-columns:1fr;text-align:center;justify-items:center;gap:1.2rem}
  .steps li{grid-template-columns:1fr;gap:.15rem}
}
@media(max-width:400px){
  .brand .bt span{white-space:normal;font-size:.57rem;letter-spacing:.1em}
  .hbar{gap:.6rem}
  .fabbtn{width:208px;font-size:.84rem;padding:.7rem .9rem}
}

/* ——— v2 : onglets du parcours, documents, fiches SFED ——— */
.otabs{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin:2.2rem 0 1.8rem}
.otab{font-family:var(--sans);font-size:.88rem;font-weight:600;letter-spacing:.02em;color:var(--encre);background:none;border:1px solid var(--filet);border-radius:999px;padding:.55rem 1.25rem;cursor:pointer;transition:all .15s}
.otab:hover{border-color:var(--bleu);color:var(--bleu)}
.otab.on{background:var(--bleu);border-color:var(--bleu);color:#F2EFE4}
.opan[hidden]{display:none}
.tool.tdoc{text-decoration:none;color:inherit;border-top:3px solid var(--azur)}
.tool.tdoc .ic,.tool.tdoc .go{color:var(--azur-d)}
.tools.three{grid-template-columns:repeat(3,1fr)}
.tools.three .tool{grid-column:2}
@media(max-width:920px){.tools.three{grid-template-columns:1fr}.tools.three .tool{grid-column:1}}
.opnote{text-align:center;font-size:.88rem;color:var(--muted);margin-top:1.4rem;max-width:62ch;margin-inline:auto}
.refsub{text-align:center;margin:2.6rem auto 0;max-width:70ch}
.refsub h3{font-family:var(--serif);font-size:1.15rem}
.refsub p{font-size:.88rem;color:var(--muted);margin-top:.5rem}
.refs{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.55rem .9rem;margin:1.2rem auto 0;max-width:1000px;padding:0}
.refs li{display:flex;align-items:center;gap:.6rem;background:var(--carte);border:1px solid var(--filet);padding:.55rem .85rem;font-size:.9rem;min-width:0}
.refs li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--azur);flex:none}
.refs a{color:var(--encre);text-decoration:none;flex:1;min-width:0}
.refs a:hover{color:var(--bleu);text-decoration:underline}
.refs .org{font-size:.66rem;font-weight:700;letter-spacing:.08em;color:var(--bleu);border:1px solid var(--filet);border-radius:2px;padding:.1rem .4rem;flex:none}
@media(max-width:700px){.refs{grid-template-columns:1fr}}

/* ——— v3 : packs « Mon dossier » ——— */
.packrow{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-bottom:1.6rem}
.tool.pack{text-decoration:none;color:inherit;border-top:3px solid var(--azur);background:linear-gradient(175deg,#FFFFFF 0%,var(--carte) 100%)}
.tool.pack .ic,.tool.pack .go{color:var(--azur-d)}
.tool.pack h3{color:var(--bleu-d)}
@media(max-width:920px){.packrow{grid-template-columns:1fr}}
.refs.unit{max-width:720px;margin-top:1.2rem}
.refs.unit li{font-size:.85rem;background:none;border:none;border-top:1px solid var(--filet);padding:.5rem .2rem}
.fabmenu a{display:grid;gap:.15rem;text-align:left;background:#fff;border:1px solid var(--filet);border-radius:3px;padding:.7rem .85rem;font-size:1rem;color:var(--encre);text-decoration:none;transition:border-color .15s}
.fabmenu a:hover{border-color:var(--bleu)}
.fabmenu a b{font-weight:600}
.fabmenu a span{font-size:.78rem;color:var(--muted)}

/* ——— v4 : onglet symptômes ——— */
a.otab.tlk{text-decoration:none;display:inline-flex;align-items:center}

/* ——— v5 : flottant contextuel ——— */
.fab{opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s,transform .25s}
.fab.vis{opacity:1;pointer-events:auto;transform:none}
a.fabbtn{text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}
@media (prefers-reduced-motion:reduce){.fab{transition:none}}

/* ——— v6 : lumière, médaillons, serpentines ——— */
.band{background:var(--bande);border-block:1px solid var(--filet)}
.motif,.tool,.info{background:linear-gradient(175deg,#FFFFFF 0%,var(--carte) 100%)}
.refs li{background:linear-gradient(175deg,#FFFFFF 0%,var(--carte) 100%)}
.serp{display:flex;justify-content:center;padding:.3rem 0;background:var(--fond)}

.motifs{align-items:start;row-gap:3.2rem;margin-top:3rem}
.motif{position:relative;overflow:visible;text-align:center;justify-items:center;padding-top:3rem;transform:translateY(var(--dy,0px))}
.motif:hover{transform:translateY(calc(var(--dy,0px) - 3px))}
.motif:nth-child(2),.motif:nth-child(5){--dy:24px}
.motif.wide{--dy:0px;text-align:left;justify-items:start;padding-top:1.8rem;margin-top:1.2rem}
.mcirc{position:absolute;top:-33px;left:50%;transform:translateX(-50%);width:66px;height:66px;display:grid;place-items:center;color:var(--azur-d)}
.mcirc::before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(160deg,#FFFFFF,var(--bande));border:1.4px solid var(--bleu);box-shadow:0 10px 22px rgba(14,40,66,.15),inset 0 1px 0 #fff}
.mcirc::after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid var(--filet);pointer-events:none}
.mcirc svg{position:relative;z-index:1;width:18px;height:28px}
@media(max-width:920px){.motif:nth-child(2),.motif:nth-child(5){--dy:0px}.motif:nth-child(even){--dy:24px}}
@media(max-width:600px){.motif:nth-child(even),.motif:nth-child(2),.motif:nth-child(5){--dy:0px}}

.tool.pack{position:relative}
.mpuce{position:absolute;top:.85rem;right:.85rem;width:21px;height:32px;color:var(--bleu-d)}