/* service-apply (05) + consult (05A) — one screen, two tabs, as the design shows. */
.apply {
  padding:48px var(--gutter) 64px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:64px;
  align-items:start;
}

.apply-headline {
  font-size:32px;
  line-height:1.35;
  font-weight:500;
  letter-spacing:-.03em;
}

.apply-tabs {
  display:flex;
  align-items:center;
  gap:12px;
  margin:28px 0 8px;
  font-size:14px;
}

.apply-tab {
  padding-bottom:10px;
  color:#8a8a8a;
}

.apply-tab.is-on {
  color:var(--ink);
  font-weight:500;
  border-bottom:3px solid var(--accent);
}

.apply-tab-divider {
  color:#c9c9c9;
  padding-bottom:10px;
}

.apply-form {
  border-top:1px solid #e5e5e5;
  padding-top:8px;
}

.field-row {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  font-size:17px;
}

.field-row a {
  font-size:13px;
  text-decoration:underline;
  text-underline-offset:4px;
}

.apply-consent {
  display:flex;
  align-items:center;
  gap:24px;
  padding:24px 0 8px;
  font-size:14px;
}

.apply-consent label {
  display:flex;
  align-items:center;
  gap:10px;
}

.apply-consent input {
  accent-color:var(--ink);
  width:16px;
  height:16px;
}

.apply-consent button {
  font-size:13px;
  text-decoration:underline;
  text-underline-offset:4px;
}

.apply-submit {
  width:100%;
  margin-top:16px;
}

/* Right card: the approved sample figures, repeated so the form never hides what is being requested. */
.apply-summary {
  background:var(--gray);
  padding:32px;
  position:sticky;
  top:24px;
}

.apply-summary .eyebrow {
  color:#8a8a8a;
}

.apply-nick {
  font-size:48px;
  font-weight:500;
  letter-spacing:-.04em;
  line-height:1.1;
  margin-top:12px;
}

.apply-lines {
  font-size:13px;
  line-height:1.7;
  color:#555;
  margin-top:12px;
}

.apply-figures {
  margin:28px 0 20px;
  border-top:1px solid #dcdcdc;
}

.apply-figure {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
  border-bottom:1px solid #dcdcdc;
  font-size:13px;
  color:#666;
}

.apply-figure strong {
  font-size:17px;
  font-weight:500;
  color:var(--ink);
}

.apply-condition {
  font-size:12px;
  line-height:1.7;
  color:#666;
}

.apply-note {
  margin-top:16px;
  font-size:11px;
  line-height:1.6;
  color:#8a8a8a;
}

body[data-state=error] .apply-form,
body[data-state=error] .apply-summary {
  display:none;
}

@media(max-width:1020px) {
  .apply {
    grid-template-columns:1fr;
    gap:40px;
  }

  .apply-summary {
    position:static;
  }
}

@media(max-width:760px) {
  .apply {
    padding:32px var(--gutter) 48px;
  }

  .apply-headline {
    font-size:24px;
  }
}



.apply-consent input[aria-invalid="true"] { outline:1px solid #b42318; outline-offset:3px; }