/* Additive content layouts. Existing site rules remain in styles.css. */
.content-page { padding-top: 30px; padding-bottom: 72px; }
.content-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 34px; color: var(--steel); font-size: 13px; }
.content-breadcrumb a { text-underline-offset: 4px; }
.content-hero { padding-bottom: 42px; border-bottom: 4px solid var(--copper); margin-bottom: 36px; }
.content-hero .eyebrow { margin-bottom: 16px; }
.content-hero h1 { margin-bottom: 22px; font-size: clamp(42px, 5.3vw, 68px); letter-spacing: -.02em; text-wrap: balance; }
.content-page h2, .content-discovery h2 { font-size: clamp(29px, 3.2vw, 38px); margin-bottom: 18px; }
.content-page h3 { font-size: 29px; }
.content-page p { color: var(--steel); }
.content-page .eyebrow { color: var(--graphite); }
.content-lead { margin-bottom: 24px; font-size: 19px; line-height: 1.7; }
.content-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px 24px; }
.content-actions .button { min-height: 50px; padding-block: 13px; line-height: 1.4; text-align: center; }
.content-text-link { font-weight: 600; font-size: 14px; text-underline-offset: 5px; text-decoration-color: var(--copper); }
.content-contact-note { margin: 18px 0 0; font-size: 13px; }
.content-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.content-panel { padding: 28px; border: 1px solid var(--line); background: rgba(255,255,255,.40); border-radius: 4px; }
.content-panel .card-number { margin-bottom: 14px; color: var(--steel); }
.content-panel p:last-child { margin-bottom: 0; }
.content-panel a, .content-directory > p a { text-decoration-color: var(--copper); text-underline-offset: 5px; }
.content-checklist { display: grid; grid-template-columns: .8fr 1.2fr; gap: 36px; margin-top: 32px; padding: 34px; background: var(--graphite); color: var(--ivory); }
.content-checklist h2, .content-checklist p { color: var(--ivory); }
.content-checklist .eyebrow { color: var(--copper); }
.content-checklist ul { margin: 0 0 18px; padding-left: 22px; }
.content-checklist li { padding-left: 3px; margin-bottom: 10px; }
.content-checklist li::marker { color: var(--copper); }
.content-checklist p:last-child { margin-bottom: 0; font-size: 14px; }
.content-steps { margin: 40px 0; }
.content-steps ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; list-style: none; padding: 0; margin: 0 0 22px; counter-reset: step; }
.content-steps li { border-top: 1px solid var(--line); padding-top: 18px; counter-increment: step; color: var(--steel); }
.content-steps li::before { content: counter(step, decimal-leading-zero) " /"; display: block; margin-bottom: 10px; color: var(--graphite); font: 700 24px "Barlow Condensed", "Arial Narrow", sans-serif; }
.content-steps > a { text-underline-offset: 5px; text-decoration-color: var(--copper); }
.content-faq { margin-top: 42px; max-width: none; }
.content-faq .faq-answer { max-width: none; }
.content-related { margin-top: 42px; padding-top: 30px; border-top: 1px solid var(--line); }
.content-related .eyebrow, .content-discovery .eyebrow { margin-bottom: 12px; }
.content-related-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.content-related-links a { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 4px; text-decoration: none; background: rgba(255,255,255,.35); font-size: 15px; font-weight: 600; }
.content-related-links a:hover { border-color: var(--steel); text-decoration: underline; text-underline-offset: 4px; }
.content-related-links a span { flex-shrink: 0; color: var(--steel); }
.content-final { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 36px; margin-top: 42px; padding: 32px; background: var(--ivory); border-left: 4px solid var(--copper); }
.content-final .eyebrow { margin-bottom: 12px; }
.content-final h2 { margin-bottom: 12px; }
.content-final p { margin-bottom: 0; }
.content-final .content-actions { flex-direction: column; align-items: flex-start; }
.content-directory { margin-bottom: 42px; }
.content-hub-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-bottom: 26px; }
.content-hub-grid article { padding: 26px; border: 1px solid var(--line); border-top: 4px solid var(--copper); background: rgba(255,255,255,.4); }
.content-hub-grid .eyebrow { margin-bottom: 14px; font-size: 13px; }
.content-hub-grid h3 a { text-decoration: none; }
.content-hub-grid h3 a:hover { text-decoration: underline; text-underline-offset: 5px; }
.content-hub-grid p:last-child { margin-bottom: 0; font-size: 15px; }
.content-discovery { padding: 0 0 42px; }
.content-discovery > p:last-child { margin: 20px 0 0; font-size: 15px; }
.content-discovery > p:last-child a { text-underline-offset: 5px; }
.content-page a:focus-visible, .content-discovery a:focus-visible { outline: 3px solid var(--copper); outline-offset: 4px; }
@media (max-width: 800px) {
  .content-grid, .content-checklist, .content-final, .content-hub-grid { grid-template-columns: 1fr; }
  .content-checklist, .content-final { gap: 18px; }
  .content-checklist h2 { margin-bottom: 0; }
  .content-steps ol { grid-template-columns: 1fr; gap: 14px; }
  .content-steps li { padding-top: 14px; }
  .content-steps li::before { display: inline-block; margin: 0 12px 0 0; }
}
@media (max-width: 620px) {
  .content-page { padding-top: 22px; padding-bottom: 44px; }
  .content-breadcrumb { margin-bottom: 26px; font-size: 12px; }
  .content-hero { padding-bottom: 30px; margin-bottom: 24px; }
  .content-lead { font-size: 17px; }
  .content-panel, .content-checklist, .content-final, .content-hub-grid article { padding: 23px 21px; }
  .content-related-links { grid-template-columns: 1fr; }
  .content-related-links a { padding: 14px 16px; }
  .content-actions { gap: 18px; align-items: flex-start; }
  .content-contact-note { font-size: 12px; }
  .content-contact-note a { white-space: nowrap; }
}