/* Let the supplied logo's white paper blend into the cream header and footer. */
.accident-editorial .brand img,
.accident-editorial footer > img {
  background: transparent;
  mix-blend-mode: multiply;
}

/* Keep the original forest cards legible on their dark surface. */
.accident-editorial .strength-card h3 { color: #fffdf3; }
.accident-editorial .strength-card > p { color: #e2eee8; }
.accident-editorial .strength-card-top svg { color: #e8d59c; }
.accident-editorial .strength-number {
  background: #e3c579;
  color: #17474a;
}

@media (max-width: 700px) {
  /* This layout uses block flow, so grid gap alone cannot separate the card. */
  .accident-editorial .cost-grid > .cost-box { margin-top: 28px; }

  /* Show all ten closed questions between the fixed header and contact dock. */
  .accident-editorial #faq {
    display: block;
    padding: 12px 16px;
    scroll-margin-top: 0;
  }
  .accident-editorial #faq .section-heading { margin: 0; }
  .accident-editorial #faq .section-heading .eyebrow {
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: .09em;
    margin: 0 0 4px;
  }
  .accident-editorial #faq .section-heading h2 {
    font-size: clamp(18px, 5.4vw, 25px);
    line-height: 1.4;
    letter-spacing: 0;
    margin: 0;
  }
  .accident-editorial #faq .section-heading > p:not(.eyebrow) {
    font-size: 13px;
    line-height: 1.45;
    margin: 5px 0 0;
  }
  .accident-editorial #faq .faq-list {
    display: grid;
    gap: 4px;
    margin: 9px 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }
  .accident-editorial #faq .faq-list > details {
    min-width: 0;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #cfc9af;
    border-radius: 9px;
  }
  .accident-editorial #faq .faq-list summary {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 12px;
    gap: 7px;
    min-height: clamp(28px, calc((100svh - var(--accident-header-height, 64px) - 260px) / 10), 46px);
    padding: 5px 0;
    font-size: clamp(12px, 3.6vw, 16px);
    line-height: 1.4;
    letter-spacing: 0;
    color: #17474a;
  }
  .accident-editorial #faq .faq-list summary > span:first-child {
    font: 12px/1.4 Georgia, serif;
    color: #8b6828;
  }
  .accident-editorial #faq .faq-list summary > .typography-run {
    color: #17474a;
  }
  .accident-editorial #faq .faq-list summary > i {
    width: 12px;
    height: 14px;
    min-width: 12px;
    margin: 0;
  }
  .accident-editorial #faq .faq-list summary > i::before,
  .accident-editorial #faq .faq-list summary > i::after {
    top: 6px;
    left: 0;
  }
  .accident-editorial #faq .faq-list .answer {
    padding: 4px 0 12px;
    font-size: 15px;
    line-height: 1.8;
  }
}

@media (max-width: 700px) and (max-height: 600px) {
  .accident-editorial #faq { padding: 8px 12px; }
  .accident-editorial #faq .section-heading > p:not(.eyebrow) { display: none; }
  .accident-editorial #faq .faq-list { margin-top: 6px; gap: 3px; }
  .accident-editorial #faq .faq-list summary { min-height: 28px; padding: 4px 0; }
}

/* Keep every concern within the card, including Safari text layout. */
.accident-editorial .worries-copy,
.accident-editorial .worries-list,
.accident-editorial .worries-list li {
  min-width: 0;
  max-width: 100%;
}
.accident-editorial .worries-list { grid-template-columns: minmax(0, 1fr); }
.accident-editorial .worries-list li {
  white-space: normal;
  overflow-wrap: anywhere;
}
.accident-editorial .worries-list li > .typography-run,
.accident-editorial .worries-list .worry-text {
  display: block;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
}
@media (max-width: 700px) {
  .accident-editorial .worries-list .worry-followup { display: block; }
}
.accident-editorial .worries-list .natural-word { white-space: normal; }

/* The page label and menu remain after removing the header's logo image. */
.accident-editorial .header .header-label {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}
.accident-editorial .header .menu-button { margin-left: auto; }

/* Reserve real layout space for the copy above the overlapping photo badges. */
@media (max-width: 700px) {
  .accident-editorial .cover-first-screen {
    grid-template-rows: minmax(min-content, 1fr) auto auto;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  .accident-editorial .cover-first-screen .cover-scene {
    height: auto;
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    min-height: min-content;
  }
  .accident-editorial .cover-copy {
    position: relative;
    inset: auto;
    width: 100%;
    padding: 14px 5% 40px;
  }
}
@media (max-width: 700px) and (max-height: 650px) {
  .accident-editorial .cover-copy { padding: 13px 5% 32px; }
}

/* The homepage's gold-edged controls, with an emerald page identity. */
.accident-editorial .header {
  background: linear-gradient(115deg, #084c3f, #147357 66%, #07483e);
  border-bottom: 1px solid #d9bc78;
  box-shadow: 0 2px 9px #063b301a;
}
.accident-editorial .header .header-service,
.accident-editorial .header .desktop-nav { color: #fff; }
.accident-editorial .header .header-area,
.accident-editorial .header .header-note { color: #f1dfb5; }
.accident-editorial .header .header-area { letter-spacing: .08em; }
.accident-editorial .header .header-service {
  font-family: var(--serif);
  font-weight: 600;
  letter-spacing: .04em;
}
.accident-editorial .header .header-note {
  background: #ffffff17;
  border-color: #e0ca9670;
}
.accident-editorial .header .menu-button {
  position: relative;
  width: 50px;
  min-width: 50px;
  height: 48px;
  min-height: 48px;
  border: 1px solid #cfb271;
  border-radius: 9px;
  background: radial-gradient(ellipse at 0 0, #42917a, transparent 65%), linear-gradient(145deg, #196e54, #073f36);
  color: #fff;
  box-shadow: inset 0 1px #ffffff59, 0 3px 0 #04382e, 0 5px 10px #063b302b;
}
.accident-editorial .header .menu-button::before {
  content: '';
  position: absolute;
  inset: 3px;
  border: 1px solid #d8c18e73;
  border-radius: 6px;
  pointer-events: none;
}
.accident-editorial .header .menu-button > span { background: #fff; }
.accident-editorial .header .menu-button small { color: #fff; }
.accident-editorial .header .menu-button:active { transform: translateY(2px); }
.cover-fit-content { display: contents; }
@media (max-width: 700px) {
  .accident-editorial .header .header-service { font-size: 15px; }
  .accident-editorial .cover-first-screen[data-cover-fit="measured"] {
    display: block;
    height: var(--cover-fit-height);
    min-height: 0;
    overflow: hidden;
  }
  .accident-editorial .cover-first-screen[data-cover-fit="measured"] > .cover-fit-content {
    display: grid;
    grid-template-rows: minmax(min-content, 1fr) auto auto;
    width: calc(100% / var(--cover-fit-scale));
    min-height: calc(var(--cover-fit-height) / var(--cover-fit-scale));
    max-width: none;
    transform: scale(var(--cover-fit-scale));
    transform-origin: top left;
  }
  .accident-editorial .cover-first-screen[data-cover-fit="measured"] .cover-primary-title {
    font-size: calc(clamp(17px, 5.45vw, 25px) / var(--cover-fit-scale));
  }
  .accident-editorial .cover-first-screen[data-cover-fit="measured"] .cover-primary-copy small {
    font-size: calc(9px / var(--cover-fit-scale));
  }
  .accident-editorial .cover-first-screen[data-cover-fit="scroll"] {
    height: auto;
    min-height: 0;
    overflow: visible;
  }
}
@media (max-width: 359px) {
  .accident-editorial .header .header-service { font-size: 13px; letter-spacing: 0; }
}

/* Keep the section shortcuts in the same order as the main contents menu. */
.accident-editorial .section-guide-inner { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 700px) {
  .accident-editorial .section-guide-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .accident-editorial .section-guide a { border-bottom: 1px solid #97b7a43b; }
  .accident-editorial .section-guide a:nth-child(even) { border-right: 1px solid #97b7a43b; }
  .accident-editorial .section-guide a:nth-last-child(-n+2) { border-bottom: 0; }
}