/* V206 — language navigation for the comparison. */
.masthead{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:24px}
.masthead .brand{grid-column:1;grid-row:1}
.masthead .edition{grid-column:2;grid-row:1;justify-self:center}
.masthead-links{grid-column:3;grid-row:1;margin-left:0;gap:18px}
.language-switcher{grid-column:4;grid-row:1;justify-self:end;display:inline-flex;align-items:stretch;border:1px solid #b6a17c;border-radius:3px;padding:3px;gap:3px;background:#f5efe2;font-family:var(--sans)}
.language-switcher a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 11px;color:#453b2d;font-size:11px;line-height:1.3;font-weight:700;letter-spacing:.35px;text-decoration:none;white-space:nowrap;border-radius:1px}
.language-switcher a[aria-current="page"]{background:#343d37;color:#fffdf5}
.language-switcher a:hover{box-shadow:inset 0 0 0 1px #866d43}
.language-switcher a:focus-visible{outline:3px solid #287aa3;outline-offset:4px}
@media(max-width:1250px){.masthead .edition{display:none}.masthead{grid-template-columns:minmax(0,1fr) auto auto}.masthead-links{grid-column:2}.language-switcher{grid-column:3}}
@media(max-width:760px){.masthead{grid-template-columns:minmax(0,1fr) auto;gap:15px 12px;padding:16px 5%}.masthead .brand{gap:9px;min-width:0;font-size:11px}.masthead .brand .icon{width:28px;height:28px}.masthead .brand b{font-size:11px;letter-spacing:.7px}.masthead .brand>span{min-width:0}.language-switcher{grid-column:2}.language-switcher a{padding:8px 9px;font-size:10px;min-height:40px}.masthead-links{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;gap:14px}.masthead .back-dossier{min-height:44px}}
@media(max-width:350px){.masthead .brand b{font-size:10px;letter-spacing:.4px}.masthead .brand{gap:7px}.language-switcher a{padding:8px 7px;letter-spacing:.15px}}
@media print{.language-switcher{display:none!important}.masthead{display:flex}}


/* V209: one shared frame for the comparison, from header to footer. */
@media screen and (min-width:761px){
  .masthead,
  .dossier-breadcrumb,
  .hero,
  .reading-nav,
  .section-shell,
  .footer{
    width:calc(100% - 48px);
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
  }
  .masthead,
  .dossier-breadcrumb,
  .footer{
    padding-left:0;
    padding-right:0;
  }
  .nav-inner{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
  }
  .hero-inner{
    max-width:none;
    padding-left:0;
    padding-right:0;
  }
  .hero-caption{right:0}
}