/* Shared interior shell. Scoped so the homepage composition is unchanged.
   Colors and the masthead bar follow the homepage; the manifesto stays on the homepage. */
.shared-shell {
  --black: #090b0b;
  --paper: #f4f3ef;
  --ink: #151515;
  --red: #d3211c;
  --label: "Barlow QSTVE", Arial, sans-serif;
  --page-inset: clamp(20px, 3vw, 48px);
}
.shared-shell .masthead {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  max-width: 1550px;
  min-height: 86px;
  margin: auto;
  padding: 0 var(--page-inset);
  background: var(--black);
  color: var(--paper);
  border-top: 4px solid var(--red);
}
.shared-shell .masthead .brand {
  font: 600 52px/1 var(--label);
  letter-spacing: -.055em;
  padding-right: 38px;
  border-right: 1px solid #434542;
  gap: 0;
  color: var(--paper);
}
.shared-shell .brand-proposition {
  margin: 0 0 0 22px;
  color: var(--paper);
  font: 600 10px/1.4 var(--label);
  letter-spacing: .29em;
  text-transform: uppercase;
}
.shared-shell .masthead nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: auto;
  gap: clamp(8px, 2.2vw, 35px);
}
.shared-shell .masthead nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  padding: 8px 0;
  color: var(--paper);
  font: 600 10px/1 var(--label);
  letter-spacing: .22em;
  text-transform: uppercase;
  text-decoration: none;
}
.shared-shell .masthead nav .search-link { margin-left: 14px; text-transform: none; letter-spacing: 0; }
.shared-shell .masthead nav a[aria-current="page"] {
  text-decoration: underline;
  text-decoration-color: var(--red);
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}
.shared-shell footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  max-width: 1646px;
  margin: auto;
  padding: 12px var(--page-inset) 18px;
  border: 0;
  border-top: 1px solid #c9c6bd;
  background: var(--paper);
  color: var(--ink);
}
.shared-shell footer .brand {
  font: 600 22px/1 var(--label);
  letter-spacing: -.05em;
  color: var(--ink);
}
.shared-shell footer .footer-proposition,
.shared-shell footer small {
  margin: 0;
  font: 600 8px/1.45 var(--label);
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
}
.shared-shell .footer-discovery {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  align-items: center;
  margin-left: auto;
  gap: 2px 12px;
}
.shared-shell [data-privacy-slot] { display: inline-flex; align-items: center; }
.shared-shell .footer-discovery a,
.shared-shell .reader-privacy-toggle {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  min-width: 44px;
  padding: 0;
  font: 600 10px/1 var(--label);
  letter-spacing: .16em;
  text-transform: uppercase;
}
.shared-shell .footer-discovery a[aria-current="page"] {
  text-decoration: underline;
  text-decoration-color: var(--red);
  text-underline-offset: 6px;
}
.shared-shell .reader-privacy { margin: 0; padding: 0; max-width: none; }
@media (max-width: 900px) {
  .shared-shell .masthead { flex-wrap: wrap; padding-top: 15px; min-height: 0; }
  .shared-shell .masthead nav {
    flex-basis: 100%;
    justify-content: space-between;
    margin: 14px 0 0;
    border-top: 1px solid #434542;
    gap: 8px;
  }
  .shared-shell .masthead .brand { font-size: 44px; }
  .shared-shell .brand-proposition { font-size: 8px; }
  .shared-shell .masthead nav .search-link { margin-left: 0; }
}
@media (max-width: 600px) {
  .shared-shell { --page-inset: 20px; }
  .shared-shell .masthead .brand { font-size: 49px; padding-right: 0; border: 0; }
  .shared-shell .brand-proposition { margin-left: auto; text-align: right; }
  .shared-shell .masthead nav { gap: 4px; margin-top: 16px; padding-block: 4px; }
  .shared-shell .masthead nav a { font-size: 9px; letter-spacing: .08em; }
  .shared-shell footer { gap: 4px 8px; padding-block: 8px 12px; }
  .shared-shell footer .footer-proposition { display: none; }
  .shared-shell footer .brand { font-size: 18px; }
  .shared-shell footer small { margin-left: 0; font-size: 7px; letter-spacing: .04em; }
  .shared-shell .footer-discovery { gap: 0 6px; }
  .shared-shell .footer-discovery a,
  .shared-shell .reader-privacy-toggle { font-size: 8px; letter-spacing: .04em; }
}
.shared-shell .essay-signup { margin-top: 3rem; border-top: 1px solid currentColor; padding-top: 1.5rem; }
.shared-shell .essay-signup h2 { font-size: 1.75rem; margin: 0 0 .75rem; }
.shared-shell .essay-signup p { max-width: 68ch; }
.shared-shell .essay-signup__actions { display: flex; flex-wrap: wrap; gap: .75rem 1rem; }
.shared-shell .essay-signup a { box-sizing: border-box; display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }