/* Pages ressources : FAQ, glossaire, calendrier */
.res-main{min-width:0}
.res-intro{margin-bottom:28px}
.res-intro>p{max-width:72ch;color:var(--ink-2)}
.res-intro--wide{margin-bottom:24px}
.res-intro .chips{margin-top:16px}

.res-block{scroll-margin-top:110px;margin-bottom:clamp(36px,5vw,64px)}
.res-block__head{margin-bottom:18px}
.res-block__head h2{font-size:clamp(1.55rem,2.6vw,2.1rem);margin-bottom:8px}
.res-block__head p{max-width:64ch;color:var(--mute);margin:0}
.res-block .faq details>div{max-width:72ch}
.res-block .faq summary{font-size:clamp(1.08rem,1.5vw,1.28rem)}
.res-block .faq details:target{background:var(--bordeaux-t)}
.res-block .faq details{scroll-margin-top:110px}

.res-tools{display:grid;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--mist,#f7f6f3);margin-bottom:clamp(28px,4vw,44px)}
.res-tools[hidden],.res-search[hidden],.res-btn[hidden],.res-none[hidden]{display:none}
.res-search{display:grid;gap:6px}
.res-search label{font:600 .84rem/1 var(--sans);color:var(--mute)}
.res-search input{width:100%;font:500 1rem/1.2 var(--sans);color:var(--ink);padding:.85em 1em;border:1.5px solid var(--line);border-radius:var(--r-s);background:#fff;-webkit-appearance:none;appearance:none}
.res-search input:focus-visible{outline:2px solid var(--bordeaux);outline-offset:2px;border-color:var(--bordeaux)}
.res-tools__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.res-btn{font:600 .88rem/1 var(--sans);color:var(--ink);background:#fff;border:1.5px solid var(--ink);border-radius:var(--r-s);padding:.75em 1.1em;cursor:pointer;transition:background .2s,color .2s}
.res-btn:hover{background:var(--ink);color:#fff}
.res-btn:focus-visible,.res-filters button:focus-visible{outline:2px solid var(--bordeaux);outline-offset:2px}
.res-count{margin:0;font-size:.9rem;color:var(--mute)}
.res-tools__row .res-count{margin-left:auto}
.res-none{padding:20px 22px;border:1px dashed var(--line);border-radius:var(--r-m);color:var(--ink-2);margin:0 0 28px}
.res-hide{display:none!important}
.res-ask{margin-top:clamp(24px,4vw,40px)}
.res-ask h2{font-size:clamp(1.3rem,2vw,1.6rem);margin-bottom:10px}
.res-ask .btn{margin-top:6px}

/* glossaire */
.res-sticky{position:sticky;top:76px;z-index:15;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);margin:0 calc(var(--gutter,20px)*-1) 8px;padding:12px var(--gutter,20px) 10px;border-bottom:1px solid var(--line);display:grid;gap:10px}
.res-sticky .res-search{grid-template-columns:minmax(0,1fr);max-width:560px}
.res-az{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.res-az::-webkit-scrollbar{display:none}
.res-az a,.res-az span{flex:none;min-width:34px;height:36px;display:grid;place-items:center;font:600 .92rem/1 var(--sans);border-radius:var(--r-s)}
.res-az a{color:var(--ink);text-decoration:none}
.res-az a:hover,.res-az a:focus-visible{background:var(--bordeaux-t);color:var(--bordeaux)}
.res-az a:focus-visible{outline:2px solid var(--bordeaux);outline-offset:-2px}
.res-az span{color:#b9bec4}
.res-az a.is-none{color:#b9bec4;pointer-events:none}
.res-letter{scroll-margin-top:170px;padding-top:clamp(22px,3vw,34px)}
.res-letter>h2{font:500 clamp(2.2rem,4vw,3.2rem)/1 var(--serif);color:var(--bordeaux);padding-bottom:10px;border-bottom:1px solid var(--ink);margin-bottom:0}
.res-glo dl{display:grid;margin:0}
.res-term{padding:20px 0;border-bottom:1px solid var(--line);scroll-margin-top:170px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:6px clamp(18px,4vw,56px)}
.res-term dt{font:500 1.22rem/1.25 var(--serif);color:var(--ink)}
.res-term dd{margin:0;max-width:68ch}
.res-term dd p{margin:0}
.res-term .res-see{margin-top:10px;font-size:.9rem;color:var(--mute)}
.res-term .res-see a{color:var(--bordeaux);text-decoration:none;font-weight:600;border-bottom:1px solid transparent}
.res-term .res-see a:hover{border-bottom-color:currentColor}
.res-term:target{background:var(--bordeaux-t);padding-left:16px;padding-right:16px;border-radius:var(--r-s)}
.res-glo .res-letter:first-child{padding-top:10px}
mark.res-m{background:#ffe8a6;color:inherit;border-radius:2px;padding:0 1px}

/* calendrier */
.res-warn{border-left:4px solid var(--bordeaux);background:var(--bordeaux-t);border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;margin-bottom:clamp(28px,4vw,48px)}
.res-warn h2{font-size:1.15rem;margin-bottom:8px}
.res-warn p{margin:0;max-width:78ch}
.res-use,.res-cal,.res-next{scroll-margin-top:110px;margin-bottom:clamp(36px,5vw,64px)}
.res-use h2,.res-cal>h2,.res-next h2{font-size:clamp(1.55rem,2.6vw,2.1rem);margin-bottom:16px}
.res-steps{list-style:none;counter-reset:rs;display:grid;gap:14px;margin:0;padding:0}
.res-steps li{counter-increment:rs;position:relative;padding:4px 0 4px 54px;max-width:74ch}
.res-steps li::before{content:counter(rs);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--bordeaux);color:#fff;display:grid;place-items:center;font:600 .95rem/1 var(--sans)}
.res-fgroup{display:grid;gap:8px}
.res-fgroup__t{margin:0;font:600 .84rem/1 var(--sans);color:var(--mute)}
.res-filters{display:flex;flex-wrap:wrap;gap:8px}
.res-filters button{font:500 .9rem/1 var(--sans);color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:99px;padding:.65em 1.05em;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.res-filters button:hover{border-color:var(--ink)}
.res-filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.res-q{scroll-margin-top:110px;margin-top:clamp(28px,4vw,48px)}
.res-q>h2{font-size:clamp(1.35rem,2.1vw,1.7rem);padding-bottom:10px;border-bottom:1px solid var(--ink);margin-bottom:6px}
.res-month{margin-top:22px}
.res-month>h3{font:600 .86rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--bordeaux);margin-bottom:10px}
.res-evs{list-style:none;margin:0;padding:0;display:grid;gap:0}
.res-ev{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 24px;padding:18px 0;border-bottom:1px solid var(--line)}
.res-ev__d{margin:0;font:500 1.12rem/1.3 var(--serif);color:var(--ink)}
.res-ev__b h4{font:600 1.02rem/1.35 var(--sans);margin:0 0 6px;color:var(--ink)}
.res-ev__b>p{margin:0;max-width:70ch;color:var(--ink-2);font-size:.97rem}
.res-ev__b>p.res-ev__m{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.res-ev__m .link{margin-left:8px;font-size:.9rem}
.res-tag{font:600 .74rem/1 var(--sans);padding:.4em .7em;border-radius:99px;border:1px solid var(--line);color:var(--ink-2);background:#fff}
.res-tag--tva{background:#eef3f8;border-color:#d3dfeb}
.res-tag--imp{background:var(--bordeaux-t);border-color:#ecd2cd;color:var(--bordeaux)}
.res-tag--loc{background:#f1f4ec;border-color:#dbe3cc}
.res-tag--soc{background:#f6f1e7;border-color:#e6dcc4}
.res-tag--jur{background:#f0eef6;border-color:#dcd7ea}
.res-tag--cpt{background:#eef6f4;border-color:#d0e4df}
.res-next__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.res-next .box h3{font-size:1.2rem;margin:0 0 8px}
.res-next .box p:last-child{margin:0}
.res-next__d{font:600 .86rem/1 var(--sans);color:var(--bordeaux);margin:0 0 10px;letter-spacing:.02em}

@media (max-width:860px){
  .res-ev{grid-template-columns:1fr;gap:4px}
  .res-ev__d{font-size:1rem;color:var(--bordeaux)}
  .res-term{grid-template-columns:1fr}
  .res-next__grid{grid-template-columns:1fr}
  .res-tools__row .res-count{margin-left:0;width:100%}
}
@media (max-width:1100px){
  .res-block,.res-use,.res-cal,.res-next,.res-q{scroll-margin-top:140px}
  .res-block .faq details{scroll-margin-top:140px}
}
@media print{.res-tools,.res-sticky{display:none}}