/* TR-Numexan : identité unifiée à partir des teintes du logo */
:root{--navy:#173c68;--navy2:#215a93;--blue:#2869ac;--cyan:#4ab7e9;--surface:#f3f8fc;--white:#fff;--line:#d8e6f0;--ink:#173653;--muted:#5b7085;--soft:#e8f6fc;--radius:16px;--shadow:0 9px 27px rgba(18,57,96,.08)}
html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#f9fcff,#eff6fb 380px,#f7fbff);color:var(--ink)}
.app-header{background:linear-gradient(115deg,#16375f,#2467a6);border-bottom:4px solid #4ab7e9;box-shadow:0 7px 25px #103c6222}
.header-in{max-width:1400px;padding-top:12px;padding-bottom:12px}
.brand-home{display:flex;gap:13px;align-items:center;text-decoration:none;color:white;min-width:0}
.brand-home:hover .identity{text-decoration:underline;text-decoration-color:#4ab7e9;text-underline-offset:4px}
.brand-logo{background:#fff;border:1px solid #d6e5ef;border-radius:12px;width:76px;height:59px;display:flex;align-items:center;justify-content:center;padding:4px;flex:0 0 auto;box-shadow:0 4px 12px #0e2e5833}
.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}
.brand-logo .logo-fallback{display:none;text-align:center;color:#205da5;font-weight:900;font-size:11px;line-height:1.1}
.identity{font-size:16px;color:white}.identity small{color:#c6e8f8;letter-spacing:.1em;font-weight:600}
.counter{background:#123555;color:#e7f8ff;border:1px solid #4ab7e955}
.main{max-width:1360px}
.intro{padding-top:16px;padding-bottom:24px}.intro-badge{background:#e1f5ff;color:#1c6092;border:1px solid #b7e5f5}
.kicker{color:#2368a5}.cases,.detail,.exercise,.case-pane,.panel,.report{border-color:var(--line);box-shadow:var(--shadow)}
button:focus-visible,a:focus-visible{outline:3px solid #4ab7e9;outline-offset:3px}
.general-foot{border-top:1px solid var(--line);padding-top:21px;margin-top:30px}
.back-to-hub{white-space:nowrap;color:#d5f4ff;text-decoration:none;font-weight:700;font-size:12px;border:1px solid #75c9ec66;border-radius:20px;padding:8px 12px}
.back-to-hub:hover{background:#ffffff1b}
@media(max-width:720px){.brand-logo{width:59px;height:48px}.brand-home{gap:8px}.identity{font-size:13px}.identity small{letter-spacing:0;font-size:9px}.back-to-hub{font-size:11px;padding:5px 7px}.header-in{flex-wrap:wrap}.counter{margin-left:auto}}
@media(max-width:360px){.identity small{display:none}.brand-logo{width:49px;height:42px}.identity{font-size:12px}.back-to-hub{font-size:10px}}