/* app363 — menu « Ce qu'on fait » (ordinateur) + panneau « Vos besoins » (mobile). Validé par Rui le 03/10/2026. */
.nsub-xl{min-width:420px}
.nsub-xl a{align-items:flex-start;padding:10px 12px}
.nsub-xl a i{margin-top:2px}
.nsub-xl a span{display:flex;flex-direction:column;gap:2px}
.nsub-xl a b{font-weight:600}
.nsub-xl a small{font-size:13px;font-weight:400;color:var(--txt2,#41536E)}
.nsub-xl a.on{background:var(--accbg,#EAF1FF)}
.nsub-xl a span.chip,.a363m-sheet a span.chip,.chip{display:inline-block;flex-direction:row;width:auto;margin-left:6px;padding:1px 9px;border-radius:999px;background:var(--accbg,#EAF1FF);border:1px solid var(--accline,#C6DAFF);color:var(--acc,#2563EB);font-size:12px;font-weight:700;line-height:1.5;vertical-align:1px}
.mrow{display:block;border-top:1px dashed var(--line2,#D6DEEC);margin-top:4px;padding:12px 12px 8px}
.mlbl{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--txt,#05203C);margin-bottom:10px}
.mlbl i{font-size:19px;color:var(--acc,#2563EB)}
.mtags{display:flex;flex-wrap:wrap;gap:8px}
.nsub .mtags a,.mtags a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border:1px solid var(--accline,#C6DAFF);border-radius:999px;background:#fff;color:var(--acc,#2563EB);font-size:14px;font-weight:600;text-decoration:none}
.mtags a.c1{border-color:#C6DAFF;background:#EAF1FF;color:#1D4FB8}
.mtags a.c2{border-color:#BFEBD3;background:#E4F8EE;color:#0E7A44}
.mtags a.c3{border-color:#F6D9A8;background:#FDF1DD;color:#9A5B00}
.mtags a.c4{border-color:#F2E08A;background:#FEF6D0;color:#6B4E00}
.mtags a.c5{border-color:#F5C6B8;background:#FDEBE5;color:#B23A17}
.mtags a.c0{border-color:var(--line2,#D6DEEC);background:#fff;color:var(--txt2,#41536E)}
.nsub .mtags a:hover,.mtags a:hover{filter:brightness(.97)}
.tabbar .tab span{white-space:nowrap}
body.a363m-on .tabbar{z-index:82}
/* panneau mobile « Vos besoins » */
.a363m-dim{position:fixed;inset:0;z-index:80;background:rgba(5,32,60,.38);opacity:0;transition:opacity .2s}
.a363m-dim.open{opacity:1}
.a363m-sheet{position:fixed;left:0;right:0;bottom:calc(104px + env(safe-area-inset-bottom));z-index:81;max-height:calc(100% - 104px - 84px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:22px 22px 0 0;padding:8px 16px 16px;box-shadow:0 -20px 40px -20px rgba(5,32,60,.4);transform:translateY(100%);transition:transform .25s ease}
.a363m-sheet.open{transform:none}
.a363m-grab{width:44px;height:5px;border-radius:9px;background:var(--line2,#D6DEEC);margin:4px auto 8px}
.a363m-t{font-family:var(--disp,'Barlow Condensed',system-ui,sans-serif);text-transform:uppercase;font-weight:900;font-size:22px;margin:2px 2px 2px}
.a363m-s{font-size:14px;color:var(--txt2,#41536E);margin:0 2px 6px}
.a363m-sheet>a{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 2px;border-bottom:1px solid var(--line,#E6EBF4);color:var(--txt,#05203C);text-decoration:none}
.a363m-sheet>a span{display:flex;flex-direction:column}
.a363m-sheet>a b{font-size:16px;font-weight:600;line-height:1.25}
.a363m-sheet>a small{font-size:13px;color:var(--txt2,#41536E);line-height:1.35;font-style:italic}
.a363m-sheet .ic-sq{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--accbg,#EAF1FF);border:1px solid var(--accline,#C6DAFF);display:grid;place-items:center;color:var(--acc,#2563EB)}
.a363m-sheet .ic-sq i{font-size:20px}
.a363m-sheet .mrow{padding:12px 2px 2px;margin-top:0;border-top:0}
.a363m-sheet .mtags{gap:6px}
.a363m-sheet .mtags a{min-height:40px;padding:0 13px;font-size:14px}
@media(prefers-reduced-motion:reduce){.a363m-sheet,.a363m-dim{transition:none}}
/* bandeau cookies masqué le temps du panneau « Vos besoins » (il revient à la fermeture, aucun choix fait à la place du visiteur) */
body.a363m-on #a363-consent{visibility:hidden}