/* My New Future Community Network public styles — responsive layout system */

:where(.mnfc-directory-wrap,.mnfc-board-wrap,.mnfc-join-wrap,.mnfc-how-it-works,.mnfc-profile-card,.mnfc-match-section){
  --mnfc-navy:#102f5d;
  --mnfc-blue:#1b5f75;
  --mnfc-pink:#ef3f6b;
  --mnfc-text:#172033;
  --mnfc-muted:#667085;
  --mnfc-border:#dfe6ef;
  --mnfc-soft:#f7f9fc;
  --mnfc-radius:14px;
  --mnfc-shadow:0 8px 28px rgba(11,43,78,.07);
  box-sizing:border-box;
  width:100%;
  max-width:1200px;
  margin-inline:auto;
  color:var(--mnfc-text);
  container-type:inline-size;
}

:where(.mnfc-directory-wrap,.mnfc-board-wrap,.mnfc-join-wrap,.mnfc-how-it-works,.mnfc-profile-card,.mnfc-match-section),
:where(.mnfc-directory-wrap,.mnfc-board-wrap,.mnfc-join-wrap,.mnfc-how-it-works,.mnfc-profile-card,.mnfc-match-section) *{
  box-sizing:border-box;
  min-width:0;
}

:where(.mnfc-directory-wrap,.mnfc-board-wrap,.mnfc-join-wrap,.mnfc-how-it-works,.mnfc-profile-card,.mnfc-match-section) img{
  max-width:100%;
  height:auto;
}

:where(.mnfc-directory-wrap,.mnfc-board-wrap,.mnfc-join-wrap,.mnfc-how-it-works,.mnfc-profile-card,.mnfc-match-section) a,
:where(.mnfc-directory-wrap,.mnfc-board-wrap,.mnfc-join-wrap,.mnfc-how-it-works,.mnfc-profile-card,.mnfc-match-section) button,
:where(.mnfc-directory-wrap,.mnfc-board-wrap,.mnfc-join-wrap,.mnfc-how-it-works,.mnfc-profile-card,.mnfc-match-section) input,
:where(.mnfc-directory-wrap,.mnfc-board-wrap,.mnfc-join-wrap,.mnfc-how-it-works,.mnfc-profile-card,.mnfc-match-section) select,
:where(.mnfc-directory-wrap,.mnfc-board-wrap,.mnfc-join-wrap,.mnfc-how-it-works,.mnfc-profile-card,.mnfc-match-section) textarea{
  font:inherit;
}

:where(.mnfc-directory-wrap,.mnfc-board-wrap,.mnfc-join-wrap,.mnfc-how-it-works,.mnfc-profile-card,.mnfc-match-section) a:focus-visible,
:where(.mnfc-directory-wrap,.mnfc-board-wrap,.mnfc-join-wrap,.mnfc-how-it-works,.mnfc-profile-card,.mnfc-match-section) button:focus-visible,
:where(.mnfc-directory-wrap,.mnfc-board-wrap,.mnfc-join-wrap,.mnfc-how-it-works,.mnfc-profile-card,.mnfc-match-section) input:focus-visible,
:where(.mnfc-directory-wrap,.mnfc-board-wrap,.mnfc-join-wrap,.mnfc-how-it-works,.mnfc-profile-card,.mnfc-match-section) select:focus-visible,
:where(.mnfc-directory-wrap,.mnfc-board-wrap,.mnfc-join-wrap,.mnfc-how-it-works,.mnfc-profile-card,.mnfc-match-section) textarea:focus-visible{
  outline:3px solid rgba(239,63,107,.28);
  outline-offset:2px;
}

.mnfc-directory-wrap,.mnfc-board-wrap{padding:clamp(12px,2.4vw,28px) clamp(10px,2vw,24px)}
.mnfc-join-wrap{padding:clamp(12px,2.5vw,30px) clamp(10px,2vw,24px)}

/* Search and filter controls */
.mnfc-search{
  display:grid;
  grid-template-columns:minmax(220px,2fr) minmax(160px,1fr) minmax(180px,1fr) auto;
  align-items:end;
  gap:clamp(10px,1.4vw,18px);
  margin:1rem 0 1.5rem;
  width:100%;
}
.mnfc-search-field{display:grid;gap:7px;margin:0!important}
.mnfc-search-field>span{font-size:.92rem;font-weight:700;line-height:1.3}
.mnfc-search input,.mnfc-search select,.mnfc-search button,
.mnfc-find-row input,.mnfc-find-row button,
.mnfc-claim-form input,.mnfc-claim-form select,.mnfc-claim-form textarea{
  width:100%;
  max-width:100%;
  min-height:48px;
  border:1px solid #c9d2df;
  border-radius:9px;
  padding:11px 13px;
  background:#fff;
  color:var(--mnfc-text);
  line-height:1.35;
}
.mnfc-claim-form textarea{min-height:130px;resize:vertical}
.mnfc-search button,.mnfc-find-row button,.mnfc-button,.mnfc-submit-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border:0;
  border-radius:9px;
  padding:12px 20px;
  background:var(--mnfc-pink);
  color:#fff!important;
  font-weight:750;
  line-height:1.2;
  text-align:center;
  text-decoration:none!important;
  cursor:pointer;
  white-space:normal;
}
.mnfc-search button:hover,.mnfc-find-row button:hover,.mnfc-button:hover,.mnfc-submit-button:hover{filter:brightness(.96)}
.mnfc-search>button{align-self:end;min-width:112px}

/* Directory, opportunity and match cards */
.mnfc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:clamp(14px,2vw,24px);
  width:100%;
}
.mnfc-card,.mnfc-profile-card{
  margin:0!important;
  border:1px solid var(--mnfc-border)!important;
  border-radius:var(--mnfc-radius)!important;
  padding:20px!important;
  background:#fff!important;
  box-shadow:0 2px 10px rgba(0,0,0,.05)!important;
  overflow-wrap:anywhere;
}
.mnfc-card{display:flex;flex-direction:column;min-height:100%}
.mnfc-card h3,.mnfc-card h4{margin:0 0 10px!important;line-height:1.25!important;font-size:clamp(1.08rem,1.5vw,1.28rem)!important}
.mnfc-card p{margin:.45rem 0!important;line-height:1.55}
.mnfc-card p:last-child{margin-top:auto!important;padding-top:.5rem}
.mnfc-card-image{display:block;margin:-20px -20px 1rem!important}
.mnfc-card-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--mnfc-radius) var(--mnfc-radius) 0 0}
.mnfc-muted{color:var(--mnfc-muted)!important;font-size:.92em}
.mnfc-text-link{font-weight:700;text-decoration:none}
.mnfc-section-title{text-align:center;color:var(--mnfc-navy);font-size:clamp(1.55rem,3vw,2.25rem)!important;line-height:1.18!important;margin:0 0 clamp(16px,2vw,26px)!important}
.mnfc-empty{text-align:center;padding:clamp(16px,3vw,30px);margin:0}
.mnfc-match-score{font-weight:700;color:var(--mnfc-navy)}

.mnfc-profile-card{max-width:100%;margin-block:1.5rem!important}
.mnfc-profile-card dl{display:grid;grid-template-columns:minmax(125px,190px) minmax(0,1fr);gap:.65rem 1rem;margin:0}
.mnfc-profile-card dt{font-weight:700;overflow-wrap:anywhere}
.mnfc-profile-card dd{margin:0;overflow-wrap:anywhere}
.mnfc-profile-card h3{font-size:clamp(1.15rem,2vw,1.4rem)!important;line-height:1.25!important;margin-bottom:.7rem!important}
.mnfc-claim-banner{padding:clamp(14px,2vw,20px);background:#f3f8fa;border-left:4px solid var(--mnfc-blue);border-radius:8px;margin-bottom:1rem}
.mnfc-claim-banner p{margin:.45rem 0}
.mnfc-verified,.mnfc-verified-badge{font-weight:700;color:#176b4d}
.mnfc-verified-badge{display:inline-block;background:#eaf8ef;border:1px solid #9ddab0;border-radius:999px;padding:.4rem .72rem}
.mnfc-match-section{margin-top:clamp(20px,3vw,30px)}
.mnfc-chip-list{display:flex;flex-wrap:wrap;gap:8px}
.mnfc-chip{background:#eef5ff;border:1px solid #c9dcf8;border-radius:999px;padding:7px 11px;font-size:.93em;overflow-wrap:anywhere}

.mnfc-filter-notice{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;border:1px solid #c9dcf8;background:#eef5ff;border-radius:10px;margin-bottom:1rem;overflow-wrap:anywhere}
.mnfc-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;list-style:none!important;padding:0!important;margin:2rem 0!important}
.mnfc-pagination li{margin:0!important;padding:0!important}
.mnfc-pagination a,.mnfc-pagination span{display:grid;place-items:center;min-width:42px;min-height:42px;padding:.3rem .65rem;border:1px solid #d7dee8;border-radius:8px;text-decoration:none}
.mnfc-pagination .current{background:var(--mnfc-navy);color:#fff;border-color:var(--mnfc-navy)}

/* Join and claim forms */
.mnfc-join-intro{text-align:center;max-width:850px;margin:0 auto clamp(18px,3vw,30px)}
.mnfc-join-intro h2{margin:0 0 8px!important;color:var(--mnfc-navy);font-size:clamp(1.65rem,3.4vw,2.45rem)!important;line-height:1.14!important}
.mnfc-join-intro p{margin:0!important;font-size:clamp(.98rem,1.5vw,1.08rem);line-height:1.55}
.mnfc-find-form,.mnfc-step-card,.mnfc-consent-box{
  width:100%;
  background:#fff;
  border:1px solid #e3e8ef;
  border-radius:16px;
  padding:clamp(18px,3vw,30px);
  box-shadow:var(--mnfc-shadow);
  margin:0 0 clamp(18px,2.4vw,26px)!important;
}
.mnfc-find-form label{display:grid;gap:8px;margin:0!important}
.mnfc-find-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:10px}
.mnfc-find-row button{min-width:118px}
.mnfc-find-wait-note{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:12px 0 0!important;text-align:center;color:var(--mnfc-muted);font-size:.95rem;line-height:1.45}
.mnfc-find-wait-note::before{content:'';display:inline-block;flex:0 0 auto;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:mnfc-search-spin .8s linear infinite}
.mnfc-find-wait-note[hidden]{display:none!important}
@keyframes mnfc-search-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.mnfc-find-wait-note::before{animation:none}}
.mnfc-create-profile-note{margin-top:0!important}
.mnfc-search-results{margin-top:clamp(18px,3vw,28px)}
.mnfc-search-results h3{font-size:clamp(1.25rem,2.5vw,1.7rem)!important;line-height:1.25!important;margin-bottom:16px!important}
.mnfc-result-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:14px 18px;
  background:#fff;
  border:1px solid #e2e7ee;
  border-radius:12px;
  padding:clamp(14px,2vw,18px);
  margin:10px 0!important;
  overflow-wrap:anywhere;
}
.mnfc-result-card>div{display:grid;gap:4px;flex:1 1 240px}
.mnfc-result-card span,.mnfc-result-card small{color:var(--mnfc-muted)}
.mnfc-result-card .mnfc-button{flex:0 1 auto}
.mnfc-not-listed{text-align:center;margin-top:18px!important;overflow-wrap:anywhere}
.mnfc-existing-profile-note{margin:0 auto clamp(18px,2.5vw,26px)!important;padding:14px 18px;max-width:900px;text-align:center;background:#f5f8fc;border:1px solid #dfe7f1;border-radius:10px;line-height:1.5;overflow-wrap:anywhere}
.mnfc-existing-profile-note a{font-weight:700;margin-left:6px}
.mnfc-claim-form{width:100%;max-width:1040px;margin:0 auto}

/* Progressive enhancement: all panels and the final submit remain available without JavaScript. */
.mnfc-form-tabs,.mnfc-tab-next,.mnfc-tab-back{display:none}
.mnfc-tabs-ready .mnfc-form-tabs{display:grid!important}
.mnfc-tabs-ready .mnfc-tab-next,.mnfc-tabs-ready .mnfc-tab-back{display:inline-flex}
.mnfc-tabs-ready .mnfc-tab-panel[hidden]{display:none!important}

.mnfc-form-tabs{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  width:100%;
  margin:0 0 clamp(18px,2.5vw,26px)!important;
  padding:6px;
  border:1px solid #dfe6ef;
  border-radius:15px;
  background:#f3f6fa;
  box-shadow:0 6px 20px rgba(11,43,78,.05);
}
.mnfc-form-tab{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:62px;
  margin:0!important;
  padding:10px clamp(8px,1.5vw,18px)!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:var(--mnfc-muted)!important;
  box-shadow:none!important;
  font-weight:750!important;
  line-height:1.25!important;
  text-align:left;
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.mnfc-form-tab:hover{background:rgba(255,255,255,.7)!important;color:var(--mnfc-navy)!important}
.mnfc-form-tab.is-active{background:#fff!important;color:var(--mnfc-navy)!important;box-shadow:0 4px 14px rgba(11,43,78,.09)!important}
.mnfc-form-tab.is-complete{color:#176b4d!important}
.mnfc-form-tab-number{
  display:inline-flex;
  flex:0 0 31px;
  width:31px;
  height:31px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#dce4ee;
  color:var(--mnfc-navy);
  font-size:.9rem;
  line-height:1;
}
.mnfc-form-tab.is-active .mnfc-form-tab-number{background:var(--mnfc-pink);color:#fff}
.mnfc-form-tab.is-complete .mnfc-form-tab-number{background:#dff4e8;color:#176b4d}
.mnfc-form-tab-label{display:block;min-width:0;overflow-wrap:anywhere}

.mnfc-step-card{position:relative;padding:clamp(20px,3vw,32px)}
.mnfc-tabs-ready .mnfc-step-card{margin-bottom:0!important}
.mnfc-panel-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 8px}
.mnfc-panel-kicker{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#fff0f4;color:#c92f57;font-size:.82rem;font-weight:800;line-height:1.2;white-space:nowrap}
.mnfc-step-card h3{margin:0!important;color:var(--mnfc-navy);font-size:clamp(1.2rem,2.2vw,1.55rem)!important;line-height:1.25!important}
.mnfc-step-card>p{margin:.5rem 0 1rem!important;line-height:1.55}
.mnfc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.8vw,18px)}
.mnfc-form-grid label,.mnfc-full-field{display:grid!important;gap:7px;margin:0!important;width:100%}
.mnfc-form-grid span,.mnfc-full-field>span{font-weight:650;line-height:1.35}
.mnfc-full-field{margin-top:clamp(14px,2vw,18px)!important}
.mnfc-full-field small{color:var(--mnfc-muted);line-height:1.45}
.mnfc-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));gap:10px 12px;margin-top:15px;width:100%}
.mnfc-checkbox-grid label{display:flex!important;gap:9px;align-items:flex-start;width:100%;margin:0!important;background:#f8fafc;padding:10px 11px;border:1px solid transparent;border-radius:8px;line-height:1.35;cursor:pointer}
.mnfc-checkbox-grid label:hover{border-color:#dce5ef;background:#fff}
.mnfc-checkbox-grid input,.mnfc-consent-box input{flex:0 0 auto;width:18px!important;height:18px!important;min-height:18px!important;margin:1px 0 0!important;padding:0!important}
.mnfc-consent-box{display:grid;gap:12px;margin:clamp(18px,2.5vw,26px) 0 0!important;padding:clamp(15px,2vw,20px);border-radius:11px;background:#f7f9fc;box-shadow:none}
.mnfc-consent-box label{display:flex!important;gap:10px;align-items:flex-start;margin:0!important;line-height:1.45}
.mnfc-tab-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:clamp(20px,3vw,30px)}
.mnfc-tab-actions-end{justify-content:flex-end}
.mnfc-tab-next,.mnfc-tab-back{
  align-items:center;
  justify-content:center;
  min-height:48px;
  border-radius:9px;
  padding:12px 18px;
  font-weight:750;
  line-height:1.2;
  cursor:pointer;
}
.mnfc-tab-next{border:0;background:var(--mnfc-pink);color:#fff}
.mnfc-tab-back{border:1px solid #ccd6e2;background:#fff;color:var(--mnfc-navy)}
.mnfc-tab-next:hover{filter:brightness(.96)}
.mnfc-tab-back:hover{background:#f6f8fb}
.mnfc-submit-button{margin:0;min-width:min(100%,280px);font-size:1.02rem}
.mnfc-submit-button:disabled{opacity:.65;cursor:wait}
.mnfc-form-note{text-align:center;color:var(--mnfc-muted);line-height:1.5;margin:.9rem auto 0!important;max-width:760px}
.mnfc-form-back{text-align:center;margin:1rem 0 0!important}
.mnfc-notice{border-radius:10px;padding:14px 16px;margin:16px 0;line-height:1.5;overflow-wrap:anywhere}
.mnfc-success{background:#eaf8ef;border:1px solid #9ddab0}
.mnfc-error{background:#fff0f1;border:1px solid #eda5ad}
.mnfc-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* How It Works */
.mnfc-how-it-works{padding:clamp(24px,4vw,52px) clamp(10px,2.5vw,28px);overflow:hidden}
.mnfc-how-heading{text-align:center;max-width:800px;margin:0 auto clamp(28px,4vw,44px)}
.mnfc-how-heading h2{margin:0 0 8px!important;color:var(--mnfc-navy);font-size:clamp(1.7rem,3.4vw,2.35rem)!important;line-height:1.14!important}
.mnfc-how-heading p{margin:0!important;line-height:1.55;font-size:clamp(.98rem,1.5vw,1.08rem)}
.mnfc-how-steps{
  --mnfc-how-gap:clamp(24px,3vw,42px);
  display:grid!important;
  grid-template-columns:repeat(var(--mnfc-step-columns),minmax(0,1fr))!important;
  gap:var(--mnfc-how-gap)!important;
  align-items:start!important;
  width:100%!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:0!important;
  list-style:none!important;
}
.mnfc-how-step{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:center!important;
  overflow:visible!important;
}
.mnfc-how-step::before{content:none!important;display:none!important}
.mnfc-how-step::after{
  content:'→'!important;
  position:absolute!important;
  display:block!important;
  top:25px!important;
  right:calc(-1 * clamp(26px,2.6vw,38px))!important;
  width:28px!important;
  height:28px!important;
  color:var(--mnfc-blue)!important;
  font-size:28px!important;
  font-weight:500!important;
  line-height:1!important;
  text-align:center!important;
  background:none!important;
  border:0!important;
  transform:none!important;
}
.mnfc-how-step:nth-child(5n)::after,.mnfc-how-step:last-child::after{display:none!important}
.mnfc-how-icon{
  width:clamp(68px,7vw,82px)!important;
  height:clamp(68px,7vw,82px)!important;
  flex:0 0 auto!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto 12px!important;
  background:#f0ecff!important;
  color:var(--mnfc-blue)!important;
}
.mnfc-how-icon .dashicons{font-size:clamp(30px,3vw,38px)!important;width:auto!important;height:auto!important;line-height:1!important}
.mnfc-how-icon img{display:block!important;width:50%!important;height:50%!important;object-fit:contain!important;margin:0!important}
.mnfc-how-number{display:inline-flex!important;flex:0 0 27px!important;width:27px!important;height:27px!important;border-radius:50%!important;align-items:center!important;justify-content:center!important;margin:0 auto 11px!important;background:var(--mnfc-pink)!important;color:#fff!important;font-size:.86rem!important;font-weight:800!important;line-height:1!important}
.mnfc-how-it-works .mnfc-how-step .mnfc-how-title{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-height:3.15em!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:var(--mnfc-text)!important;
  font-size:clamp(1rem,1.38vw,1.18rem)!important;
  font-weight:750!important;
  line-height:1.28!important;
  letter-spacing:0!important;
  text-transform:none!important;
  overflow-wrap:anywhere!important;
}
.mnfc-how-it-works .mnfc-how-step .mnfc-how-title a{display:inline!important;position:static!important;color:inherit!important;text-decoration:none!important;background:none!important;padding:0!important}
.mnfc-how-it-works .mnfc-how-step .mnfc-how-title a::before,.mnfc-how-it-works .mnfc-how-step .mnfc-how-title a::after{content:none!important;display:none!important}
.mnfc-how-description{max-width:220px!important;margin:10px auto 0!important;font-size:clamp(.9rem,1.12vw,.98rem)!important;line-height:1.55!important;color:var(--mnfc-text)!important;overflow-wrap:anywhere!important}
.mnfc-step-settings{border:1px solid #ccd0d4;padding:12px 18px;margin:12px 0;background:#fff}

/* Container-aware responsive behaviour: reacts to the shortcode's actual width. */
@container (max-width:920px){
  .mnfc-search{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mnfc-search>button{width:100%}
  .mnfc-how-count-5{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:36px 18px!important}
  .mnfc-how-count-5>.mnfc-how-step{grid-column:span 2}
  .mnfc-how-count-5>.mnfc-how-step:nth-child(4){grid-column:2/span 2}
  .mnfc-how-count-5>.mnfc-how-step::after{display:none!important}
  .mnfc-how-count-5>.mnfc-how-step:nth-child(1)::after,.mnfc-how-count-5>.mnfc-how-step:nth-child(2)::after,.mnfc-how-count-5>.mnfc-how-step:nth-child(4)::after{display:block!important;right:-24px!important}
  .mnfc-how-steps:not(.mnfc-how-count-5){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mnfc-how-it-works .mnfc-how-step .mnfc-how-title{min-height:auto!important}
  .mnfc-how-description{max-width:280px!important}
}

@container (max-width:700px){
  .mnfc-form-grid{grid-template-columns:1fr}
  .mnfc-profile-card dl{grid-template-columns:1fr;gap:.25rem}
  .mnfc-profile-card dd{margin:0 0 .75rem}
  .mnfc-result-card{align-items:flex-start;flex-direction:column}
  .mnfc-result-card .mnfc-button{width:100%}
  .mnfc-filter-notice{align-items:flex-start;flex-direction:column}
  .mnfc-form-tab{min-height:58px;gap:7px;padding-inline:8px!important;font-size:.92rem!important}
  .mnfc-form-tab-number{flex-basis:28px;width:28px;height:28px}
}

@container (max-width:620px){
  .mnfc-search,.mnfc-find-row{grid-template-columns:1fr}
  .mnfc-search>button,.mnfc-find-row button{width:100%;min-width:0}
  .mnfc-how-steps,.mnfc-how-count-5,.mnfc-how-steps:not(.mnfc-how-count-5){grid-template-columns:1fr!important;gap:38px!important;max-width:460px!important}
  .mnfc-how-count-5>.mnfc-how-step,.mnfc-how-count-5>.mnfc-how-step:nth-child(4){grid-column:auto!important}
  .mnfc-how-step{padding:20px 18px!important;border:1px solid var(--mnfc-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 6px 20px rgba(11,43,78,.06)!important}
  .mnfc-how-step::after,.mnfc-how-count-5>.mnfc-how-step:nth-child(1)::after,.mnfc-how-count-5>.mnfc-how-step:nth-child(2)::after,.mnfc-how-count-5>.mnfc-how-step:nth-child(4)::after{content:'↓'!important;display:block!important;top:auto!important;right:auto!important;bottom:-34px!important;left:50%!important;transform:translateX(-50%)!important}
  .mnfc-how-step:last-child::after{display:none!important}
  .mnfc-how-it-works .mnfc-how-step .mnfc-how-title{min-height:auto!important}
  .mnfc-how-description{max-width:360px!important}
  .mnfc-existing-profile-note a{display:block;margin:5px 0 0}
  .mnfc-find-form,.mnfc-step-card,.mnfc-consent-box{border-radius:12px}
  .mnfc-form-tabs{gap:4px;padding:4px}
  .mnfc-form-tab{flex-direction:column;min-height:72px;gap:5px;font-size:.82rem!important;text-align:center}
  .mnfc-form-tab-number{flex-basis:26px;width:26px;height:26px;font-size:.78rem}
  .mnfc-tab-actions,.mnfc-tab-actions-end,.mnfc-tab-actions-submit{align-items:stretch;flex-direction:column-reverse}
  .mnfc-tab-next,.mnfc-tab-back,.mnfc-submit-button{width:100%;min-width:0}
}

@container (max-width:400px){
  .mnfc-directory-wrap,.mnfc-board-wrap,.mnfc-join-wrap{padding-inline:4px}
  .mnfc-find-form,.mnfc-step-card{padding-inline:14px}
  .mnfc-checkbox-grid{grid-template-columns:1fr}
  .mnfc-pagination a,.mnfc-pagination span{min-width:38px;min-height:38px}
  .mnfc-panel-heading{align-items:flex-start;flex-direction:column;gap:7px}
}

/* Media-query fallbacks for browsers without container queries. */
@media (max-width:920px){
  .mnfc-search{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mnfc-search>button{width:100%}
  .mnfc-how-count-5{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:36px 18px!important}
  .mnfc-how-count-5>.mnfc-how-step{grid-column:span 2}
  .mnfc-how-count-5>.mnfc-how-step:nth-child(4){grid-column:2/span 2}
  .mnfc-how-count-5>.mnfc-how-step::after{display:none!important}
  .mnfc-how-count-5>.mnfc-how-step:nth-child(1)::after,.mnfc-how-count-5>.mnfc-how-step:nth-child(2)::after,.mnfc-how-count-5>.mnfc-how-step:nth-child(4)::after{display:block!important;right:-24px!important}
}
@media (max-width:700px){
  .mnfc-form-grid{grid-template-columns:1fr}
  .mnfc-profile-card dl{grid-template-columns:1fr}
  .mnfc-result-card{align-items:flex-start;flex-direction:column}
  .mnfc-result-card .mnfc-button{width:100%}
  .mnfc-filter-notice{align-items:flex-start;flex-direction:column}
}
@media (max-width:620px){
  .mnfc-search,.mnfc-find-row{grid-template-columns:1fr}
  .mnfc-search>button,.mnfc-find-row button{width:100%;min-width:0}
  .mnfc-how-steps,.mnfc-how-count-5{grid-template-columns:1fr!important;gap:38px!important;max-width:460px!important}
  .mnfc-how-count-5>.mnfc-how-step,.mnfc-how-count-5>.mnfc-how-step:nth-child(4){grid-column:auto!important}
  .mnfc-how-step{padding:20px 18px!important;border:1px solid var(--mnfc-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 6px 20px rgba(11,43,78,.06)!important}
  .mnfc-how-step::after,.mnfc-how-count-5>.mnfc-how-step:nth-child(1)::after,.mnfc-how-count-5>.mnfc-how-step:nth-child(2)::after,.mnfc-how-count-5>.mnfc-how-step:nth-child(4)::after{content:'↓'!important;display:block!important;top:auto!important;right:auto!important;bottom:-34px!important;left:50%!important;transform:translateX(-50%)!important}
  .mnfc-how-step:last-child::after{display:none!important}
  .mnfc-existing-profile-note a{display:block;margin:5px 0 0}
  .mnfc-form-tab{flex-direction:column;min-height:72px;gap:5px;font-size:.82rem!important;text-align:center}
  .mnfc-tab-actions,.mnfc-tab-actions-end,.mnfc-tab-actions-submit{align-items:stretch;flex-direction:column-reverse}
  .mnfc-tab-next,.mnfc-tab-back,.mnfc-submit-button{width:100%;min-width:0}
}
@media (max-width:400px){
  .mnfc-checkbox-grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  :where(.mnfc-directory-wrap,.mnfc-board-wrap,.mnfc-join-wrap,.mnfc-how-it-works,.mnfc-profile-card,.mnfc-match-section) *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Version 0.5.4 — aligned responsive How It Works cards */
.mnfc-how-it-works{
  padding:clamp(22px,3.2vw,42px) clamp(8px,1.8vw,20px)!important;
  overflow:visible!important;
}
.mnfc-how-it-works .mnfc-how-heading{
  max-width:720px!important;
  margin:0 auto clamp(22px,2.8vw,32px)!important;
  padding:0 8px!important;
  text-align:center!important;
}
.mnfc-how-it-works .mnfc-how-heading h2{
  margin:0 0 7px!important;
  color:var(--mnfc-navy)!important;
  font-size:clamp(1.35rem,1rem + 1vw,1.85rem)!important;
  font-weight:750!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-wrap:balance;
}
.mnfc-how-it-works .mnfc-how-heading p{
  max-width:650px!important;
  margin:0 auto!important;
  font-size:clamp(.92rem,.88rem + .18vw,1rem)!important;
  line-height:1.55!important;
}
.mnfc-how-it-works .mnfc-how-steps{
  --mnfc-how-card-gap:clamp(18px,2.2vw,30px);
  display:grid!important;
  grid-template-columns:repeat(var(--mnfc-step-columns),minmax(0,1fr))!important;
  grid-auto-rows:1fr!important;
  gap:var(--mnfc-how-card-gap)!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
}
.mnfc-how-it-works .mnfc-how-step{
  position:relative!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(4.75rem,auto) 1fr!important;
  align-items:start!important;
  justify-items:center!important;
  align-self:stretch!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  min-height:290px!important;
  margin:0!important;
  padding:clamp(18px,1.8vw,24px) clamp(14px,1.4vw,20px)!important;
  border:1px solid var(--mnfc-border)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(11,43,78,.065)!important;
  text-align:center!important;
  overflow:visible!important;
}
.mnfc-how-it-works .mnfc-how-step::before{
  content:none!important;
  display:none!important;
}
.mnfc-how-it-works .mnfc-how-step::after{
  content:'→'!important;
  position:absolute!important;
  z-index:2!important;
  display:block!important;
  top:44px!important;
  right:calc(-1 * (var(--mnfc-how-card-gap) / 2 + 11px))!important;
  width:22px!important;
  height:22px!important;
  color:var(--mnfc-blue)!important;
  font-size:22px!important;
  font-weight:600!important;
  line-height:1!important;
  text-align:center!important;
  background:#fff!important;
  border:0!important;
  transform:none!important;
}
.mnfc-how-it-works .mnfc-how-step:last-child::after,
.mnfc-how-it-works .mnfc-how-step:nth-child(5n)::after{
  display:none!important;
}
.mnfc-how-it-works .mnfc-how-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:clamp(58px,5.5vw,70px)!important;
  height:clamp(58px,5.5vw,70px)!important;
  margin:0 auto 10px!important;
  border-radius:50%!important;
  background:#f0ecff!important;
  color:var(--mnfc-blue)!important;
}
.mnfc-how-it-works .mnfc-how-icon .dashicons{
  width:auto!important;
  height:auto!important;
  font-size:clamp(26px,2.6vw,32px)!important;
  line-height:1!important;
}
.mnfc-how-it-works .mnfc-how-number{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:25px!important;
  height:25px!important;
  margin:0 auto 10px!important;
  border-radius:50%!important;
  background:var(--mnfc-pink)!important;
  color:#fff!important;
  font-size:.78rem!important;
  font-weight:800!important;
  line-height:1!important;
}
.mnfc-how-it-works .mnfc-how-step .mnfc-how-title{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  align-self:stretch!important;
  width:100%!important;
  min-height:4.75rem!important;
  margin:0!important;
  padding:0!important;
  color:var(--mnfc-text)!important;
  font-size:clamp(.98rem,.9rem + .28vw,1.1rem)!important;
  font-weight:750!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-transform:none!important;
  text-wrap:balance;
  overflow-wrap:anywhere!important;
}
.mnfc-how-it-works .mnfc-how-step .mnfc-how-title a{
  color:inherit!important;
  text-decoration:none!important;
}
.mnfc-how-it-works .mnfc-how-description{
  align-self:start!important;
  width:100%!important;
  max-width:none!important;
  margin:8px auto 0!important;
  color:var(--mnfc-text)!important;
  font-size:clamp(.86rem,.82rem + .18vw,.94rem)!important;
  line-height:1.55!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}

/* Three cards followed by two centred cards. */
@container (max-width:980px){
  .mnfc-how-it-works .mnfc-how-count-5{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-auto-rows:1fr!important;
    gap:22px 18px!important;
  }
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step{
    grid-column:span 2!important;
    min-height:270px!important;
  }
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(4){grid-column:2/span 2!important}
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step::after{display:none!important}
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(1)::after,
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(2)::after,
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(4)::after{
    display:block!important;
    top:42px!important;
    right:-20px!important;
  }
  .mnfc-how-it-works .mnfc-how-steps:not(.mnfc-how-count-5){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Two-column card grid for narrow tablets and wide phones. */
@container (max-width:700px){
  .mnfc-how-it-works .mnfc-how-steps,
  .mnfc-how-it-works .mnfc-how-count-5,
  .mnfc-how-it-works .mnfc-how-steps:not(.mnfc-how-count-5){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:1fr!important;
    gap:18px!important;
    max-width:640px!important;
  }
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step,
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(4){
    grid-column:auto!important;
  }
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:last-child{
    grid-column:1/-1!important;
    justify-self:center!important;
    width:calc(50% - 9px)!important;
  }
  .mnfc-how-it-works .mnfc-how-step{
    min-height:260px!important;
  }
  .mnfc-how-it-works .mnfc-how-step::after,
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(1)::after,
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(2)::after,
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(4)::after{
    display:none!important;
  }
}

/* Single-column cards with downward connectors. */
@container (max-width:480px){
  .mnfc-how-it-works{
    padding-inline:4px!important;
  }
  .mnfc-how-it-works .mnfc-how-heading h2{
    font-size:clamp(1.25rem,6vw,1.55rem)!important;
  }
  .mnfc-how-it-works .mnfc-how-steps,
  .mnfc-how-it-works .mnfc-how-count-5,
  .mnfc-how-it-works .mnfc-how-steps:not(.mnfc-how-count-5){
    grid-template-columns:1fr!important;
    grid-auto-rows:auto!important;
    gap:34px!important;
    max-width:440px!important;
  }
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step,
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(4),
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:last-child{
    grid-column:auto!important;
    width:100%!important;
  }
  .mnfc-how-it-works .mnfc-how-step{
    grid-template-rows:auto auto auto auto!important;
    min-height:0!important;
    padding:20px 18px!important;
  }
  .mnfc-how-it-works .mnfc-how-step .mnfc-how-title{
    min-height:0!important;
  }
  .mnfc-how-it-works .mnfc-how-step::after,
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(1)::after,
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(2)::after,
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(4)::after{
    content:'↓'!important;
    display:block!important;
    top:auto!important;
    right:auto!important;
    bottom:-29px!important;
    left:50%!important;
    width:22px!important;
    height:22px!important;
    transform:translateX(-50%)!important;
  }
  .mnfc-how-it-works .mnfc-how-step:last-child::after{display:none!important}
}

/* Viewport fallbacks where container queries are unavailable. */
@media (max-width:980px){
  .mnfc-how-it-works .mnfc-how-count-5{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-rows:1fr!important;gap:22px 18px!important}
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step{grid-column:span 2!important;min-height:270px!important}
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(4){grid-column:2/span 2!important}
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step::after{display:none!important}
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(1)::after,.mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(2)::after,.mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(4)::after{display:block!important;top:42px!important;right:-20px!important}
}
@media (max-width:700px){
  .mnfc-how-it-works .mnfc-how-steps,.mnfc-how-it-works .mnfc-how-count-5{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr!important;gap:18px!important;max-width:640px!important}
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step,.mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(4){grid-column:auto!important}
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:last-child{grid-column:1/-1!important;justify-self:center!important;width:calc(50% - 9px)!important}
  .mnfc-how-it-works .mnfc-how-step{min-height:260px!important}
  .mnfc-how-it-works .mnfc-how-step::after,.mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(1)::after,.mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(2)::after,.mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(4)::after{display:none!important}
}
@media (max-width:480px){
  .mnfc-how-it-works .mnfc-how-steps,.mnfc-how-it-works .mnfc-how-count-5{grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:34px!important;max-width:440px!important}
  .mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step,.mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(4),.mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:last-child{grid-column:auto!important;width:100%!important}
  .mnfc-how-it-works .mnfc-how-step{grid-template-rows:auto auto auto auto!important;min-height:0!important;padding:20px 18px!important}
  .mnfc-how-it-works .mnfc-how-step .mnfc-how-title{min-height:0!important}
  .mnfc-how-it-works .mnfc-how-step::after,.mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(1)::after,.mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(2)::after,.mnfc-how-it-works .mnfc-how-count-5>.mnfc-how-step:nth-child(4)::after{content:'↓'!important;display:block!important;top:auto!important;right:auto!important;bottom:-29px!important;left:50%!important;transform:translateX(-50%)!important}
  .mnfc-how-it-works .mnfc-how-step:last-child::after{display:none!important}
}

/* Advanced charity directory filters (v0.7.0) */
.mnfc-directory-search{
  margin:1rem 0 1.1rem;
  padding:clamp(14px,2vw,22px);
  border:1px solid var(--mnfc-border);
  border-radius:var(--mnfc-radius);
  background:var(--mnfc-soft);
}
.mnfc-directory-filter-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:clamp(10px,1.4vw,18px);
}
.mnfc-directory-filter-grid>*{min-width:0}
.mnfc-directory-filter-grid-primary{grid-template-columns:minmax(240px,2fr) minmax(150px,1fr) minmax(180px,1fr)}
.mnfc-directory-search input[type="search"],
.mnfc-directory-search select{
  width:100%;
  min-height:48px;
  border:1px solid #c9d2df;
  border-radius:9px;
  padding:11px 13px;
  background:#fff;
  color:var(--mnfc-text);
  line-height:1.35;
}
.mnfc-directory-search input:focus,
.mnfc-directory-search select:focus{outline:3px solid rgba(239,63,107,.18);border-color:var(--mnfc-pink)}
.mnfc-advanced-filters{margin-top:14px;border-top:1px solid var(--mnfc-border);padding-top:12px}
.mnfc-advanced-filters summary{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:var(--mnfc-navy);font-weight:750}
.mnfc-advanced-filters[open] summary{margin-bottom:14px}
.mnfc-search-toggle{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 12px;border:1px solid #c9d2df;border-radius:9px;background:#fff;font-weight:700}
.mnfc-search-toggle input{width:18px;height:18px;flex:0 0 auto}
.mnfc-directory-search-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}
.mnfc-directory-search-actions button{
  min-height:48px;border:0;border-radius:9px;padding:12px 22px;background:var(--mnfc-pink);color:#fff;font-weight:750;cursor:pointer
}
.mnfc-clear-filters{font-weight:700;text-decoration:none}
.mnfc-results-summary{margin:.2rem 0 1rem!important;color:var(--mnfc-muted);font-weight:650}

@media (max-width:900px){
  .mnfc-directory-filter-grid,.mnfc-directory-filter-grid-primary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .mnfc-directory-filter-grid,.mnfc-directory-filter-grid-primary{grid-template-columns:1fr}
  .mnfc-directory-search-actions{align-items:stretch;flex-direction:column}
  .mnfc-directory-search-actions button,.mnfc-clear-filters{width:100%;text-align:center}
}
.mnfc-card-image-logo{background:#fff}
.mnfc-card-image-logo img{object-fit:contain;padding:14px}

/* Postcode and distance search (v0.8.0) */
.mnfc-directory-filter-grid-primary{
  grid-template-columns:minmax(240px,1.7fr) minmax(300px,1.65fr) minmax(160px,.82fr) minmax(180px,.9fr)
}
.mnfc-directory-search .mnfc-search-field{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:7px}
.mnfc-directory-filter-grid-primary .mnfc-search-field>span,
.mnfc-directory-filter-grid-primary .mnfc-location-search-field>label{
  display:flex;
  align-items:flex-end;
  min-height:2.6em;
  margin:0;
  font-weight:700;
  line-height:1.3;
  color:var(--mnfc-navy)
}
.mnfc-directory-search input[type="search"],
.mnfc-directory-search select,
.mnfc-location-input-row .mnfc-use-location{box-sizing:border-box;height:48px;min-height:48px}
.mnfc-location-input-row{display:grid;min-width:0;grid-template-columns:minmax(130px,1fr) auto;align-items:stretch;gap:8px}
.mnfc-location-input-row>*{min-width:0}
.mnfc-location-input-row .mnfc-use-location{
  border:1px solid #b9c6d6;border-radius:9px;padding:10px 13px;background:#fff;color:var(--mnfc-navy);font-weight:750;cursor:pointer;white-space:nowrap
}
.mnfc-location-input-row .mnfc-use-location:hover{border-color:var(--mnfc-pink);color:var(--mnfc-pink)}
.mnfc-location-input-row .mnfc-use-location:disabled{opacity:.65;cursor:wait}
.mnfc-location-status{display:block;min-height:1.35em;margin-top:6px;color:var(--mnfc-muted);font-size:.86rem}
.mnfc-location-status[data-state="ready"]{color:#18794e;font-weight:700}
.mnfc-location-status[data-state="error"]{color:#a61b2b;font-weight:700}
.mnfc-location-privacy{margin:12px 0 0!important;color:var(--mnfc-muted);font-size:.88rem}
.mnfc-location-notice{margin:0 0 14px;padding:11px 14px;border:1px solid #efd08b;border-radius:10px;background:#fff9e8;color:#6b4b00}
.mnfc-distance-badge{display:inline-flex!important;align-items:center;gap:6px;margin:.15rem 0 .45rem!important;padding:5px 9px;border-radius:999px;background:#edf8f2;color:#18794e;font-size:.84rem;font-weight:800}
.mnfc-distance-badge::before{content:'⌖';font-size:1rem;line-height:1}
@media (max-width:1100px){.mnfc-directory-filter-grid-primary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){
  .mnfc-directory-filter-grid-primary .mnfc-search-field>span,
  .mnfc-directory-filter-grid-primary .mnfc-location-search-field>label{min-height:0;align-items:flex-start}
  .mnfc-location-input-row{grid-template-columns:1fr}
  .mnfc-location-input-row .mnfc-use-location{width:100%}
}

/* v0.9.0 BuddyPress community actions */
.mnfc-card-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:auto;padding-top:.35rem}
.mnfc-card-actions .mnfc-text-link{margin:0}
.mnfc-message-button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;text-decoration:none}
.mnfc-message-button-directory,.mnfc-message-button-match{padding:.55rem .8rem;font-size:.9rem;line-height:1.2}
.mnfc-community-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.mnfc-community-section-heading h2{margin-bottom:.25rem}
.mnfc-community-section-heading p{margin:0;color:var(--mnfc-muted,#5e6d75)}
.mnfc-community-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.mnfc-community-group-card{border:1px solid rgba(20,61,76,.13);border-radius:14px;padding:1rem;background:#fff;box-shadow:0 8px 24px rgba(13,56,74,.06)}
.mnfc-community-group-card h3{font-size:1.05rem;margin:0 0 .4rem}
.mnfc-community-group-card p{margin:.35rem 0 .7rem}
.mnfc-group-status{display:inline-flex;padding:.25rem .55rem;border-radius:999px;background:#edf6f3;color:#176c5c;font-size:.78rem;font-weight:700}
@media (max-width:680px){
  .mnfc-card-actions{align-items:stretch}
  .mnfc-card-actions .mnfc-message-button{width:100%}
  .mnfc-community-section-heading{display:block}
  .mnfc-community-section-heading .mnfc-button{margin-top:.75rem;width:100%}
  .mnfc-community-group-grid{grid-template-columns:1fr}
}

/* v1.3.0 public opportunities and events */
.mnfc-profile-engagement .mnfc-community-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.mnfc-profile-engagement .mnfc-community-section-heading h2{margin-bottom:4px}
.mnfc-profile-engagement .mnfc-community-section-heading p{margin:0;color:#687d88}
.mnfc-profile-engagement .mnfc-community-section-heading>a{white-space:nowrap;font-weight:750;text-decoration:none}
.mnfc-public-engagement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mnfc-public-engagement-card{display:flex;min-width:0;flex-direction:column;padding:19px;border:1px solid #d8e5e9;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(16,55,70,.055)}
.mnfc-public-engagement-card h3{margin:10px 0 7px;font-size:1.08rem;line-height:1.3}
.mnfc-public-engagement-card h3 a{color:#12394f;text-decoration:none}
.mnfc-public-engagement-card h3 a:hover{text-decoration:underline}
.mnfc-public-engagement-card p{margin:0;color:#617782;line-height:1.55}
.mnfc-public-engagement-meta{display:flex;flex-wrap:wrap;gap:6px}
.mnfc-public-engagement-meta span{padding:4px 8px;border-radius:999px;background:#edf8f5;color:#11746d;font-size:.72rem;font-weight:800}
.mnfc-public-engagement-card footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:15px;color:#58707c;font-size:.82rem}
.mnfc-public-engagement-card.is-event{display:grid;grid-template-columns:58px minmax(0,1fr);gap:15px}
.mnfc-public-engagement-card.is-event>time{display:flex;width:58px;height:68px;align-items:center;justify-content:center;flex-direction:column;border-radius:13px;background:#eef8fb;color:#0b7285;text-transform:uppercase}
.mnfc-public-engagement-card.is-event>time strong{font-size:1.45rem;line-height:1}
.mnfc-public-engagement-card.is-event>time span{margin-top:4px;font-size:.72rem;font-weight:800}
.mnfc-events-directory{max-width:1200px;margin:0 auto;padding:22px 16px 48px}
.mnfc-events-directory .mnfc-directory-header{margin-bottom:20px;padding:30px;border-radius:24px;background:linear-gradient(135deg,#0d526a,#128b7f);color:#fff}
.mnfc-events-directory .mnfc-directory-header span{font-size:.75rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.mnfc-events-directory .mnfc-directory-header h1{margin:5px 0 8px;color:#fff}
.mnfc-events-directory .mnfc-directory-header p{margin:0;max-width:720px;color:rgba(255,255,255,.88)}
.mnfc-events-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}
.mnfc-public-detail{max-width:1180px;margin:0 auto;padding:20px 16px 48px}
.mnfc-public-detail>header{padding:34px;border-radius:24px;background:linear-gradient(135deg,#0b4b63,#0d8a7e);color:#fff}
.mnfc-public-detail>header h1{margin:6px 0 10px;color:#fff}
.mnfc-public-detail>header p{margin:0;max-width:780px;color:rgba(255,255,255,.9);font-size:1.08rem}
.mnfc-public-detail-kicker{font-size:.76rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.mnfc-public-detail-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.75fr);gap:20px;margin-top:20px}
.mnfc-event-facts dl{display:grid;gap:10px;margin:0 0 18px}
.mnfc-event-facts dl div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;padding-bottom:10px;border-bottom:1px solid #e6edf0}
.mnfc-event-facts dt{color:#667b86;font-weight:700}
.mnfc-event-facts dd{margin:0;color:#15384b;font-weight:700}
.mnfc-opportunity-detail-card .mnfc-opportunity-skills{margin:18px 0;padding-top:14px;border-top:1px solid #e3ecef}

@media (max-width:900px){
  .mnfc-events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mnfc-public-detail-layout{grid-template-columns:1fr}
}
@media (max-width:650px){
  .mnfc-profile-engagement .mnfc-community-section-heading{align-items:flex-start;flex-direction:column}
  .mnfc-public-engagement-grid,.mnfc-events-grid{grid-template-columns:1fr}
  .mnfc-public-detail>header{padding:24px;border-radius:19px}
}
