/* The "Need help?" landing page (/need-help/), Alice's mockup 2026-10-14.
   Full width sections inside the theme's own header and footer. */

.lw-nh {
  --lw-orange: #FE6801;
  background: #fff;
  color: var(--lw-body);
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
}
body:has(.lw-nh) { overflow-x: clip; background: #fff; }
.lw-nh *, .lw-nh *::before, .lw-nh *::after { box-sizing: border-box; }
.lw-nh h1, .lw-nh h2, .lw-nh h3 { font-family: var(--lw-font-head); color: var(--lw-ink); }

.lw-nh-kicker { margin: 0 0 var(--lw-s3); font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--lw-red); }
.lw-nh-kicker--orange { color: var(--lw-orange); }
.lw-nh-small { margin: var(--lw-s3) 0 0; font-size: 0.8125rem; color: var(--lw-muted); }
.lw-nh-center { text-align: center; margin: var(--lw-s5) 0 0; }

.lw-nh-btn {
  display: inline-flex; align-items: center; gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: var(--lw-orange);
  border: 2px solid var(--lw-orange);
  border-radius: var(--lw-radius-sm);
  color: #fff !important;
  font-size: 1rem; font-weight: 700;
  text-decoration: none;
}
.lw-nh-btn:hover { filter: brightness(1.06); }
.lw-nh-btn--outline { background: transparent; border-color: var(--lw-red); color: var(--lw-red) !important; }
.lw-nh-btn--outline-light { background: transparent; border-color: #fff; color: #fff !important; }
.lw-nh-link { font-weight: 700; color: var(--lw-ink) !important; text-decoration: underline; }

/* Hero */
.lw-nh-hero { background: #faf5ee; overflow: hidden; }
.lw-nh-hero__inner { max-width: var(--lw-max); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
.lw-nh-hero__copy { padding: clamp(2rem, 5vw, 4rem) var(--lw-s5); }
.lw-nh-hero h1 { margin: 0 0 var(--lw-s4); font-size: clamp(2rem, 4.4vw, 3.25rem); font-weight: 700; line-height: 1.08; }
.lw-nh-hero__lede { max-width: 32rem; margin: 0 0 var(--lw-s4); font-size: 1.0625rem; line-height: 1.55; }
.lw-nh-ticks { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; }
.lw-nh-ticks li { position: relative; padding-left: 1.4rem; font-size: 0.9375rem; font-weight: 600; color: var(--lw-ink); }
.lw-nh-ticks li::before { content: "\2713"; position: absolute; left: 0; color: var(--lw-red); font-weight: 800; }
.lw-nh-hero__cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--lw-s5); margin: 0; }
.lw-nh-hero__photo { align-self: stretch; min-height: 22rem; }
.lw-nh-hero__photo img { width: 100%; height: 100%; object-fit: cover; object-position: 55% 30%; display: block; }

/* Sections */
.lw-nh-sec { max-width: var(--lw-max); margin-inline: auto; padding: clamp(2rem, 5vw, 3.5rem) var(--lw-s5); }
.lw-nh-sec--tint { max-width: none; background: #faf5ee; }
.lw-nh .lw-nh-sec--tint > * { max-width: calc(var(--lw-max) - 2 * var(--lw-s5)); margin-inline: auto; }
.lw-nh-h2 { margin: 0 0 var(--lw-s2); font-size: clamp(1.7rem, 3.6vw, 2.4rem); font-weight: 700; }
.lw-nh-h2--left { text-align: left; }
.lw-nh-sub { margin: 0 0 var(--lw-s5); font-size: 1rem; color: var(--lw-muted); }

/* Topic tiles */
.lw-nh-topics { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--lw-s4); }
.lw-nh-topics a { display: flex; align-items: center; gap: var(--lw-s3); height: 100%; padding: var(--lw-s4); background: #fff; border: 1px solid var(--lw-border); border-radius: var(--lw-radius); text-decoration: none; color: var(--lw-ink); }
.lw-nh-topics a:hover { border-color: var(--lw-red); }
.lw-nh-topics__icon { flex: none; color: var(--lw-red); display: inline-flex; }
.lw-nh-topics__text { flex: 1; min-width: 0; display: block; }
.lw-nh-topics__text strong { display: block; font-size: 1rem; color: var(--lw-ink); }
.lw-nh-topics__text span { display: block; margin-top: 0.15rem; font-size: 0.8125rem; color: var(--lw-muted); line-height: 1.4; }
.lw-nh-topics__go { flex: none; font-size: 1.5rem; color: var(--lw-ink); }

/* LARIA band */
.lw-nh-laria { background: linear-gradient(105deg, #02244a 0%, var(--lw-ink) 60%, #01182f 100%); color: #fff; }
.lw-nh-laria__inner { max-width: var(--lw-max); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: var(--lw-s5); padding: 0 var(--lw-s5); }
.lw-nh-laria__copy { padding: clamp(2rem, 5vw, 3.5rem) 0; }
.lw-nh-laria h2 { margin: 0 0 var(--lw-s3); font-size: clamp(1.7rem, 3.6vw, 2.4rem); color: #fff; }
.lw-nh-laria p { color: rgba(255, 255, 255, 0.92); }
.lw-nh-laria .lw-nh-small { color: rgba(255, 255, 255, 0.75); }
.lw-nh-laria .lw-nh-btn { margin-top: var(--lw-s2); }
.lw-nh-laria__photo { align-self: stretch; min-height: 16rem; }
.lw-nh-laria__photo img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 40%; display: block; }

/* Articles */
.lw-nh-articles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--lw-s5); }

/* Finding your way */
.lw-nh-way { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.6fr); gap: var(--lw-s6, 2.5rem); align-items: start; }
.lw-nh-way__intro img { width: 100%; height: auto; border-radius: var(--lw-radius-sm); display: block; margin-top: var(--lw-s4); }
.lw-nh-sub--left { margin-bottom: 0; }
.lw-nh-way__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lw-s5) var(--lw-s6, 2.5rem); }
.lw-nh-way__grid h3 { margin: 0 0 var(--lw-s2); font-size: 1.0625rem; font-weight: 700; }
.lw-nh-way__grid p { margin: 0 0 var(--lw-s2); font-size: 0.9rem; line-height: 1.55; color: var(--lw-muted); }
.lw-nh-way__grid a { font-weight: 600; color: var(--lw-teal, #01486D); text-decoration: none; }
.lw-nh-way__grid a:hover { text-decoration: underline; }
.lw-nh-disclaimer { margin: var(--lw-s5) 0 0; padding-top: var(--lw-s3); border-top: 1px solid var(--lw-border); text-align: center; font-size: 0.8125rem; font-style: italic; color: var(--lw-muted); }

/* Public Voices band */
.lw-nh-voices { background: var(--lw-red); }
.lw-nh-voices__inner { max-width: var(--lw-max); margin-inline: auto; padding: clamp(2rem, 4vw, 3rem) var(--lw-s5); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: var(--lw-s5); align-items: center; }
.lw-nh-voices h2 { margin: 0; font-size: clamp(1.7rem, 3.4vw, 2.4rem); color: #fff; }
.lw-nh-voices__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lw-s4); }
.lw-nh-voices__cards a { display: block; padding: var(--lw-s4); background: #fff; border-radius: var(--lw-radius-sm); text-decoration: none; }
.lw-nh-voices__cards strong { display: block; margin-bottom: 0.25rem; color: var(--lw-ink); }
.lw-nh-voices__cards span { display: block; font-size: 0.875rem; color: var(--lw-muted); line-height: 1.45; }
.lw-nh-voices__cards em { display: block; margin-top: var(--lw-s3); font-style: normal; font-size: 0.875rem; font-weight: 700; color: var(--lw-teal, #01486D); }

/* Pause & Play tiles */
.lw-nh-play { max-width: var(--lw-max); margin-inline: auto; padding: var(--lw-s4) var(--lw-s5); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--lw-s4); }
.lw-nh-play__tile { display: flex; flex-direction: column; justify-content: center; gap: var(--lw-s2); min-height: 9.5rem; padding: var(--lw-s5); border-radius: var(--lw-radius); background-size: cover; background-position: right center; text-decoration: none; color: #fff !important; }
.lw-nh-play__tile strong { max-width: 55%; font-family: var(--lw-font-head); font-size: clamp(1.25rem, 2.4vw, 1.75rem); line-height: 1.15; color: #fff; }
.lw-nh-play__tile span { font-size: 0.9375rem; font-weight: 700; }

/* For attorneys */
.lw-nh-attorneys { background: #eef2f7; }
.lw-nh-attorneys__inner { max-width: var(--lw-max); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: center; gap: var(--lw-s5); padding: 0 var(--lw-s5); }
.lw-nh-attorneys__inner > div { padding: clamp(2rem, 4vw, 3rem) 0; }
.lw-nh-attorneys h2 { margin: 0 0 var(--lw-s2); font-size: clamp(1.6rem, 3.2vw, 2.2rem); }
.lw-nh-attorneys p:not(.lw-nh-kicker) { margin: 0 0 var(--lw-s4); }
.lw-nh-attorneys img { width: 100%; height: 100%; max-height: 16rem; object-fit: cover; object-position: 60% 30%; display: block; }

/* Final band */
.lw-nh-final { padding: clamp(2.5rem, 6vw, 4.5rem) var(--lw-s5); text-align: center; background-size: cover; background-position: center; }
.lw-nh-final h2 { margin: 0 0 var(--lw-s4); font-size: clamp(1.8rem, 4vw, 2.75rem); color: #fff; }
.lw-nh-final p { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--lw-s3); margin: 0; }

.lw-nh-foot { margin: 0; padding: var(--lw-s4) var(--lw-s5); text-align: center; font-size: 0.8125rem; color: var(--lw-muted); }

@media (max-width: 900px) {
  .lw-nh-hero__inner, .lw-nh-laria__inner, .lw-nh-way, .lw-nh-voices__inner, .lw-nh-attorneys__inner { grid-template-columns: minmax(0, 1fr); }
  .lw-nh-hero__photo { min-height: 0; height: 15rem; order: -1; }
  .lw-nh-laria__photo { min-height: 0; height: 13rem; }
  .lw-nh-attorneys img { max-height: 13rem; }
  .lw-nh-topics, .lw-nh-articles, .lw-nh-play { grid-template-columns: minmax(0, 1fr); }
  .lw-nh-way__grid, .lw-nh-voices__cards { grid-template-columns: minmax(0, 1fr); }
  .lw-nh-play__tile strong { max-width: 70%; }
}

.lw-nh-foot a { color: var(--lw-ink); text-decoration: underline; }