.contractor-help .hero { padding-bottom: 54px; }
.contractor-help .hero h1 { max-width: 760px; }
.contractor-help .hero p { max-width: 770px; }
.contractor-help .hero .hero-prompt { margin: 24px 0 8px; color: var(--pb-ink); font-size: 16px; }
.photo-guide-link { display: inline-block; color: var(--pb-ink); font-size: 14px; font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.photo-guide-link span { color: var(--pb-orange); }
.contractor-main { padding-bottom: 90px; }
.starter { padding: 46px 0 16px; }
.starter .section-head { align-items: baseline; }
.starter .section-head h2 { font-family: var(--pb-serif); font-size: clamp(32px, 4vw, 44px); font-weight: 400; letter-spacing: -.025em; }
.starter-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1px; margin-top: 20px; background: var(--pb-line); border: 1px solid var(--pb-line); }
.starter-card { display: flex; min-height: 190px; flex-direction: column; align-items: flex-start; padding: 20px 18px; background: var(--pb-white); text-decoration: none; transition: background 150ms ease, color 150ms ease; }
.starter-card:hover { background: var(--pb-ink); color: var(--pb-white); }
.starter-number { color: var(--pb-orange); font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.starter-card strong { margin: 28px 0 6px; font-family: var(--pb-serif); font-size: 22px; font-weight: 400; line-height: 1.12; }
.starter-card > span:last-child { color: var(--pb-muted); font-size: 13px; line-height: 1.45; }
.starter-card:hover > span:last-child { color: var(--pb-stone); }
.contractor-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; padding: 20px 0; border-top: 1px solid var(--pb-ink); border-bottom: 1px solid var(--pb-ink); }
.contractor-nav span { color: var(--pb-muted); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.contractor-nav a { color: var(--pb-ink); font-size: 13px; text-decoration-color: var(--pb-orange); text-underline-offset: 4px; }
.contractor-nav a:hover { color: var(--pb-teal); }
.contractor-help .article { scroll-margin-top: 22px; }
.contractor-help .article .related-links { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; max-width: 790px; margin-top: 20px; }
.contractor-help .article .related-links a { color: var(--pb-ink); font-size: 14px; font-weight: 700; text-decoration-color: var(--pb-orange); text-underline-offset: 4px; }
.contractor-help .article .related-links a:hover { color: var(--pb-teal); }
.contractor-help footer .shell { align-items: center; }
.contractor-help footer a { text-decoration-color: var(--pb-orange); text-underline-offset: 4px; }

@media (max-width: 1000px) {
  .starter-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .contractor-help .hero { padding-top: 60px; }
  .starter { padding-top: 34px; }
  .starter-grid { grid-template-columns: 1fr; }
  .starter-card { min-height: 0; padding: 17px 18px; }
  .starter-card strong { margin: 12px 0 4px; }
  .contractor-nav { gap: 8px 14px; }
  .contractor-nav span { width: 100%; }
  .contractor-help .article { padding-top: 36px; }
}