/* ==== COMMUNITY, matched to the other three ============================== */
/* The old 650px hero is hidden — her mockup uses a slim header. The page's own
   sections stay below, and every quick action scrolls to one of them, so nothing
   is orphaned. */
#page-community-hub .ch-hero{ display:none !important; }
#cmxSec.cmx-root{
  max-width:1180px; margin:0 auto; padding:22px clamp(16px,4vw,28px) 8px;
  font-family:'Nunito',system-ui,sans-serif;
}
#cmxSec .cmx-eb{
  margin:0 0 4px; font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
  color:#4E6640 !important; -webkit-text-fill-color:#4E6640 !important;
}
#cmxSec .cmx-h{
  margin:0 0 6px; font-size:clamp(1.4rem,3vw,1.9rem); font-weight:800; line-height:1.25;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#cmxSec .cmx-sub{
  margin:0 0 16px; font-size:.92rem; line-height:1.6; max-width:56ch;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important;
}
#cmxSec .cmx-acts{ display:flex; gap:10px; flex-wrap:wrap; }
#cmxSec .cmx-act{
  cursor:pointer; font:inherit; font-size:.86rem; font-weight:800; border-radius:999px;
  padding:12px 20px; min-height:46px;
  background:#fff !important; border:1px solid #E4DFD2 !important;
  color:#3F4753 !important; -webkit-text-fill-color:#3F4753 !important;
}
#cmxSec .cmx-act:hover{ background:#F4F6F1 !important; border-color:#CFE0C8 !important; }
#cmxSec .cmx-act.is-primary{
  background:#4E6640 !important; border-color:#4E6640 !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
#cmxSec .cmx-act:focus-visible, #cmxSec .cmx-q:focus-visible, #cmxSec .cmx-fc:focus-visible,
#cmxSec .cmx-tc:focus-visible, #cmxSec .cmx-link:focus-visible, #cmxSec .cmx-mine-b:focus-visible,
#cmxSec .cmx-new-b:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
#cmxSec .cmx-mine{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:22px;
  background:#F4F6F1 !important; border:1px solid #E2E8DD !important; border-radius:20px; padding:16px 20px;
}
#cmxSec .cmx-mine-ic{
  flex:none; width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:#E2EBDD; font-size:1.05rem;
  color:#41533C !important; -webkit-text-fill-color:#41533C !important;
}
#cmxSec .cmx-mine-t{ flex:1; display:flex; flex-direction:column; gap:2px; min-width:200px; }
#cmxSec .cmx-mine-t strong{ font-size:.95rem; color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#cmxSec .cmx-mine-t span{ font-size:.84rem; line-height:1.5; color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
#cmxSec .cmx-mine-b, #cmxSec .cmx-new-b{
  flex:none; cursor:pointer; font:inherit; font-size:.84rem; font-weight:800; border-radius:999px;
  padding:11px 18px; min-height:44px;
  background:#fff !important; border:1px solid #DDD7C9 !important;
  color:#3D4A3A !important; -webkit-text-fill-color:#3D4A3A !important;
}
#cmxSec .cmx-new-b{ background:#4E6640 !important; border-color:#4E6640 !important;
  color:#fff !important; -webkit-text-fill-color:#fff !important; }
#cmxSec .cmx-quick{
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0;
  margin-top:22px; background:#fff !important; border:1px solid #E8E4DC !important; border-radius:18px; overflow:hidden;
}
#cmxSec .cmx-q{
  display:flex; flex-direction:column; gap:2px; align-items:flex-start; cursor:pointer; font:inherit;
  background:#fff !important; border:0 !important; border-right:1px solid #EFEAE0 !important;
  padding:16px 18px; min-height:70px; text-align:left;
}
#cmxSec .cmx-q:last-child{ border-right:0 !important; }
#cmxSec .cmx-q:hover{ background:#F4F6F1 !important; }
#cmxSec .cmx-qn{ font-size:.88rem; font-weight:800; color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#cmxSec .cmx-qd{ font-size:.78rem; color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
#cmxSec .cmx-sec{ margin-top:26px; }
#cmxSec .cmx-sechrow{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:12px; }
#cmxSec .cmx-sech{
  margin:0; font-family:'Playfair Display',Georgia,serif; font-size:1.16rem; font-weight:700;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#cmxSec .cmx-sech.is-small{
  font-family:'Nunito',sans-serif; font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
}
#cmxSec .cmx-link{
  cursor:pointer; font:inherit; font-size:.8rem; font-weight:800; min-height:40px; border-radius:999px; padding:9px 15px;
  background:#fff !important; border:1px solid #E4DFD2 !important;
  color:#3F4753 !important; -webkit-text-fill-color:#3F4753 !important;
}
#cmxSec .cmx-feat{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
#cmxSec .cmx-fc{
  display:flex; flex-direction:column; gap:5px; text-align:left; cursor:pointer; font:inherit;
  border:1px solid transparent !important; border-radius:18px; padding:16px; min-height:180px;
  transition:transform .16s ease, box-shadow .16s ease;
}
#cmxSec .cmx-fc:hover{ transform:translateY(-2px); box-shadow:0 12px 26px rgba(36,52,71,.10); }
#cmxSec .cmx-fc.is-lav  { background:#F1EEF9 !important; border-color:#E1DAF0 !important; }
#cmxSec .cmx-fc.is-sage { background:#EDF3E9 !important; border-color:#D7E3D2 !important; }
#cmxSec .cmx-fc.is-blush{ background:#FBECEF !important; border-color:#F0DCE1 !important; }
#cmxSec .cmx-fc.is-sky  { background:#EAF1F7 !important; border-color:#D6E3EE !important; }
#cmxSec .cmx-ftag{
  align-self:flex-start; background:#fff; border-radius:999px; padding:4px 11px;
  font-size:.68rem; font-weight:800;
  color:#3F4753 !important; -webkit-text-fill-color:#3F4753 !important;
}
#cmxSec .cmx-ft{
  font-family:'Playfair Display',Georgia,serif; font-size:1.02rem; font-weight:700; line-height:1.25; margin-top:4px;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#cmxSec .cmx-fd{ font-size:.82rem; line-height:1.5; color:#4A5462 !important; -webkit-text-fill-color:#4A5462 !important; }
#cmxSec .cmx-fm{ display:flex; gap:14px; margin-top:auto; padding-top:12px; font-size:.76rem; font-weight:700;
  color:#525A66 !important; -webkit-text-fill-color:#525A66 !important; }
#cmxSec .cmx-topics{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
#cmxSec .cmx-tc{
  display:flex; flex-direction:column; gap:2px; text-align:left; cursor:pointer; font:inherit;
  border:1px solid transparent !important; border-radius:14px; padding:14px; min-height:72px;
}
#cmxSec .cmx-tc.is-sage { background:#EDF3E9 !important; border-color:#D7E3D2 !important; }
#cmxSec .cmx-tc.is-cream{ background:#FBF3E4 !important; border-color:#EFE3CB !important; }
#cmxSec .cmx-tc.is-lav  { background:#F1EEF9 !important; border-color:#E1DAF0 !important; }
#cmxSec .cmx-tc.is-blush{ background:#FBECEF !important; border-color:#F0DCE1 !important; }
#cmxSec .cmx-tc.is-sky  { background:#EAF1F7 !important; border-color:#D6E3EE !important; }
#cmxSec .cmx-tn{ font-size:.86rem; font-weight:800; color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#cmxSec .cmx-tcount{ font-size:.76rem; color:#525A66 !important; -webkit-text-fill-color:#525A66 !important; }
#cmxSec .cmx-two{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
#cmxSec .cmx-panel{ background:#fff !important; border:1px solid #E8E4DC !important; border-radius:20px; padding:18px 20px; }
#cmxSec .cmx-acts-list{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
#cmxSec .cmx-arow{ display:flex; gap:12px; align-items:flex-start; padding-bottom:10px; border-bottom:1px solid #F4F1EA; }
#cmxSec .cmx-arow:last-child{ border-bottom:0; padding-bottom:0; }
#cmxSec .cmx-av, #cmxSec .cmx-spav{
  flex:none; width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:#EEF4EC; font-size:.8rem; font-weight:800;
  color:#41533C !important; -webkit-text-fill-color:#41533C !important;
}
#cmxSec .cmx-abody{ flex:1; display:flex; flex-direction:column; gap:2px; min-width:0; }
#cmxSec .cmx-aw{ font-size:.84rem; color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
#cmxSec .cmx-aw strong{ color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#cmxSec .cmx-ago{ float:right; font-size:.74rem; color:#6B7280 !important; -webkit-text-fill-color:#6B7280 !important; }
#cmxSec .cmx-at{ font-size:.86rem; color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#cmxSec .cmx-am{ font-size:.74rem; color:#5F6773 !important; -webkit-text-fill-color:#5F6773 !important; }
#cmxSec .cmx-spot{ display:flex; gap:14px; align-items:flex-start; }
#cmxSec .cmx-spav{ width:56px; height:56px; font-size:1rem; }
#cmxSec .cmx-spbody{ flex:1; min-width:0; }
#cmxSec .cmx-spn{
  font-family:'Playfair Display',Georgia,serif; font-size:1.08rem; font-weight:700;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
#cmxSec .cmx-spstar{
  font-family:'Nunito',sans-serif; font-size:.66rem; font-weight:800; border-radius:999px;
  padding:3px 9px; background:#F1EEF9; vertical-align:middle;
  color:#4C3F73 !important; -webkit-text-fill-color:#4C3F73 !important;
}
#cmxSec .cmx-spd{ margin:6px 0 10px; font-size:.86rem; line-height:1.5;
  color:#4A5462 !important; -webkit-text-fill-color:#4A5462 !important; }
#cmxSec .cmx-spstats{ display:flex; gap:20px; margin-bottom:12px; }
#cmxSec .cmx-spstats span{ display:flex; flex-direction:column; font-size:.74rem;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
#cmxSec .cmx-spstats strong{ font-size:1rem; color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#cmxSec .cmx-spq{
  margin:0; padding:12px 14px; background:#F1EEF9; border-radius:14px;
  font-size:.86rem; line-height:1.55; font-style:italic;
  color:#3E3559 !important; -webkit-text-fill-color:#3E3559 !important;
}
#cmxSec .cmx-new{
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  margin-top:26px; padding:16px 20px; background:#F4F6F1 !important;
  border:1px solid #E2E8DD !important; border-radius:18px;
}
#cmxSec .cmx-new-t{ display:flex; flex-direction:column; gap:2px; }
#cmxSec .cmx-new-t strong{ font-size:.95rem; color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#cmxSec .cmx-new-t span{ font-size:.84rem; color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
.cmx-toast{
  position:fixed; left:50%; bottom:26px; transform:translateX(-50%) translateY(12px); z-index:10000;
  background:#243447; color:#fff !important; -webkit-text-fill-color:#fff !important;
  padding:12px 20px; border-radius:999px; font-size:.85rem; font-weight:700;
  font-family:'Nunito',system-ui,sans-serif; opacity:0; pointer-events:none;
  transition:opacity .2s, transform .2s;
}
.cmx-toast.on{ opacity:1; transform:translateX(-50%) translateY(0); }
@media (prefers-reduced-motion:reduce){
  #cmxSec .cmx-fc{ transition:none !important; }
  #cmxSec .cmx-fc:hover{ transform:none !important; }
}
@media (max-width:1100px){
  #cmxSec .cmx-quick{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  #cmxSec .cmx-q{ border-bottom:1px solid #EFEAE0 !important; }
  #cmxSec .cmx-feat{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  #cmxSec .cmx-topics{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  #cmxSec .cmx-two{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:620px){
  #cmxSec .cmx-quick{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  #cmxSec .cmx-feat{ grid-template-columns:minmax(0,1fr); }
  #cmxSec .cmx-fc{ min-height:0; }
  #cmxSec .cmx-topics{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  #cmxSec .cmx-new-b, #cmxSec .cmx-mine-b{ width:100%; }
  #cmxSec .cmx-spot{ flex-direction:column; }
}
@media (max-width:400px){
  #cmxSec .cmx-quick, #cmxSec .cmx-topics{ grid-template-columns:minmax(0,1fr); }
}