/* ── NOS-ACTIONS.CSS ── */

/* Le <main> englobe aussi le héros (le lien d'évitement mène au H1) : la mise en page vise le bloc qui suit. */
.main-inner{max-width:1200px;margin:0 auto;padding:clamp(96px,12vw,160px) clamp(16px,4vw,56px);}
.domains-list{display:flex;flex-direction:column;gap:28px;}
.domain-block{--ac:var(--teal);background:var(--cream);border-radius:24px;border:1px solid color-mix(in srgb,var(--ink-fixed) 6%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 8px 24px color-mix(in srgb,var(--ink-fixed) 6%,transparent);overflow:hidden;display:grid;grid-template-columns:clamp(70px,9vw,100px) 1fr;transition:transform .45s var(--ease),box-shadow .45s var(--ease);}
.domain-block:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 22px 46px color-mix(in srgb,var(--ac) 16%,transparent);}
.domain-block[data-d="logement"]{--ac:var(--logement);}
.domain-block[data-d="budget"]{--ac:var(--budget);}
.domain-block[data-d="droits"]{--ac:var(--droits);}
.domain-block[data-d="insertion"]{--ac:var(--insertion);}
.domain-block-num{display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:3.2rem;font-weight:900;color:white;font-variant-numeric:tabular-nums;}
.domain-block[data-d="logement"] .domain-block-num{background:var(--logement);}
.domain-block[data-d="budget"] .domain-block-num{background:var(--budget-deep);}
.domain-block[data-d="droits"] .domain-block-num{background:var(--droits);}
.domain-block[data-d="insertion"] .domain-block-num{background:var(--insertion);}
.domain-block-body{padding:28px 32px;display:flex;flex-direction:column;gap:14px;}
.domain-block-title{display:flex;align-items:center;gap:12px;}
.domain-block-title .icon{font-size:1.5rem;display:inline-flex;line-height:1;transition:transform .45s var(--ease);}
.domain-block:hover .domain-block-title .icon{transform:scale(1.08);}
.domain-block-title .icon svg{width:1.4em;height:1.4em;stroke-width:1.75;}
.domain-block[data-d="logement"] .domain-block-title .icon{color:var(--logement);}
.domain-block[data-d="budget"] .domain-block-title .icon{color:var(--budget);}
.domain-block[data-d="droits"] .domain-block-title .icon{color:var(--droits);}
.domain-block[data-d="insertion"] .domain-block-title .icon{color:var(--insertion);}
.domain-block-title h2{font-family:'Fraunces',serif;font-style:italic;font-weight:600;font-size:clamp(1.4rem,2.6vw,1.9rem);letter-spacing:-.02em;line-height:1.05;color:var(--ink);text-wrap:balance;}
.domain-block-body p{font-size:1rem;color:var(--muted);line-height:1.6;max-width:68ch;}
.domain-actions-list{display:flex;flex-wrap:wrap;gap:8px;}
.action-tag{background:color-mix(in srgb,var(--teal) 10%,transparent);border:1px solid color-mix(in srgb,var(--teal) 26%,transparent);border-radius:8px;padding:4px 12px;font-size:.875rem;color:var(--slate);font-weight:600;}
.domain-block-link{display:inline-flex;align-items:center;gap:6px;font-size:.95rem;font-weight:700;transition:gap .2s;}
.domain-block[data-d="logement"] .domain-block-link{color:var(--teal-ink);}
.domain-block[data-d="budget"] .domain-block-link{color:var(--sea-ink);}
.domain-block[data-d="droits"] .domain-block-link{color:var(--droits-ink);}
.domain-block[data-d="insertion"] .domain-block-link{color:var(--insertion-ink);}
.domain-block-link:hover{gap:10px;}

@media(max-width:960px){.domain-block{grid-template-columns:70px 1fr;}}
@media(max-width:600px){.domain-block{grid-template-columns:1fr;}.domain-block-num{height:60px;font-size:2rem;}}