/* Pages intérieures : bandeau de page, contenu deux colonnes, cartes formation, FAQ */
.pagehead{background:linear-gradient(180deg,var(--cream),#fff);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.pagehead::after{content:"";position:absolute;right:-6%;bottom:-2px;width:55%;height:70%;background:var(--sand);clip-path:polygon(0 100%,20% 52%,32% 68%,54% 18%,70% 46%,82% 34%,100% 72%,100% 100%);opacity:.55;pointer-events:none}
.pagehead .wrap{position:relative;z-index:1;padding-block:clamp(36px,6vw,64px);display:grid;gap:14px;max-width:var(--wrap)}
.crumbs{font-size:.8rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:var(--navy);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.pagehead h1{font-size:clamp(2rem,4.4vw,3.1rem);font-weight:700;letter-spacing:-.02em;max-width:20ch}
.pagehead .lead{font-size:1.08rem;color:var(--muted);max-width:62ch}
.pagehead .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.tagrow{display:flex;flex-wrap:wrap;gap:8px}
.tagrow span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:600;color:var(--navy)}

.twocol{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.twocol aside{position:sticky;top:96px;display:grid;gap:16px}
@media (max-width:960px){.twocol{grid-template-columns:1fr}.twocol aside{position:static}}
.prose{display:grid;gap:18px;color:var(--muted);max-width:68ch}
.prose h2{color:var(--ink);font-size:clamp(1.4rem,2.6vw,1.8rem);margin-top:22px}
.prose h3{color:var(--ink);margin-top:6px}
.prose strong{color:var(--ink)}
.prose ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.prose ul li{display:flex;gap:12px}
.prose ul li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);flex:none;margin-top:10px}
.prose a{color:var(--navy);font-weight:500}

.box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
.box h3{font-size:1rem;margin-bottom:10px}
.box p,.box li{font-size:.9rem;color:var(--muted)}
.box ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.box--navy{background:var(--navy-deep);border-color:var(--navy-deep);color:#fff}
.box--navy h3{color:#fff}
.box--navy p{color:#C9D5E3}
.box--navy .btn{width:100%;justify-content:center;margin-top:14px}
.box .phone{display:block;font-weight:600;color:#fff;text-decoration:none;margin-top:10px}

.deliv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.deliv div{background:var(--cream);border-radius:12px;padding:14px 16px;font-size:.9rem;color:var(--ink);display:flex;gap:10px;align-items:flex-start}
.deliv svg{width:18px;height:18px;color:var(--green);flex:none;margin-top:3px}
@media (max-width:620px){.deliv{grid-template-columns:1fr}}

.steps6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.steps6 div{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fff}
.steps6 b{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:.95rem}
.steps6 b span{width:26px;height:26px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;font-size:.8rem;flex:none}
.steps6 p{font-size:.84rem;margin-top:6px}
@media (max-width:760px){.steps6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.steps6{grid-template-columns:1fr}}

.faq{display:grid;gap:10px}
.faq details{border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 18px}
.faq summary{cursor:pointer;font-weight:600;color:var(--ink);padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:1.3rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{padding-bottom:16px;color:var(--muted);font-size:.94rem}

.normgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.normcard{display:grid;gap:10px;align-content:start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.normcard:hover{border-color:var(--gold);transform:translateY(-2px)}
.normcard .code{font:700 1.35rem var(--f-display);color:var(--navy)}
.normcard h3{font-size:1rem}
.normcard p{font-size:.88rem;color:var(--muted)}
.normcard .more{font-size:.84rem;font-weight:600;color:var(--gold)}
@media (max-width:900px){.normgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.normgrid{grid-template-columns:1fr}}

/* Formations */
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:22px}
.filters button{font:600 .84rem var(--f-body);border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:8px 14px;cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.filters input{flex:1 1 220px;min-width:0;font:400 .9rem var(--f-body);border:1px solid var(--line);border-radius:999px;padding:9px 16px;background:#fff}
.flist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:820px){.flist{grid-template-columns:1fr}}
.fcard{background:#fff;border:1px solid var(--line);border-left:4px solid var(--c);border-radius:0 var(--r) var(--r) 0;padding:18px 20px;display:grid;gap:8px;align-content:start}
.fcard .top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.fcard .ref{font-size:.74rem;font-weight:700;letter-spacing:.12em;color:var(--c)}
.fcard .lvl{font-size:.72rem;font-weight:600;border-radius:999px;padding:3px 10px;background:var(--cream);color:var(--ink)}
.fcard h3{font-size:1rem;line-height:1.35}
.fcard p{font-size:.88rem;color:var(--muted)}
.fcard .meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.8rem;color:var(--ink);font-variant-numeric:tabular-nums}
.fcard .meta b{font-weight:600}
.fcard a.ins{justify-self:start;font-size:.84rem;font-weight:600;color:var(--navy)}
.fempty{padding:24px;border:1px dashed var(--line);border-radius:var(--r);color:var(--muted);text-align:center}

.calwrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff}
table.cal{width:100%;border-collapse:collapse;font-size:.88rem;min-width:620px}
table.cal th,table.cal td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
table.cal th{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--cream)}
table.cal td:first-child{font-weight:700;color:var(--navy);white-space:nowrap;font-variant-numeric:tabular-nums}
table.cal td:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
table.cal tr.past td{color:#A39A8C}

.parcs{display:grid;gap:14px}
.parc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:center}
.parc h3{font-size:1.02rem}
.parc .sub{font-size:.84rem;color:var(--muted);margin-top:4px}
.ropes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end}
.ropes div{border-radius:10px;background:var(--cream);padding:10px 12px;font-size:.8rem;color:var(--ink)}
.ropes div:nth-child(2){margin-bottom:8px}.ropes div:nth-child(3){margin-bottom:16px}.ropes div:nth-child(4){margin-bottom:24px;background:rgba(62,142,110,.14)}
.ropes small{display:block;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700}
.ropes b{display:block;font-weight:600}
@media (max-width:820px){.parc{grid-template-columns:1fr}.ropes{grid-template-columns:repeat(2,minmax(0,1fr))}.ropes div{margin-bottom:0!important}}

.cgv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cgv div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}
.cgv b{display:block;color:var(--ink);font-size:.92rem;margin-bottom:4px}
.cgv p{font-size:.85rem;color:var(--muted)}
@media (max-width:820px){.cgv{grid-template-columns:1fr}}

/* Cabinet */
.dg{display:grid;grid-template-columns:340px minmax(0,1fr);gap:48px;align-items:start}
.dg figure{margin:0;position:sticky;top:96px}
.dg figure img{border-radius:var(--r);width:100%}
.dg figcaption{margin-top:12px;font-size:.88rem;color:var(--muted)}
.dg figcaption b{display:block;color:var(--ink);font-size:1rem}
.letter{display:grid;gap:16px;color:var(--muted);max-width:66ch}
.letter .quote{margin:0}
.creds{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.creds span{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600;color:var(--navy);background:#fff}
@media (max-width:900px){.dg{grid-template-columns:1fr}.dg figure{position:static;max-width:360px}}
.nav a[aria-current="page"]{color:var(--gold)}
