/* Extend the established Hoplr brand with a neighborhood-help narrative. */
.social-page .desktop-nav a[aria-current=page] strong{color:#aa213e}
.social-hero{grid-template-columns:1.05fr .95fr;gap:60px}
.social-hero>div{min-width:0}
.social-hero h1{font-size:var(--page-title-size);line-height:var(--page-title-line-height)}
.social-hero h1>span{text-decoration-thickness:3px;text-underline-offset:7px}
.social-hero .hero-actions{flex-wrap:wrap;gap:18px 24px}
.help-stage{padding:32px;border-radius:30px;background:#fff0c9}
.help-preview{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 35px rgba(0,13,109,.06)}
.help-preview-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 23px;border-bottom:1px solid #e6e7f0}
.help-preview-top img{width:94px;height:27px}
.social-example-label{display:inline-block;border:1px solid #c6c9df;border-radius:20px;padding:3px 9px;font-size:.75rem;color:#555e9e;line-height:1.4;white-space:nowrap}
.help-preview-body{padding:24px}
.help-author{display:flex;align-items:center;gap:11px;margin-bottom:25px}
.help-avatar{display:grid;place-items:center;flex-shrink:0;background:#e6e7f0;width:38px;height:38px;border-radius:50%;font-weight:700;font-size:1rem}
.help-author>div{flex:1;min-width:0}
.help-author strong{display:block;font-size:.875rem;line-height:1.35}
.help-author>div>span{display:block;font-size:.75rem;line-height:1.4;color:#555e9e;margin-top:4px}
.help-author>svg{width:21px;height:21px;color:#000d6d}
.help-category{font-size:.75rem;font-weight:700;color:#aa213e;margin-bottom:12px}
.help-preview h2{font-size:1.85rem;line-height:1.2}
.help-preview-body>p:not(.help-category){color:#555e9e;font-size:1rem;line-height:1.55;margin-top:16px}
.help-context{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.help-context span{padding:4px 10px;border-radius:16px;background:#ffeaef;color:#aa213e;font-size:.75rem;font-weight:500}
.help-response{display:flex;align-items:flex-start;gap:11px;background:#fffefa;border:1px solid #f0ead8;border-radius:12px;padding:17px;margin-top:24px}
.help-avatar-volunteer{width:32px;height:32px;background:#fff0c9;font-size:.875rem}
.help-response>div{min-width:0}
.help-response strong{display:block;font-size:.875rem;line-height:1.35}
.help-response p{font-size:1rem;line-height:1.5;color:#555e9e;margin-top:8px}
.help-followup{display:flex;gap:10px;margin-top:19px}
.help-followup>span{font-size:1.4rem;line-height:1.2;color:#aa213e}
.help-followup p{font-size:.875rem;line-height:1.5;color:#555e9e}
.help-followup strong{color:#000d6d}
.help-stage-caption{font-size:.875rem;font-weight:600;text-align:center;margin-top:21px;line-height:1.5}
.social-tools .section-heading>p{max-width:380px}
.social-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.social-feature{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border:1px solid #e6e7f0;border-radius:20px;padding:28px}
.social-feature:nth-child(3n+2) .feature-icon{background:#fff0c9;color:#000d6d}
.social-feature:nth-child(3n+3) .feature-icon{background:#e6e7f0;color:#000d6d}
.social-feature h3{font-size:1.55rem;line-height:1.2;margin-top:23px;overflow-wrap:anywhere}
.social-feature>p{color:#555e9e;font-size:1rem;line-height:1.6;margin-block:18px 22px}
.social-feature ul{width:100%;display:grid;gap:10px;border-top:1px solid #e6e7f0;padding:20px 0 0;margin: auto 0 0;list-style:none}
.social-feature li{position:relative;padding-left:20px;font-size:.9375rem;line-height:1.5;color:#555e9e}
.social-feature li:before{content:"✓";position:absolute;left:0;font-size:.875rem;font-weight:700;color:#aa213e}
.social-network{background:#fffefa;border-block:1px solid #f0ead8}
.social-network-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center}
.social-network-grid>div{min-width:0}
.social-photo{position:relative;border-radius:25px;overflow:hidden;aspect-ratio:4/5;background:#e6e7f0}
.social-photo img{width:100%;height:100%;object-fit:cover;object-position:30% 50%}
.social-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,9,73,.85));pointer-events:none}
.social-photo p{position:absolute;left:30px;right:30px;bottom:30px;z-index:1;max-width:300px;font-size:1.4rem;font-weight:700;line-height:1.35;color:#fff}
.social-network-copy>p:not(.eyebrow){font-size:1.0625rem;line-height:1.65;color:#555e9e;margin-top:25px}
.network-roles{padding:0;margin:30px 0 0}
.network-roles>div{display:grid;grid-template-columns:115px 1fr;gap:20px;padding-block:20px;border-top:1px solid #e6e7f0}
.network-roles dt{font-size:1rem;font-weight:700}
.network-roles dd{font-size:1rem;line-height:1.55;margin:0;color:#555e9e}
.social-network-copy>p.social-boundary{font-size:.875rem;border-left:3px solid #ff315d;padding-left:17px}
.social-matching{background:#000d6d;color:#fff}
.matching-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:55px}
.matching-heading .eyebrow{color:#c6c9df}
.matching-heading>p{font-size:1rem;line-height:1.65;max-width:370px;color:#c6c9df}
.matching-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;list-style:none;padding:0;margin:45px 0 0}
.matching-flow li{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border-top:1px solid #555e9e;padding-top:25px}
.matching-number{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff0c9;color:#000d6d;font-size:.8125rem;font-weight:700}
.matching-flow h3{font-size:1.55rem;line-height:1.25;margin-top:23px}
.matching-flow li>p{font-size:1rem;line-height:1.6;color:#c6c9df;margin-block:16px 25px}
.matching-example{width:100%;padding:18px;border-radius:12px;background:#1d287d;margin-top:auto}
.matching-example span{display:block;color:#c6c9df;font-size:.75rem;margin-bottom:8px}
.matching-example strong{display:block;font-size:.9375rem;line-height:1.55;font-weight:500}
.matching-note{font-size:.75rem;color:#c6c9df;margin-top:27px;max-width:850px}
.social-insights{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.social-insights>div{min-width:0}
.social-insights-copy>p:not(.eyebrow){font-size:1.0625rem;line-height:1.65;color:#555e9e;max-width:530px;margin-top:25px}
.social-insights-copy .text-link{margin-top:23px}
.reporting-view{background:#f0f1f8;padding:30px;border-radius:22px}
.reporting-view>.small-label{color:#aa213e}
.reporting-view dl{padding:0;margin:20px 0 0}
.reporting-view dl>div{display:grid;grid-template-columns:135px 1fr;gap:20px;padding-block:19px;border-top:1px solid #c6c9df}
.reporting-view dt{font-size:1rem;font-weight:700;line-height:1.5}
.reporting-view dd{margin:0;font-size:1rem;line-height:1.5;color:#555e9e}
.reporting-view>p:last-child{font-size:.875rem;line-height:1.55;color:#555e9e;padding-top:18px;border-top:1px solid #c6c9df}
.social-connected{background:#ffeaef;padding-block:66px}
.social-connected .eyebrow{color:#aa213e}
.social-connected h2{max-width:850px}
.social-connected .wrap>p:not(.eyebrow){font-size:1.0625rem;line-height:1.65;color:#4e568c;max-width:800px;margin-top:25px}
.social-related{display:flex;flex-wrap:wrap;gap:18px 40px;margin-top:25px}
@media(max-width:1150px){
  .social-hero{gap:36px}
  .help-stage{padding:23px}
  .social-network-grid,.social-insights{gap:45px}
  .social-feature{padding:25px}
  .network-roles>div{grid-template-columns:1fr;gap:7px}
  .reporting-view dl>div{grid-template-columns:1fr;gap:7px}
}
@media(max-width:950px){
  .social-hero{grid-template-columns:1fr;gap:40px}
  .social-hero h1{font-size:var(--page-title-size)}
  .social-hero .solution-lede{max-width:650px}
  .help-stage{max-width:580px;width:100%;margin-inline:auto}
  .social-features{grid-template-columns:repeat(2,minmax(0,1fr))}
  .social-tools .section-heading,.matching-heading{display:block}
  .social-tools .section-heading>p,.matching-heading>p{max-width:600px;margin-top:25px}
  .social-network-grid{grid-template-columns:.9fr 1.1fr;gap:35px;align-items:start}
  .social-photo{aspect-ratio:3/5}
  .social-photo p{font-size:1.2rem;left:24px;right:24px;bottom:24px}
  .matching-flow{gap:24px}
  .matching-flow h3{font-size:1.4rem}
}
@media(max-width:750px){
  .social-network-grid,.social-insights{grid-template-columns:1fr;gap:35px}
  .social-photo{aspect-ratio:4/3;max-height:450px}
  .social-photo p{max-width:330px;font-size:1.4rem}
  .network-roles>div{grid-template-columns:115px 1fr;gap:20px}
  .social-insights-copy>p:not(.eyebrow){max-width:650px}
  .reporting-view dl>div{grid-template-columns:135px 1fr;gap:20px}
  .matching-flow{grid-template-columns:1fr;gap:32px;margin-top:35px}
  .matching-flow h3{font-size:1.55rem;margin-top:18px}
}
@media(max-width:600px){
  .social-hero h1{font-size:var(--page-title-size)}
  .social-hero .solution-hero-copy .eyebrow{align-items:flex-start;gap:12px}
  .social-hero .eyebrow-line{flex-shrink:0;margin-top:calc((1.6em - 3px)/2)}
  .social-hero .hero-actions{flex-direction:column;align-items:flex-start}
  .help-stage{padding:19px;border-radius:22px}
  .help-preview-top{padding:17px;flex-wrap:wrap}
  .help-preview-body{padding:20px}
  .help-preview h2{font-size:1.65rem}
  .help-response{padding:14px;gap:9px}
  .help-stage-caption{font-size:.8125rem}
  .social-features{grid-template-columns:1fr;gap:16px}
  .social-feature{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 16px;padding:24px}
  .social-feature h3{margin-top:0;align-self:center;font-size:1.35rem}
  .social-feature>p,.social-feature ul{grid-column:1/-1}
  .social-feature>p{margin-block:18px}
  .social-feature ul{padding-top:18px}
  .network-roles>div,.reporting-view dl>div{grid-template-columns:1fr;gap:7px}
  .social-photo{aspect-ratio:1}
  .social-photo p{font-size:1.25rem}
  .reporting-view{padding:24px}
  .social-connected{padding-block:50px}
  .social-connected h2 br{display:none}
  .social-related{flex-direction:column;align-items:flex-start;gap:16px}
  .social-related .text-link,.social-insights-copy .text-link{align-items:flex-start}
}
@media(max-width:360px){
  .help-stage{padding:14px}
  .help-preview-body{padding:17px}
  .help-author{gap:8px}
  .help-author>svg{width:18px;height:18px}
  .help-response{flex-direction:column}
}