.op-community-help {
 .op-kicker { color:var(--op-clay); font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; }
 .op-help-intro { background:#e9e2d1; padding:clamp(3rem,6vw,5rem) max(1.5rem,calc((100% - 71rem)/2)); display:grid; gap:2rem; align-items:center;
  h1 { font-size:clamp(3rem,6vw,5rem); line-height:1.1; font-weight:400; margin:1rem 0 1.5rem; }
  .op-help-subtitle { font-size:clamp(1.4rem,2.5vw,2rem); line-height:1.4; max-inline-size:26ch; margin:0; }
  .op-help-message { p { line-height:1.75; font-size:1.1rem; margin:0 0 1.5rem; } .op-help-context { font-size:.9rem; color:#5f5b53; padding-inline-start:1rem; border-inline-start:2px solid #a48666; } }
 }
 .op-help-resources { max-inline-size:74rem; margin:auto; padding:clamp(3rem,5vw,4.5rem) 1.5rem; scroll-margin-block-start:8rem; }
 .op-help-section-intro { margin-block-end:2.5rem; h2 { font-size:clamp(1.6rem,3vw,2.3rem); letter-spacing:.08em; margin:0 0 1rem; } p { line-height:1.7; margin:0; } }
 .op-help-grid { display:grid; gap:1.5rem; }
 .op-help-card { min-inline-size:0; background:white; border:1px solid #dfd9cf; display:flex; flex-direction:column; }
 .op-help-logo { display:grid; place-items:center; aspect-ratio:2/1; padding:1.5rem; border-block-end:1px solid #eee9e0;
  img { display:block; inline-size:100%; block-size:auto; max-inline-size:12rem; max-block-size:8rem; object-fit:contain; }
 }
 .op-help-card-copy { display:flex; flex-direction:column; align-items:start; flex:1; padding:1.75rem;
  .op-kicker { margin:0 0 1rem; } h3 { font-size:1.5rem; font-weight:400; line-height:1.35; margin:0 0 1rem; }
  p { line-height:1.7; margin:0 0 1.5rem; } a { color:var(--op-clay); text-underline-offset:.25em; line-height:1.6; margin-block-start:auto; display:flex; gap:.7rem; align-items:baseline; }
 }
 .op-help-note { color:#65605a; border-block-start:1px solid #d8d1c5; margin:2rem 0 0; padding-block-start:1.5rem; line-height:1.7; font-size:.9rem; }
 @media (min-width:700px) { .op-help-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
 @media (min-width:1050px) { .op-help-intro { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:5rem; } .op-help-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
}