.brand img.brand-mark{display:block;width:60px;height:42px;object-fit:contain;border-radius:0}
.brand img.brand-wordmark{display:block;width:175px;height:auto;object-fit:contain;border-radius:0}
.brand img.brand-slogan{display:block;width:156px;max-width:100%;height:auto;margin-top:7px;object-fit:contain;border-radius:0}
.brand > div{transform:translateY(-3px)}
.site-footer{background:#0c2b59}
.site-header,.site-footer{-webkit-user-select:none;user-select:none}
button,[role="button"],.header-nav-link,.new-article-button,.connect{-webkit-user-select:none;user-select:none}
.site-footer .network-footer-wordmark{display:block;width:237px;max-width:100%;height:auto}
.footer-brand{display:inline-flex;align-items:center;gap:14px}
.footer-brand img{display:block;width:156px;max-width:100%;height:auto}
.footer-brand>span{font-size:12px}
.masthead{display:flex;align-items:center;gap:18px;background:#09469d}
.login-logo{display:block;flex:none;width:154px;height:auto;max-width:38%}
.login-brand-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;transform:translateY(-4px)}
.login-slogan{display:block;width:194px;max-width:100%;height:auto;margin-top:14px}
.login-studio-wordmark{display:block;width:240px;max-width:100%;height:auto;margin-left:-3px}
.login-card .masthead{background:#09469d}
@media(max-width:520px){.brand{gap:8px}.brand img.brand-mark{width:48px;height:34px}.brand img.brand-wordmark{width:140px}.brand img.brand-slogan{width:120px;margin-top:3px}.footer-brand{gap:8px}.footer-brand img{width:140px}.footer-brand>span{font-size:11px}.site-footer .network-footer-wordmark{width:213px;margin-left:-4px}.masthead{gap:10px}.login-logo{width:116px;max-width:42%}.login-studio-wordmark{width:170px;margin-left:-2px}.login-slogan{margin-top:10px}}

/* Shell commun aux pages Composition et Brouillons. */
:root{--serif:'LSNN Serif',Georgia,serif;--sans:'LSNN Sans',Arial,sans-serif}
.brand{flex:none;text-decoration:none}
.site-header-inner{gap:16px}
.header-account{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.header-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border:1px solid #d6e3f2;border-radius:3px;color:#0b4699;text-decoration:none;font:800 11px 'LSNN Sans',Arial,sans-serif;letter-spacing:0}
.header-nav-link:hover{background:#eef5ff}
.logout-button{min-height:36px;border:1px solid #b8c9df;border-radius:3px;background:#f4f8fd;color:#0b4699;padding:8px 11px;font:800 11px 'LSNN Sans',Arial,sans-serif;letter-spacing:0;cursor:pointer}
.logout-button:hover{background:#e1edf9}
.intro-inner{padding-top:38px;padding-bottom:35px}
.intro h1{font-size:clamp(34px,3.5vw,49px)}
.intro-meta{margin-top:22px}
@media(max-width:520px){.site-header-inner{gap:10px;flex-wrap:wrap}.header-account{gap:6px}.header-nav-link,.logout-button{padding:7px 9px;font-size:10px}.intro-inner{padding-top:29px;padding-bottom:28px}.intro h1{font-size:36px}.intro-meta{margin-top:20px}}
@media(max-width:420px){.header-account{width:100%}}
.header-action-icon{display:none;width:19px;height:19px;flex:none}
@media(max-width:520px){.site-header-inner{flex-wrap:nowrap}.header-account{flex:none;gap:6px;width:auto}.header-nav-link,.logout-button{display:inline-flex;align-items:center;justify-content:center;width:38px;min-width:38px;height:38px;padding:0}.header-action-icon{display:block}.header-action-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@media(max-width:360px){.brand img.brand-wordmark{width:112px}.brand img.brand-slogan{width:105px}.site-header-inner{padding-left:12px;padding-right:12px}}
@media(max-width:520px){
  .brand img.brand-slogan{margin-left:-1px}
  .site-footer{display:flex;flex-direction:column;align-items:flex-start;gap:5px;line-height:normal}
  .footer-brand{align-self:flex-start}
  .login-brand-copy{transform:translateY(-2px)}
  .login-slogan{margin-top:6px}
}