/* AfricaChange Phase 08 — approved AC_UI_09/10/11/12/13/18, mobile-first branded civic areas. */
.ac-civic-page .ac-container.ac-prose-layout{max-width:1440px;width:min(1440px,calc(100% - 40px));padding-top:24px;padding-bottom:85px}
.ac-civic-page .ac-prose-page{max-width:none;margin:0}
.ac-civic-page .ac-rich-content{font-size:15px;line-height:1.57;color:var(--ac-ink);overflow-wrap:break-word}
.ac-civic-page .ac-rich-content h1,.ac-civic-page .ac-rich-content h2,.ac-civic-page .ac-rich-content h3{margin-top:0;margin-bottom:.5em}
.ac-civic-page .ac-rich-content h1{font-size:clamp(29px,3.6vw,51px);line-height:1.07;letter-spacing:-.045em}
.ac-civic-page .ac-rich-content h2{font-size:clamp(20px,2.15vw,26px);line-height:1.18}
.ac-civic-page .ac-rich-content h3{font-size:19px;line-height:1.26}
.ac-civic-page .ac-rich-content a{color:inherit;text-decoration:none}
.ac-civic-page .ac-rich-content a:hover{text-decoration:none;color:#c65009}
.ac-civic-page .ac-rich-content p{margin:0 0 12px}
.ac-civic-page .ac-rich-content form{margin:0}
.ac-civic-shell{width:100%;max-width:1440px;margin-inline:auto;min-width:0}
.ac-civic-nav{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 23px;overflow-x:auto}
.ac-civic-nav a{font-size:13px;font-weight:780;padding:9px 16px;border:1px solid #e9e2da;border-radius:100px;background:#fff;white-space:nowrap;color:#4a3a32!important}
.ac-civic-nav a[aria-current=page]{background:#fff0e7;border-color:#ffb78d;color:#c9530b!important}
.ac-civic-notice{background:#eff8e6;border:1px solid #b9df99;color:#316a12;border-radius:12px;padding:12px 17px;font-weight:700;margin:12px 0}
.ac-civic-columns{display:grid;grid-template-columns:minmax(178px,215px) minmax(0,1fr) minmax(196px,248px);gap:19px;align-items:start}
.ac-civic-side{min-width:0}
.ac-civic-panel,.ac-civic-post,.ac-civic-composer,.ac-civic-group-card,.ac-civic-empty,.ac-civic-thread{background:#fff;border:1px solid #eee6dd;border-radius:18px;box-shadow:0 8px 26px rgba(49,28,12,.04)}
.ac-civic-panel{padding:22px;margin-bottom:20px}
.ac-civic-panel h3{margin:5px 0 12px}
.ac-civic-panel>a{display:block;color:#36770e!important;font-weight:800;font-size:13px;padding-block:7px}
.ac-civic-panel>p{font-size:14px;color:#75695f}
.ac-civic-kicker{text-transform:uppercase;color:#4a911c;font-size:11px;font-weight:850;letter-spacing:.14em;display:block;margin-bottom:10px}
.ac-civic-centre{min-width:0}
.ac-civic-hero{position:relative;isolation:isolate;border-radius:21px;overflow:hidden;background:#f9f3ec;min-height:220px;display:flex;align-items:center;margin:0 0 19px;padding:clamp(23px,3.4vw,48px);border:1px solid #eee2d8}
.ac-civic-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#faf7f2 0%,rgba(250,247,242,.98) 31%,rgba(250,247,242,.78) 55%,rgba(250,247,242,.12) 95%)}
.ac-civic-hero>div{max-width:650px;position:relative}
.ac-civic-hero p{max-width:530px;font-size:15px;color:#544941}
.ac-civic-hero--feed{min-height:190px;background:linear-gradient(90deg,#fff6eb,#f1f9e9)}
.ac-civic-hero--groups{min-height:270px;background:#f8f3e9 url('../images/AC_IMG_10_Communities_Groups_Hero.webp') center right/cover no-repeat}
.ac-civic-hero--group{min-height:288px;background:#f6f3e9 url('../images/AC_IMG_14_Grassroots_Community_Action.webp') center right/cover no-repeat}
.ac-civic-hero--diaspora{min-height:285px;background:#f4f5ee url('../images/AC_IMG_17_Diaspora_Connect_Hero.webp') center right/cover no-repeat}
.ac-civic-hero--country{min-height:285px;background:#f5f1e9 url('../images/AC_IMG_15_Country_Hub_Africa_Overview.webp') center right/cover no-repeat}
.ac-civic-hero--feed h1{font-size:clamp(24px,3vw,33px)}
.ac-civic-composer{padding:22px;margin:0 0 20px}
.ac-civic-composer strong{font-size:17px;color:#352419}
.ac-civic-composer p{color:#777065;font-size:13px}
.ac-civic-btn{appearance:none;border:1px solid #f46a12!important;background:#f66c0e!important;color:white!important;display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:43px;border-radius:11px;padding:10px 19px;font-size:13px!important;font-weight:850;text-decoration:none!important;line-height:1.2;cursor:pointer;max-width:100%}
.ac-civic-btn:hover{background:#d85500!important;border-color:#d85500!important;color:white!important;box-shadow:0 7px 15px rgba(224,94,5,.17)}
.ac-civic-btn--subtle{background:#fff!important;color:#376a0d!important;border-color:#bbe0aa!important}
.ac-civic-btn--subtle:hover{color:#255403!important;background:#f2f9e9!important;border-color:#79b148!important}
.ac-civic-btn--small{min-height:35px;padding:7px 13px;font-size:12px!important}
.ac-civic-toolbar{display:flex;align-items:end;gap:11px;margin:0 0 19px!important;background:#fff;border:1px solid #e9e0d7;padding:14px;border-radius:16px;flex-wrap:wrap}
.ac-civic-toolbar label{flex:1;min-width:150px;font-size:12px;color:#64584c;font-weight:750}
.ac-civic-toolbar select,.ac-civic-toolbar input,.ac-civic-form input,.ac-civic-form select,.ac-civic-form textarea,.ac-civic-comments input,.ac-civic-post__actions input{display:block;box-sizing:border-box;width:100%;min-height:41px;border:1px solid #e3dcd5;border-radius:10px;padding:9px 12px;background:#fff;color:#352e2a;font-size:14px;line-height:1.4;outline-offset:2px}
.ac-civic-toolbar select,.ac-civic-toolbar input{margin-top:5px}
.ac-civic-form{display:flex;flex-direction:column;gap:14px}
.ac-civic-form label{display:block;font-weight:750;color:#473a33;font-size:13px}
.ac-civic-form label input,.ac-civic-form label textarea,.ac-civic-form label select{margin-top:7px}
.ac-civic-form textarea{resize:vertical;min-height:100px}
.ac-civic-post{padding:20px;margin-bottom:17px;min-width:0}
.ac-civic-post__meta{display:flex;align-items:center;gap:10px;margin-bottom:15px}
.ac-civic-avatar{width:42px;height:42px;flex:none;background:linear-gradient(140deg,#7abb13,#ec972c);border-radius:50%;color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;font-weight:850}
.ac-civic-post__meta>span:nth-child(2){min-width:0;flex:1}
.ac-civic-post__meta strong{display:block;font-size:13px;color:#38251b}
.ac-civic-post__meta small{display:block;font-size:11px;color:#80776e}
.ac-civic-tag{font-weight:780;font-size:11px;white-space:nowrap;border-radius:100px;background:#edf8e6;color:#356e0f;padding:5px 11px}
.ac-civic-post__grid{display:grid;grid-template-columns:minmax(0,41%) minmax(0,1fr);gap:16px;align-items:center}
.ac-civic-post__grid:not(:has(img)){grid-template-columns:1fr}
.ac-civic-post__grid .ac-civic-media{width:100%;aspect-ratio:1.36;object-fit:cover;border-radius:12px}
.ac-civic-post__grid h3{font-size:clamp(17px,1.7vw,21px);margin:0 0 9px}
.ac-civic-post__grid p{font-size:13px;color:#696059}
.ac-civic-read{font-size:13px;color:#e15c03!important;font-weight:850}
.ac-civic-stat{font-size:12px;color:#44750a!important;font-weight:800;margin-top:8px!important}
.ac-civic-post__actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;border-top:1px solid #eee9e3;margin-top:16px;padding-top:12px}
.ac-civic-post__actions>a,.ac-civic-post__actions button{background:transparent;color:#665f59!important;font-size:12px!important;font-weight:740;border:0;padding:6px 4px;cursor:pointer}
.ac-civic-post__actions button:hover{color:#a14d05!important}
.ac-civic-post__actions form{display:inline-flex;align-items:center;gap:7px;max-width:100%}
.ac-civic-post__actions input{width:min(150px,100%);min-height:32px;padding:5px 8px;font-size:11px}
.ac-civic-discussion__body{white-space:normal;font-size:15px;color:#433b35}
.ac-civic-comments{padding:13px 16px;margin-top:16px;border-radius:12px;background:#faf8f5}
.ac-civic-comments>strong{font-size:13px}
.ac-civic-comments p{font-size:13px;border-bottom:1px solid #eee4d9;padding:10px 0;margin:0}
.ac-civic-comments form{display:flex;gap:7px;align-items:center;margin-top:12px!important}
.ac-civic-comments input{flex:1;min-width:0}
.ac-civic-topics form{display:flex;gap:7px;align-items:center;justify-content:space-between;border-bottom:1px solid #f0eee8;padding:10px 0}
.ac-civic-topics span{font-size:12px;min-width:0;font-weight:700}
.ac-civic-topics button{background:#edf9e9;border:0;border-radius:10px;padding:7px 10px;color:#367d13;font-size:11px;font-weight:800}
.ac-civic-topics button:disabled{opacity:.55}
.ac-civic-group-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:20px;align-items:start}
.ac-civic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ac-civic-group-card{overflow:hidden;min-width:0}
.ac-civic-group-card__cover{height:122px;background:#eef4e9 url('../images/AC_IMG_10_Communities_Groups_Hero.webp') center/cover;display:flex;justify-content:space-between;align-items:end;padding:11px;position:relative}
.ac-civic-group-card:nth-child(3n+2) .ac-civic-group-card__cover{background-image:url('../images/AC_IMG_13_Community_Discussion_Cards.webp')}
.ac-civic-group-card:nth-child(3n) .ac-civic-group-card__cover{background-image:url('../images/AC_IMG_14_Grassroots_Community_Action.webp')}
.ac-civic-group-card__cover>span:last-child{background:#fff;border-radius:100px;padding:4px 10px;color:#3d7213;font-size:10px;font-weight:800}
.ac-civic-group-card__symbol{font-size:23px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#2d7b0d;width:46px;height:46px;box-shadow:0 2px 8px #31200d21}
.ac-civic-group-card__body{padding:17px}
.ac-civic-group-card__body h3{font-size:16px;line-height:1.25}
.ac-civic-group-card__body p{font-size:12px;color:#71665e;min-height:55px}
.ac-civic-group-card__body small{font-size:11px;color:#77716a}
.ac-civic-group-card__bottom{display:flex;justify-content:space-between;gap:7px;align-items:center;margin-top:16px}
.ac-civic-group-card__bottom span{font-weight:700;font-size:11px}
.ac-civic-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:21px 0 17px}
.ac-civic-section-head h2{margin:0!important}
.ac-civic-section-head a,.ac-civic-section-head span{font-size:12px;color:#d95b0b!important;font-weight:700}
.ac-civic-group-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:17px 22px;background:white;border:1px solid #eee8df;border-radius:18px;margin-bottom:20px}
.ac-civic-group-intro>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ac-civic-inbox{display:grid;grid-template-columns:minmax(195px,270px) minmax(0,1fr);gap:20px}
.ac-civic-inbox .ac-civic-panel{margin-bottom:0}
.ac-civic-heading{margin:13px 0 23px}
.ac-civic-heading p{color:#726960}
.ac-civic-conversation{display:block;border-bottom:1px solid #eee8dd;padding:11px 0}
.ac-civic-conversation strong,.ac-civic-conversation small{display:block}
.ac-civic-conversation small{font-size:11px;color:#8c8075}
.ac-civic-thread{min-height:360px;padding:21px}
.ac-civic-bubbles{display:flex;flex-direction:column;gap:12px;margin:18px 0;max-height:540px;overflow-y:auto}
.ac-civic-bubble{align-self:start;max-width:min(80%,540px);background:#f6f4f0;border-radius:14px;padding:12px 15px}
.ac-civic-bubble--mine{align-self:end;background:#edf8e5}
.ac-civic-bubble p{white-space:pre-wrap;margin:0 0 4px!important;font-size:14px}
.ac-civic-bubble small{font-size:10px;color:#736b61}
.ac-civic-bubble form{display:flex;align-items:center;gap:6px;margin-top:9px!important}
.ac-civic-bubble form input{max-width:160px;font-size:11px;border:1px solid #ddd9d0;border-radius:7px;padding:5px}
.ac-civic-bubble form button{font-size:11px;background:transparent;border:0;color:#a44811}
.ac-civic-empty{padding:26px;margin:20px 0}
.ac-civic-empty h2{font-size:21px}
.ac-civic-empty p{color:#776e64}
.ac-civic-next{margin:20px auto!important}
.ac-civic-note{padding:13px;border-radius:12px;background:#fff4dc;border:1px solid #e9cb86}
.ac-civic-card-cover{width:100%;height:142px;object-fit:cover}
@media(max-width:1170px){.ac-civic-columns{grid-template-columns:minmax(0,1fr) 235px}.ac-civic-columns>.ac-civic-side:first-child{display:none}.ac-civic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:880px){.ac-civic-columns{grid-template-columns:minmax(0,1fr)}.ac-civic-columns>.ac-civic-side:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ac-civic-group-layout{grid-template-columns:1fr}.ac-civic-inbox{grid-template-columns:minmax(0,1fr)}.ac-civic-hero{min-height:230px}}
@media(max-width:620px){.ac-civic-page .ac-container.ac-prose-layout{width:calc(100% - 24px);padding-top:15px}.ac-civic-nav{gap:6px;flex-wrap:nowrap;padding-bottom:6px}.ac-civic-nav a{font-size:12px;padding:7px 12px}.ac-civic-hero{border-radius:15px;padding:24px 18px;min-height:185px}.ac-civic-hero:before{background:linear-gradient(90deg,rgba(250,247,242,.98),rgba(250,247,242,.86) 66%,rgba(250,247,242,.36))}.ac-civic-hero--groups,.ac-civic-hero--group,.ac-civic-hero--diaspora,.ac-civic-hero--country{min-height:228px}.ac-civic-hero h1{font-size:clamp(27px,8vw,37px)}.ac-civic-hero p{font-size:13px}.ac-civic-toolbar{padding:11px;gap:10px}.ac-civic-toolbar label{min-width:130px}.ac-civic-toolbar>button{width:100%}.ac-civic-post{padding:14px}.ac-civic-post__grid{grid-template-columns:1fr}.ac-civic-post__grid .ac-civic-media{aspect-ratio:16/9}.ac-civic-grid{grid-template-columns:1fr}.ac-civic-columns>.ac-civic-side:last-child{display:block}.ac-civic-group-card__cover{height:145px}.ac-civic-panel{padding:17px}.ac-civic-section-head{align-items:start}.ac-civic-group-intro{padding:14px}.ac-civic-comments form{flex-wrap:wrap}.ac-civic-comments form button{width:100%}.ac-civic-bubble{max-width:92%}}
@media(prefers-reduced-motion:reduce){.ac-civic-shell *{scroll-behavior:auto!important;transition:none!important}}
.ac-civic-person{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 0;border-top:1px solid #eee9df;font-size:12px}
.ac-civic-person>span{min-width:0;font-weight:700}
.ac-civic-person small{color:#777;font-weight:500}
.ac-civic-person form{display:inline-flex;flex-shrink:0}
.ac-civic-owned p{display:flex;align-items:center;gap:9px;justify-content:space-between;font-size:13px;border-top:1px solid #eee9df;padding:8px 0;margin:0!important}
.ac-civic-owned small{color:#777;font-weight:700}
.ac-civic-mobile-tabs{display:none}
@media(max-width:620px){
  .ac-civic-mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:450;justify-content:space-around;align-items:center;gap:2px;background:rgba(255,255,255,.97);border-top:1px solid #ebe1d4;box-shadow:0 -9px 28px rgba(49,28,12,.1);padding:7px 5px calc(6px + env(safe-area-inset-bottom,0px));backdrop-filter:blur(10px)}
  .ac-civic-mobile-tabs a{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#645951!important;font-size:10px!important;font-weight:750!important;text-decoration:none!important;padding:3px}
  .ac-civic-mobile-tabs a span{font-size:23px;line-height:1.08;font-weight:500}
  .ac-civic-mobile-tabs a[aria-current=page]{color:#e9650d!important}
  .ac-civic-mobile-tabs a:focus-visible{outline:2px solid #fda84d}
  .ac-civic-page .ac-container.ac-prose-layout{padding-bottom:calc(95px + env(safe-area-inset-bottom,0px))}
}