/* Musiscope : direction vert minéral, commune aux quatre espaces. */
:root {
  --ink:#234d44; --blue:#234d44; --green:#285e50;
  --paper:#fafaf6; --white:#fff; --muted:#52665e; --line:#c1cec5;
  --yellow:#e3ebe5; --mint:#e3ebe5; --cyan:#e3ebe5;
  --sage:#e3ebe5; --sky:#edf2ee; --peach:#eeece5;
  --radius:0; --shadow:none;
}
body {font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}
/* Bleu brume pour les dispositifs du ministère, vert minéral à l’international. */
body.fwb-page {
  --ink:#304f61; --blue:#304f61; --green:#3d6277;
  --muted:#526873; --line:#c5d3da;
  --yellow:#e6eef2; --mint:#e6eef2; --cyan:#e6eef2;
  --sage:#e6eef2; --sky:#edf2f5; --peach:#eef0f1;
}
body.fwb-page :focus-visible {outline-color:#304f61}
*,*::before,*::after {border-color:var(--line)!important}
h1,h2,h3,h4,.brand-name,.brand>span:last-child {font-style:normal!important}
h1,h2,h3,h4 {font-weight:650!important;letter-spacing:-.035em!important;line-height:1.12!important}
button,input,textarea,select {font-family:inherit}
.topbar {background:var(--paper);color:var(--muted);border-bottom:1px solid var(--line);font-weight:400}
.site-head,.tabs-shell {background:#fafaf6;backdrop-filter:none}
.nav {min-height:84px;gap:1.5rem}
.brand {gap:1rem;min-width:0}
.brand small {color:var(--muted);font-size:.67rem;letter-spacing:.06em;line-height:1.5}
.brand .mark {display:flex;align-items:center;flex-shrink:0;width:72px;height:58px;padding:0;background:transparent}
.mark .wbm-logo {display:block;width:100%;height:100%;object-fit:contain}
.aid-owner{display:flex;align-items:center;gap:1.15rem;padding:1rem 1.2rem;margin:1.25rem 0;background:var(--white);border:1px solid var(--line)}
.aid-owner img{display:block;object-fit:contain;flex-shrink:0}
.aid-owner .owner-wbi{filter:brightness(0);width:92px;height:44px}
.aid-owner .owner-fwb{width:48px;height:40px}
.aid-owner span{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.2rem}
.aid-owner strong{display:block;font-size:.95rem;font-weight:600;line-height:1.4}
.aid-owner p{font-size:.82rem!important;line-height:1.5;margin:.2rem 0 0!important;color:var(--muted)}
.agency-support-mark .owner-wbm{width:72px;height:32px;object-fit:contain}
.brand-name,.brand>span:last-child {font-size:1rem;font-weight:600}
.navlinks a,.exit {font-size:.82rem;font-weight:600;background:transparent!important}
.navlinks a:hover,.exit:hover {background:var(--mint)!important}
.studio-link {font-size:.78rem;font-weight:500}
.topic-tab {font-size:.85rem;font-weight:500}
.topic-tab[aria-selected="true"] {background:var(--ink);color:#fff}
.hero {min-height:0!important;padding:2rem 0 2.25rem!important;background:var(--mint);color:var(--ink)}
.hero h1 {font-size:clamp(2rem,4.2vw,3.4rem)!important;margin:.5rem 0 .75rem;max-width:950px}
.hero p {font-size:1rem;color:var(--muted)}
.hero-meta {margin-top:.9rem;gap:.5rem}
.eyebrow,.kicker {font-size:.7rem;letter-spacing:.09em;font-weight:600;color:var(--muted)}
.eyebrow:before {background:var(--green)}
.pill,.tags span,.wizard-meta span,.orientation-entry-meta span,.agency-tags span {background:transparent;font-weight:500;border:0;font-size:.75rem}
.finder-inner,.wizard,.orientation-inner,.wizard-cta,.orientation-entry,.proto-gate,.admin-projects,.csv-download,.agency-support,.wbm-choice {box-shadow:none!important;border-width:1px}
.finder {margin-top:-1rem}
.searchbox {padding:1rem 1.2rem}
.search-hint {background:var(--mint);font-weight:500}
.section-mode .finder {margin-top:-1rem}
.section {padding:3rem 0}
.section-head h2,.tab-intro h2,.guide-main h2 {font-size:clamp(1.6rem,3vw,2.5rem)}
.section-head {gap:1.4rem}
.aid-card,.aid-card.featured,.card,.ten-card,.choice-card,.faq-card,.gloss-group,.gloss-preview-card,.accordion details {border:1px solid var(--line);border-radius:0;box-shadow:none!important;background:var(--white)}
.aid-card:nth-child(n) {border-top:3px solid var(--line)!important}
.aid-card:nth-child(3n+1),.card.accent {background:var(--mint)}
.aid-card:nth-child(3n),.card.mint {background:var(--paper)}
.aid-card h3 {font-size:1.2rem}
.aid-card:hover,.choice:hover,.option:hover,.route:hover,.wizard-cta:hover,.orientation-entry:hover {transform:none;box-shadow:none!important;border-color:var(--green)!important}
.option:hover,.route:hover {background:var(--mint)}
.button,.choice-link,.csv-download {background:var(--ink);color:#fff;font-weight:600;border:1px solid var(--ink)!important}
.button.secondary,.secondary-button,.choice-link.secondary {background:var(--white);color:var(--ink)}
.orientation-shortcut {background:var(--mint);font-weight:600}
.official,.official.wbm-official {background:var(--mint);color:var(--ink)}
.official p,.official.wbm-official p {color:var(--muted)}
.official .button,.official.wbm-official .button:first-child {background:var(--ink);color:#fff}
.fact {background:var(--paper);border-top:2px solid var(--line)!important}
.fact strong {color:var(--ink)}
.checks li {background:var(--paper)}
.callout,.travel-callout,.note {background:var(--peach);border-left-width:3px}
.commission-box {background:var(--paper)}
.commission-date {background:#fff}
.commission-footer {background:transparent;border-width:0;border-top:1px solid var(--line)}
.commission-actions .calendar-primary {background:var(--mint)}
.agency-support {background:var(--peach)}
.agency-support-mark {background:var(--mint)}
.agency-support-copy h3 {font-style:normal}
.agency-support-action a {background:var(--ink);color:#fff}
.agency-support-action a:hover {background:var(--mint);color:var(--ink)}
.wbm-guide {border-top:3px solid var(--line)!important}
.wbm-guide .toc,.wbm-guide .fact {border-top-width:2px!important}
.wbm-guide:before {background:var(--mint);color:var(--ink)}
.gloss-preview-card:nth-child(2) {background:var(--mint)}
.gloss-preview-card:nth-child(3) {background:var(--peach)}
.orientation-entry {background:var(--mint)}
.orientation-entry-label,.wizard-label {background:transparent;color:var(--muted);padding:0;font-weight:600}
.orientation-entry-action {border-left-width:1px}
.footer {background:var(--paper);color:var(--muted);border-top:1px solid var(--line)!important;padding:1.5rem 0}
.footer strong,.footer a {color:var(--ink)}
.footer .brand {color:var(--ink)}
.footer .mark {background:transparent}
/* Page d’entrée : orientation à droite, deux périmètres au même niveau. */
body.home main {padding-top:2.25rem}
body.home main>.wrap {display:grid;grid-template-columns:1.08fr .92fr;gap:1.5rem;align-items:center}
body.home .intro {display:block;border:0;margin:0;padding:0}
body.home h1 {font-size:clamp(2.1rem,4.2vw,3.5rem);margin:.65rem 0 1rem}
body.home .intro p {font-size:.95rem}
body.home .wizard-cta {display:block;margin:0;background:#fff;border:1px solid var(--ink)!important}
body.home .wizard-copy {padding:1.4rem 1.5rem 1rem}
body.home .wizard-cta h2 {font-size:clamp(1.4rem,2.5vw,1.9rem)}
body.home .wizard-cta p {font-size:.88rem;line-height:1.5}
body.home .wizard-meta {margin-top:.65rem;gap:.55rem}
body.home .wizard-meta span {padding:0}
body.home .wizard-action {justify-content:space-between;padding:.7rem 1.5rem;border-left:0;border-top:1px solid var(--line);font-size:.85rem}
body.home .arrow {background:transparent;color:var(--ink);width:28px;height:28px}
body.home .explore-label,body.home .choices,body.home .hint {grid-column:1/-1}
body.home .explore-label {margin:.7rem 0 -.5rem;color:var(--muted);font-size:.68rem}
body.home .explore-label:after {background:var(--line)}
body.home .choices {align-self:start;gap:1rem}
body.home .choice {min-height:300px;padding:1.5rem;background:var(--mint)}
body.home .choice.international {background:var(--mint)}
body.home .choice.fwb {background:#e6eef2;color:#304f61;border-color:#c5d3da!important}
body.home .choice.fwb p,body.home .choice.fwb .number {color:#526873}
body.home .choice.fwb .arrow {color:#304f61}
body.home .choice .number {color:var(--muted);font-size:.7rem;font-weight:500}
body.home .choice h2 {font-size:clamp(1.65rem,2.9vw,2.25rem);margin:1.2rem 0 .7rem}
body.home .choice p {font-size:.93rem;line-height:1.55}
body.home .tags {gap:.3rem .75rem;margin-top:1rem}
body.home .tags span {padding:0}
body.home .choice-foot {padding-top:1rem;margin-top:1.2rem;font-size:.85rem;font-weight:600}
body.home .hint {margin:0;font-size:.78rem}
/* Parcours et formulaires : conserver des questions compactes et lisibles. */
.wizard .intro {padding:1.1rem 1.4rem}
.wizard .intro h1 {font-size:clamp(1.55rem,3.2vw,2.2rem)}
.wizard .intro p {font-size:.88rem}
.panel h2 {font-size:clamp(1.65rem,3.4vw,2.7rem)}
.result h2 {font-size:clamp(1.9rem,4vw,3.2rem)}
.progress span {height:6px}
.progress span.done {background:var(--green)}
.option {background:var(--white);min-height:120px}
.option:nth-child(3n+2),.option:nth-child(3n) {background:var(--mint)}
.option strong {font-weight:600}
.option small {font-size:.65rem;font-weight:500;color:var(--muted)}
.orientation-help {background:#fff}
.orientation-help summary {font-weight:600}
@media(max-width:780px) {
  .nav {min-height:76px;gap:.8rem}
  .brand .mark {width:58px;height:48px}
  .brand-name,.brand>span:last-child {font-size:.88rem}
  body.home main>.wrap {grid-template-columns:1fr;gap:1.2rem}
  body.home .intro {max-width:650px}
  body.home .choice {min-height:0}
  body.home .choices {grid-template-columns:1fr}
  .wizard .intro {grid-template-columns:1fr;gap:.7rem}
  .hero {padding:1.5rem 0 1.75rem!important}
  .section {padding:2.1rem 0}
}
@media(max-width:480px) {.aid-owner{align-items:flex-start;gap:.85rem;padding:.9rem}.aid-owner .owner-wbi{width:72px;height:38px}.aid-owner strong{font-size:.86rem}}
@media(prefers-reduced-motion:reduce) {*{transition:none!important}}