/* Shared hierarchy for the Forms hub and its two child pages. */
.forms-breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin-bottom: 18px; color: #aab4c6; font-size: .875rem; }
.forms-breadcrumb a { color: #93d7ff; padding-block: 6px; }
.forms-breadcrumb [aria-current] { color: #e5edf9; }
.forms-subnav { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.forms-subnav a { display: inline-flex; gap: 9px; align-items: center; min-height: 44px; padding: 10px 14px; border: 1px solid #354359; border-radius: 10px; color: #b6c5d9; background: #0c131e; font-size: .875rem; }
.forms-subnav a[aria-current] { color: #eaf5ff; border-color: #4b83b7; background: #17304c; }
.forms-subnav a:hover { border-color: #78bbed; color: white; }
.forms-hero { padding: 136px 0 48px; background: radial-gradient(ellipse at 65% 0,#1f8fff19,transparent 68%),#090c12; border-bottom: 1px solid var(--line); }
.forms-hero h1 { max-width: 780px; margin-bottom: 20px; }
.forms-hero p:not(.eyebrow) { max-width: 730px; color: var(--muted); font-size: 1rem; }
.forms-content { padding: 48px 0 80px; }
.forms-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.forms-card { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; padding: 32px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg,#101b29,#0b1017); }
.forms-card:last-child { background: linear-gradient(145deg,#18182c,#0b1017); }
.forms-card-top { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.forms-card-top span { font-size: .875rem; color: #acc5e8; }
.forms-card h2 { font-size: clamp(1.6rem,2.8vw,2rem); }
.forms-card p { color: var(--muted); font-size: 1rem; }
.forms-card ul { display: grid; gap: 12px; list-style: none; color: #cfdaeb; margin-bottom: 8px; font-size: .9375rem; }
.forms-card li { display: flex; gap: 10px; }
.forms-card li i { color: #75ceff; margin-top: 5px; }
.forms-card .btn { margin-top: auto; font-size: .875rem; }
.forms-note { margin-top: 24px; padding: 20px 24px; border: 1px solid var(--line); border-radius: 14px; color: var(--muted); font-size: .9375rem; background: #0c121c; }
.forms-note strong { color: #d9e9fc; }
/* Keep the form accessible near the top, including narrow screens. */
.page-form-child .diagnostic-hero { padding: 110px 0 28px; }
.page-form-child .diagnostic-hero-grid { grid-template-columns: minmax(0,1fr); }
.page-form-child .diagnostic-hero h1 { font-size: clamp(2rem,3.5vw,3rem); max-width: 950px; }
.page-form-child .diagnostic-hero-copy > p:not(.eyebrow) { max-width: 900px; }
.page-form-child .diagnostic-workspace { padding-top: 28px; }
.page-form-child .diagnostic-layout { grid-template-columns: 310px minmax(0,1fr); }
.page-form-child .diagnostic-step-label { white-space: normal; overflow: visible; font-size: .875rem; }
.page-form-child .diagnostic-step-count { font-size: .75rem; color: #a8b7ce; }
.page-form-child .diagnostic-description,
.page-form-child .diagnostic-review-section dd { font-size: 1rem; }
.page-form-child .diagnostic-hint,
.page-form-child .diagnostic-review-section dt,
.page-form-child .diagnostic-save,
.page-form-child .diagnostic-link,
.page-form-child .btn { font-size: .875rem; }
.page-form-child .diagnostic-send::after { pointer-events: none; }
.page-form-child .diagnostic-field :is(input,textarea,select):focus-visible { outline: 2px solid #75ceff; outline-offset: 2px; }
@media(max-width:1023px) {
  .page-form-child .diagnostic-layout { grid-template-columns: minmax(0,1fr); }
  .page-form-child .diagnostic-sidebar { position: static; padding: 16px; }
  .page-form-child .diagnostic-sidebar-heading, .page-form-child .diagnostic-sidebar-note { display: none; }
  .page-form-child .diagnostic-steps { display: flex; overflow-x: auto; margin: 14px 0; padding-block: 3px 8px; gap: 8px; }
  .page-form-child .diagnostic-step { flex: 0 0 176px; grid-template-columns: 30px minmax(0,1fr); }
  .page-form-child .diagnostic-storage { grid-column: 1; }
}
@media(max-width:767px) {
  .forms-hero { padding: 108px 0 32px; }
  .forms-content { padding: 28px 0 56px; }
  .forms-grid { grid-template-columns: minmax(0,1fr); }
  .forms-card { padding: 24px; }
  .forms-card .btn { width: 100%; }
  .page-form-child .diagnostic-hero { padding-top: 96px; }
  .forms-subnav a { flex: 1 1 180px; }
  .forms-breadcrumb { margin-bottom: 10px; }
}