/* Reading layout shared by the five information pages only.
   The calculator does not load this stylesheet. */
.updates-shell { padding: 20px clamp(16px, 4vw, 48px); }
.updates-shell .updates-main {
  width: min(800px, 100%); max-width: 800px; min-width: 0;
  margin-inline: auto; padding: 32px 0 40px;
  font-size: 13px; line-height: 1.75; overflow-wrap: anywhere;
}
.updates-shell .updates-main h1 {
  margin: 0; font-size: 24px; line-height: 1.3;
  font-weight: 700; letter-spacing: -.025em;
}
.updates-shell .updates-main h2 {
  margin: 0; font-size: 16px; line-height: 1.45;
  font-weight: 700; letter-spacing: -.015em;
}
.updates-shell .updates-main h3 {
  margin: 0 0 6px; font-size: 14px; line-height: 1.5;
  font-weight: 650; letter-spacing: -.01em;
}
.updates-shell .updates-main p:not(.section-kicker):not(.formula),
.updates-shell .updates-main :is(li, dd, a, label, select, button, output) {
  font-size: 13px; line-height: 1.75;
}
.updates-shell .updates-intro { margin-top: 10px; }
.updates-shell .updates-main :is(.section-heading, .privacy-section-heading, .method-section-heading) {
  display: block; max-width: none; border: 0; padding: 0;
}
.updates-shell .updates-main :is(.section-heading, .privacy-section-heading, .method-section-heading) > p { margin-top: 8px; }
.updates-shell .updates-section {
  margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--border);
}
/* Explanations read in one column rather than a collection of boxes. */
.updates-shell .updates-main :is(.principles-grid, .process-list, .dataset-grid,
  .privacy-principles-grid, .privacy-detail-grid, .privacy-boundary-list, .terms-check-list,
  .method-choice-grid, .method-explanation-grid, .limits-list) {
  display: block; margin-top: 14px; padding: 0; list-style: none;
}
.updates-shell .updates-main :is(.principle-card, .dataset-card, .process-list li,
  .privacy-principle-card, .privacy-detail-card, .privacy-boundary-list article,
  .terms-check-list article, .method-choice-card, .method-explanation-card, .limits-list li) {
  min-width: 0; min-height: 0; padding: 14px 0; margin: 0;
  border: 0; border-radius: 0; background: none; box-shadow: none;
}
.updates-shell .updates-main :is(.principles-grid, .process-list, .dataset-grid,
  .privacy-principles-grid, .privacy-detail-grid, .privacy-boundary-list, .terms-check-list,
  .method-choice-grid, .method-explanation-grid, .limits-list) > :first-child { padding-top: 0; }
.updates-shell .updates-main :is(.principles-grid, .process-list, .dataset-grid,
  .privacy-principles-grid, .privacy-detail-grid, .privacy-boundary-list, .terms-check-list,
  .method-choice-grid, .method-explanation-grid, .limits-list) > * + *:not(:first-child) { border-top: 1px solid var(--border); }
.updates-shell .updates-main :is(.principle-number, .privacy-card-number) {
  display: inline; margin-inline-end: 6px; font-size: 11px; line-height: 1.5;
}
.updates-shell .updates-main :is(.principle-card, .privacy-principle-card) h3 { display: inline; }
.updates-shell .updates-main :is(.principle-card, .privacy-principle-card) > p { margin-top: 6px; }
.updates-shell .updates-main .method-choice-card h3 { margin: 6px 0; }
.updates-shell .updates-main :is(.method-explanation-card, .method-callout) p { margin-top: 8px; }
.updates-shell .updates-main :is(.privacy-change-card, .terms-rights, .method-callout, .ru-retail-panel, .contact-card) {
  display: block; min-width: 0; border: 0; border-top: 1px solid var(--border);
  border-radius: 0; background: none; box-shadow: none; padding: 20px 0 0; margin-top: 24px;
}
.updates-shell .updates-main .ru-retail-panel[hidden] { display: none; }
.updates-shell .updates-main :is(.privacy-change-card, .terms-rights, .method-callout, .contact-card) h2 { margin-bottom: 8px; }
.updates-shell .updates-main .privacy-contact-note {
  min-width: 0; padding: 16px 0 0; margin-top: 16px;
  border: 0; border-top: 1px solid var(--border);
}
.updates-shell .method-callout > * { min-width: 0; }
.updates-shell .updates-main .method-updates-link { white-space: normal; margin-top: 14px; }
.updates-shell .updates-main :is(.method-country-detail, .method-other-countries) > summary {
  font-size: 14px; line-height: 1.5; font-weight: 650; min-height: 40px;
}
.updates-shell .updates-main .dataset-details > summary { font-size: 13px; line-height: 1.5; min-height: 36px; }
.updates-shell .updates-main .method-country-detail h3 { font-size: 13px; margin: 12px 0 6px; }
.updates-shell .updates-main :is(#ru-retail-limit, #us-annual-note, #gb-monthly-note) {
  font-size: 13px; line-height: 1.75;
}
.updates-shell .updates-main :is(#us-annual-note, #gb-monthly-note) {
  border: 0; border-radius: 0; background: none; padding: 0;
}
.updates-shell .updates-main .formula {
  display: block; min-height: 0; padding: 0; margin: 10px 0;
  border: 0; border-radius: 0; background: none; font-size: 13px; overflow-wrap: anywhere;
}
.updates-shell .updates-main .limits-list li { padding-inline-start: 26px; }
.updates-shell .updates-main .limits-list li::before { inset-block-start: 14px; inset-inline-start: 0; }
.updates-shell .updates-main .limits-list li:first-child::before { inset-block-start: 0; }
.updates-shell .updates-main :is(.updates-badges > span, .method-card-tag) {
  padding: 0; border: 0; border-radius: 0; background: none; font-size: 12px; line-height: 1.6;
}
.updates-shell .updates-badges { gap: 6px 12px; margin-top: 12px; }
.updates-shell .updates-main :is(.dataset-meta dt, .privacy-effective) { font-size: 12px; }
.updates-shell .updates-main .contact-address { font-size: 14px; line-height: 1.6; }
.updates-shell .updates-main :is(.contact-compose, .contact-copy) {
  flex: 0 1 auto; max-width: 100%; padding: 8px 12px; white-space: normal;
  font-size: 12px; line-height: 1.5; min-height: 44px;
}
@media (max-width: 680px) {
  .updates-shell {
    padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right))
      max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  }
  .updates-shell .updates-main h1 { font-size: 22px; }
}