/* v1.8.8 — Parish Community page.
   Approved visual direction: editorial intro + five image-led community cards + compact volunteer accordions. */

.community188-intro{padding:56px 0 30px;background:#fffdf8}
.community188-intro__grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(420px,1.08fr);align-items:center;gap:64px}
.community188-intro__copy{max-width:620px}
.community188-intro__copy h2,.community188-section-head h2{margin:0;color:#183a5c;font:400 clamp(2.55rem,4.3vw,4.1rem)/1.03 Georgia,"Times New Roman",serif;letter-spacing:-.035em}
.community188-rule{display:block;width:45px;height:2px;margin:16px 0 18px;background:#b88a3a}
.community188-intro__copy p{margin:0 0 13px;color:#536378;font-size:1rem;line-height:1.6}
.community188-intro__copy p:last-child{margin-bottom:0}
.community188-intro__image{margin:0;min-height:270px;overflow:hidden;background:#eee7dc;box-shadow:0 16px 38px rgba(15,39,61,.08)}
.community188-intro__image img{width:100%;height:100%;min-height:270px;display:block;object-fit:cover}

.community188-paths{padding:34px 0 42px;background:#f8f3e9}
.community188-section-head{margin-bottom:24px}
.community188-section-head .community188-rule{margin:12px 0 8px}
.community188-section-head p{margin:0;color:#536378;font-size:1rem;line-height:1.5}

.community188-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}
.community188-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e5dccf;box-shadow:0 8px 24px rgba(16,34,56,.045);text-decoration:none;color:#183a5c;transition:transform .17s ease,box-shadow .17s ease}
.community188-card:hover,.community188-card:focus-visible{transform:translateY(-3px);box-shadow:0 14px 32px rgba(16,34,56,.09)}
.community188-card:focus-visible{outline:3px solid rgba(184,138,58,.35);outline-offset:3px}
.community188-card__image{height:145px;overflow:hidden;background:#eae1d4}
.community188-card__image img{width:100%;height:100%;display:block;object-fit:cover}
.community188-card__body{display:flex;flex-direction:column;flex:1;padding:17px 16px 16px}
.community188-card__body>strong{display:block;color:#173a5c;font:400 clamp(1.22rem,1.65vw,1.58rem)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.02em}
.community188-card__text{display:block;margin-top:10px;color:#5d6977;font-size:.83rem;line-height:1.48}
.community188-card__button{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:auto;padding:11px 12px;background:#b58a3a;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.01em}
.community188-card:hover .community188-card__button{background:#a97c2d}

.community188-volunteer{padding:38px 0 56px;background:#fffdf8}
.community188-section-head--volunteer{margin-bottom:24px}
.community188-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px}
.community188-role{min-width:0;background:#fff;border:1px solid #e4dbce;box-shadow:0 3px 12px rgba(16,34,56,.025)}
.community188-role[open]{border-color:#d4be99;box-shadow:0 8px 22px rgba(16,34,56,.055)}
.community188-role summary{list-style:none;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:56px;padding:8px 15px;cursor:pointer;color:#173a5c}
.community188-role summary::-webkit-details-marker{display:none}
.community188-role summary:hover{background:#fbf6ee}
.community188-role__icon{display:grid;place-items:center;width:30px;height:30px;color:#b18436}
.community188-role__icon svg{width:26px;height:26px}
.community188-role__title{font:400 1rem/1.25 Georgia,"Times New Roman",serif;font-weight:700}
.community188-role__chevron{font-size:1.15rem;line-height:1;color:#173a5c;text-align:center;transition:transform .15s ease}
.community188-role[open] .community188-role__chevron{transform:rotate(180deg)}
.community188-role__body{padding:0 17px 15px 61px;color:#586777}
.community188-role__body p{margin:0 0 10px;font-size:.88rem;line-height:1.52}
.community188-role__body a{display:inline-block;color:#173a5c;font-size:.76rem;font-weight:800;border-bottom:1px solid #b88a3a;padding-bottom:2px}

.community188-cta{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:22px;margin-top:28px;padding:20px 22px;background:#edf5fb;border:1px solid #e2ecf3}
.community188-cta__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#91a9c1;color:#fff}
.community188-cta__icon svg{width:27px;height:27px}
.community188-cta__copy{display:flex;flex-direction:column;gap:3px}
.community188-cta__copy strong{color:#173a5c;font:400 clamp(1.45rem,2vw,1.9rem)/1.1 Georgia,"Times New Roman",serif}
.community188-cta__copy span{color:#536378;font-size:.9rem;line-height:1.45}
.community188-cta>a{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:130px;padding:12px 16px;background:#b58a3a;color:#fff;font-size:.75rem;font-weight:800;text-decoration:none}
.community188-cta>a:hover{background:#a97c2d}

@media(max-width:1120px){
  .community188-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .community188-card:nth-child(4){grid-column:1/2}
  .community188-card:nth-child(5){grid-column:2/3}
}
@media(max-width:900px){
  .community188-intro__grid{grid-template-columns:1fr;gap:28px}
  .community188-intro__copy{max-width:none}
  .community188-intro__image{min-height:240px}
  .community188-intro__image img{min-height:240px}
  .community188-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .community188-card:nth-child(4),.community188-card:nth-child(5){grid-column:auto}
  .community188-card:last-child{grid-column:1/-1;max-width:calc(50% - 8px);width:100%;justify-self:center}
}
@media(max-width:680px){
  .community188-intro{padding:36px 0 24px}
  .community188-intro__copy h2,.community188-section-head h2{font-size:clamp(2.25rem,10vw,3.2rem)}
  .community188-intro__image,.community188-intro__image img{min-height:205px}
  .community188-paths{padding:30px 0 36px}
  .community188-card-grid{grid-template-columns:1fr}
  .community188-card:last-child{grid-column:auto;max-width:none}
  .community188-card__image{height:190px}
  .community188-role-grid{grid-template-columns:1fr}
  .community188-role__body{padding-left:61px}
  .community188-cta{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:18px}
  .community188-cta__icon{width:48px;height:48px}
  .community188-cta>a{grid-column:1/-1;width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){
  .community188-card,.community188-role__chevron{transition:none}
}