/* Identité commune aux deux ateliers — le contenu pédagogique reste indépendant. */
:is(.tour-page .top,.interface-ribbon header){display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:76px;padding:12px 24px;background:linear-gradient(90deg,#061326 0%,#0b2949 72%,#0d3556 100%);border-bottom:1px solid #b07c16}
:is(.tour-page .top,.interface-ribbon header) .brand{display:flex;align-items:center;gap:16px;min-width:0}
:is(.tour-page .top,.interface-ribbon header) .logo{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:0;border-radius:12px;background:#ffb600;color:#101c29;font:850 30px "Segoe UI",Arial,sans-serif}
:is(.tour-page .top,.interface-ribbon header) .brand h1{margin:0;color:#f2f7fc;font:750 clamp(22px,1.5vw,30px)/1.15 "Segoe UI",Arial,sans-serif;white-space:normal;overflow:visible;text-overflow:clip}
:is(.tour-page .top,.interface-ribbon header) .brand .small{margin:5px 0 0;color:#bdd4e7;font:400 clamp(14px,1vw,18px)/1.35 "Segoe UI",Arial,sans-serif}
:is(.tour-page .top .home,.interface-ribbon header .hbtn){display:inline-flex;align-items:center;min-height:44px;border:1px solid #7391a5;border-radius:10px;padding:8px 12px;background:#163750;color:#f2f7fc;font:650 14px "Segoe UI",Arial,sans-serif;text-decoration:none}
@media(max-width:700px){:is(.tour-page .top,.interface-ribbon header){padding:10px;flex-wrap:wrap}:is(.tour-page .top,.interface-ribbon header) .brand h1{font-size:21px}:is(.tour-page .top,.interface-ribbon header) .brand .small{font-size:14px}.interface-ribbon header .statut{display:none}.interface-ribbon header .hbtns{flex-wrap:wrap}}