@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');

/* waha-pioneers theme for category pages (listing, content, gallery, sources) */
:root{--green:#073c31;--gold:#b38b36;--cream:#f8f3e7;--paper:#fffaf0;--ink:#11372e;--line:#ddcfb7;--muted:#6f5b31}
body{background:#e9e4d6!important;color:var(--ink);font-family:Cairo,Tahoma,Arial,sans-serif!important;line-height:1.75}

.wrap{width:auto!important;max-width:1100px;margin:0 auto;padding:0 28px 48px!important;background:var(--cream);box-shadow:0 0 45px rgba(0,0,0,.12);min-height:100vh}

/* header band */
.top{margin:0 -28px 24px!important;padding:26px 28px 18px!important;background:linear-gradient(105deg,#063b31,#0c5645 45%,#052e28);border-bottom:4px solid var(--gold);color:#fff7df;position:relative;overflow:hidden;gap:14px}
.top::before,.top::after{content:'';position:absolute;top:8px;width:120px;height:30px;opacity:.7;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 32'%3E%3Cpath d='M60 4 L80 16 L60 28 L40 16 Z' fill='none' stroke='%23c9a84c' stroke-width='1.5' opacity='.6'/%3E%3Ccircle cx='60' cy='16' r='4' fill='%23c9a84c' opacity='.5'/%3E%3Cline x1='0' y1='16' x2='35' y2='16' stroke='%23c9a84c' stroke-width='1' opacity='.4'/%3E%3Cline x1='85' y1='16' x2='120' y2='16' stroke='%23c9a84c' stroke-width='1' opacity='.4'/%3E%3C/svg%3E") center/contain no-repeat}
.top::before{left:50%;transform:translateX(-50%);top:4px}
.top::after{display:none}
.brand{color:#e9c572!important;font-weight:800;position:relative;z-index:1}
.back{border:1px solid #8e7939!important;border-radius:8px!important;background:transparent!important;color:#fff7df!important;padding:6px 16px!important;font-weight:600!important;position:relative;z-index:1}
.back:hover{background:#b08937!important}
.lang-btn{border:1px solid #8e7939!important;border-radius:8px!important;background:transparent!important;color:#fff7df!important;font-family:inherit!important}
.lang-btn.active{background:#b08937!important;border-color:#b08937!important}

/* hero */
.hero{background:linear-gradient(110deg,#fffaf1,#eee2ca)!important;border:1px solid #dfcda5!important;border-radius:16px!important;padding:24px 26px!important;box-shadow:none!important}
.hero h1{color:var(--green)!important;font-size:clamp(24px,3vw,38px)!important;line-height:1.5;margin:8px 0 10px!important}
.hero p{color:var(--muted)!important}
.eyebrow{display:inline-block;background:#e8d29f;color:#544018!important;padding:3px 18px;border-radius:40px;font-size:13px;font-weight:600}

/* tabs as section links */
.tabs{display:flex!important;flex-wrap:wrap;gap:8px!important;margin:18px 0!important}
.tab{border:1px solid #ddc89f!important;border-radius:8px!important;background:#fffbf3!important;padding:6px 16px!important;font-size:14px;font-weight:600!important;color:var(--green)!important;text-align:center;box-shadow:none!important}
.tab:hover,.tab.active{background:#ecd6a0!important}

h2,.section-title{color:var(--green)!important}
.note{background:#fff5d6;border-right:4px solid #b58632;border-radius:8px;padding:10px 14px;font-size:13px;color:#5a4a1c}

/* meta + pager */
.page-meta{background:var(--paper)!important;border:1px solid #decba3!important;border-radius:14px!important;color:var(--green)!important}
.pager button,.pager a{border:1px solid #ddc89f!important;border-radius:8px!important;background:#fffbf3!important;color:var(--green)!important;font-family:inherit!important}
.pager button.current,.pager .current{background:var(--green)!important;color:#fff7df!important;border-color:var(--green)!important}
.pager button:hover:not(:disabled){background:#ecd6a0!important}

/* person cards */
.person{background:linear-gradient(125deg,#fffcf6,#f7eddc)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 2px 8px rgba(91,72,17,.06)}
.person:hover{border-color:var(--gold)!important;box-shadow:0 10px 24px rgba(91,72,17,.14)!important}
.photo{background:linear-gradient(145deg,#efe4cb,#fbf7ed)!important}
.info strong{color:var(--green)!important}
.skeleton{background:linear-gradient(90deg,#ece6d8 25%,#f8f3e7 50%,#ece6d8 75%)!important;background-size:200% 100%!important}

/* content / sources / gallery */
.content-card{background:linear-gradient(125deg,#fffcf6,#f7eddc)!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:20px 22px!important;box-shadow:0 2px 8px rgba(91,72,17,.06)!important}
.content-card h2{font-size:18px!important;margin:0 0 10px!important;border-bottom:1px solid #e6d8b6;padding-bottom:6px}
.content-card h2::after{content:'';display:block;height:2px;margin-top:4px;background:linear-gradient(90deg,transparent,#d8bd82,transparent)}
.gallery{background:var(--paper)!important;border:1px solid #decba3!important;border-radius:14px!important}
.source-list li{border-color:#e6d8b6!important}

/* economy contact band */
.economy-contact{background:linear-gradient(110deg,#04352b,#075b44,#032b25)!important;border-top:6px double #d0b16d;padding:48px 0!important}
.ec-wrap h2{color:#efcc83!important}
.ec-wrap p{color:#fff4d6!important}
.ec-wrap input,.ec-wrap textarea{background:#fffaf0!important;border-color:#d0b16d!important;font-family:inherit!important}
.ec-wrap button[type=submit]{background:var(--gold)!important;color:#fff!important;font-family:inherit}
.ec-wrap button[type=submit]:hover{background:#9a7530!important}

@media(max-width:760px){
  .wrap{padding:0 14px 40px!important}
  .top{margin:0 -14px 18px!important;padding:20px 14px 14px!important}
}

/* justified body text */
.content-card p,.content-card li,.lead p,.lead-body,.lead-body p,.card p,.card li,.sources p{text-align:justify;text-justify:inter-word;}