/* Sorbonne Université — essentials charter, pp. 2, 14, 16–17.
   RGB 29 39 105 / 230 51 42; Arial is the authorised substitute.
   Original institutional logos retain their own supplied colours. */
:root{--su-blue:#1d2769;--su-red:#e6332a;--su-text:#282b35;--su-muted:#535866;--su-line:#dce0e9;--su-tint:#f3f5fa}
body{background:#fff;color:var(--su-blue);font-family:Arial,Helvetica,sans-serif}
header{border-bottom:4px solid var(--su-blue);padding-top:24px;padding-bottom:24px;gap:30px}
.brand{letter-spacing:0;color:var(--su-blue)}
.brand .su-logo{width:174px;height:auto;display:block;flex-shrink:0}
.brand .project-name{font-size:23px;letter-spacing:1px;padding:8px 0 8px 24px;margin-left:16px;border-left:1px solid var(--su-line)}
.brand small{font-size:9px;letter-spacing:1px;line-height:1.5;margin-top:5px}
nav{gap:24px;font-weight:700}nav a:hover{color:var(--su-red)}
h1,h2,h3,.numbers b,.art-note,.list a{font-family:Arial,Helvetica,sans-serif;font-style:normal}
h1,h2,h3{font-weight:700;letter-spacing:-1px}
h1{font-size:clamp(35px,4.3vw,58px);line-height:1.12}h1 em{font-style:normal;color:var(--su-blue);font-weight:700}
h2{font-size:35px}h3{font-size:27px;line-height:1.2}
p,.lead{color:var(--su-text)}.lead{line-height:1.75}
.hero{gap:48px;padding:66px 0 56px;grid-template-columns:1.25fr 1fr}
.eyebrow{color:var(--su-blue);letter-spacing:1.5px}.eyebrow:before{color:var(--su-red)}
.button,button{background:var(--su-blue);border-color:var(--su-blue);border-radius:0;font-weight:700}
.button:hover,button:hover{background:#121b50;color:#fff}
.button.light{color:var(--su-blue);background:white}.button.light:hover{background:var(--su-tint)}
.art{background:var(--su-tint);border:0;border-top:5px solid var(--su-blue);transform:none;padding:24px}
.art-label{font-size:10px;font-weight:700;letter-spacing:1px}.art-note{border-color:var(--su-line);font-size:18px;font-weight:700}
.annotation{background:var(--su-red);color:white;transform:none;right:0;bottom:62px;font-weight:700;font-size:12px}
.partners{border-color:var(--su-line);padding:28px 0;background:white}
.partners-heading span,.numbers span,.list small,footer{color:var(--su-muted)}
.partner-logos{grid-template-columns:1.8fr 1.5fr repeat(5,1fr);gap:16px}
.partner-logo{padding:12px;height:104px}.partner-logo img{max-height:40px;max-width:110px}
.partner-logo.sorbonne img{max-height:80px;max-width:200px}
.partner-logo.anr img{max-width:100px}.partner-logo.scai img{max-width:110px}
.tile{background:#fff;border:1px solid var(--su-line);border-top:4px solid var(--su-blue);border-radius:0}
.tile:hover{border-color:var(--su-blue);box-shadow:0 8px 22px #1d27690d;transform:translateY(-3px)}
.tile.dark{background:var(--su-blue);color:white;border-color:var(--su-blue)}.tile.dark p{color:#fff}
.tile-top{font-weight:700;font-size:10px}.badge{border-color:#c3c9df;color:var(--su-blue);border-radius:0;font-size:10px}
.dark .badge{border-color:#a5adce;color:white}.tile-bottom{font-weight:700}
.tiles>.tile:last-child:nth-child(odd){grid-column:1/-1;min-height:220px}
.section-head p{color:var(--su-muted)}.project{border-color:var(--su-line)}
.numbers b{font-size:27px;font-weight:700}.panel{background:white;border-color:var(--su-line)}
.notice{border-left-color:var(--su-red);background:var(--su-tint);color:var(--su-text)}
.tabs button[aria-pressed=false]{color:var(--su-blue)}td,th,.list li{border-color:var(--su-line)}
footer{border-top:3px solid var(--su-blue)}footer .brand{font-size:24px}
:focus-visible{outline:3px solid var(--su-red);outline-offset:5px}
@media(max-width:1000px){header{flex-wrap:wrap}nav{width:100%;justify-content:flex-start}.hero{gap:28px}.partner-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:36px}.brand .su-logo{width:140px}.brand .project-name{font-size:20px;padding-left:16px;margin-left:6px}.brand small{font-size:8px}.art{margin:0}.partner-logo{height:100px;padding:12px}.partner-logo.sorbonne img{max-width:100%;max-height:70px}.partner-logo img{max-width:100%;max-height:35px}.partner-logo.anr img,.partner-logo.scai img{max-width:100%}.page-head h1{font-size:38px}h2{font-size:30px}.tile{padding:24px}.tiles>.tile:last-child:nth-child(odd){grid-column:auto}.annotation{font-size:10px}.partners-heading{margin-bottom:12px}}
@media(max-width:400px){.partner-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.brand .su-logo{width:122px}.brand .project-name{font-size:18px}.brand small{max-width:150px}.hero h1{font-size:34px}}

.project-title{font-size:24px;line-height:1.4;font-weight:600;color:var(--su-blue);margin:20px 0}.project-title-fr{font-size:20px;font-weight:400;color:var(--su-text)}@media(max-width:760px){.project-title{font-size:22px}.project-title-fr{font-size:19px}}

.partner-logo.suad img{max-width:140px;max-height:52px}@media(max-width:760px){.partner-logo.suad img{max-width:100%;max-height:45px}}
#arrange-form label{display:block;font-weight:bold;margin:16px 0 5px}#arrange-form select{width:100%;max-width:660px;padding:12px;font:inherit}button:disabled{opacity:.6;cursor:wait}

#ensemble{width:100%;max-width:660px;padding:12px;font:inherit;border:1px solid #73798a}