/* =========================================================
   Who Owns Africa — Main Stylesheet
   Primary colour: #fe5312 | Boxed, fully responsive layout
   ========================================================= */

:root{
	--woa-primary: #fe5312;
	--woa-primary-dark: #e2440a;
	--woa-dark: #101418;
	--woa-ink: #16191d;
	--woa-body: #3a3f45;
	--woa-muted: #767c85;
	--woa-border: #e7e6e3;
	--woa-bg: #ffffff;
	--woa-bg-soft: #f7f6f3;
	--woa-container: 1200px;
	--font-display: 'Playfair Display', Georgia, serif;
	--font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

*, *::before, *::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
	margin: 0;
	font-family: var(--font-body);
	color: var(--woa-body);
	background: var(--woa-bg-soft);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
img{ max-width: 100%; height: auto; display: block; }
a{ color: inherit; text-decoration: none; }
ul{ margin: 0; padding: 0; list-style: none; }
h1,h2,h3,h4{ font-family: var(--font-display); color: var(--woa-ink); margin: 0 0 .4em; line-height: 1.2; }
.screen-reader-text{ position:absolute; left:-9999px; }
.skip-link:focus{ position: fixed; top: 8px; left: 8px; z-index: 9999; background: #fff; padding: 10px 16px; }

/* ---------- Boxed Container ---------- */
.woa-container{
	max-width: var(--woa-container);
	margin: 0 auto;
	padding: 0 20px;
}
body{ background: var(--woa-bg); }
.woa-main{ background: var(--woa-bg); }

/* ---------- Buttons ---------- */
.woa-btn{
	display: inline-flex; align-items: center; gap: 6px;
	padding: 10px 20px; border-radius: 4px; font-weight: 600; font-size: 14px;
	cursor: pointer; border: 1px solid transparent; transition: all .15s ease;
}
.woa-btn--primary{ background: var(--woa-primary); color: #fff; }
.woa-btn--primary:hover{ background: var(--woa-primary-dark); }
.woa-icon-btn{ background: none; border: none; cursor: pointer; color: var(--woa-ink); padding: 6px; }

/* ---------- Top Bar ---------- */
.woa-topbar{ background: var(--woa-dark); color: #cfd3d8; font-size: 12.5px; }
.woa-topbar__inner{ display: flex; align-items: center; justify-content: space-between; padding: 7px 20px; gap: 12px; flex-wrap: wrap; }
.woa-topbar__right{ display: flex; align-items: center; gap: 16px; }
.woa-topbar__menu{ display: flex; gap: 14px; }
.woa-topbar__menu a{ color: #cfd3d8; }
.woa-topbar__menu a:hover{ color: var(--woa-primary); }

/* ---------- Header ---------- */
.woa-header{ border-bottom: 1px solid var(--woa-border); background: #fff; position: sticky; top: 0; z-index: 100; }
.woa-header__inner{ display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; gap: 24px; }
.woa-logo-link{ display: inline-flex; align-items: center; }
.woa-logo-img{ height: 40px; width: auto; display: block; }
.woa-header__nav{ flex: 1; }
.woa-menu{ display: flex; gap: 26px; justify-content: center; flex-wrap: wrap; }
.woa-menu a{ font-weight: 600; font-size: 15px; color: var(--woa-ink); padding: 6px 0; position: relative; }
.woa-menu a:hover{ color: var(--woa-primary); }
.woa-header__actions{ display: flex; align-items: center; gap: 14px; }
.woa-menu-toggle{ display: none; flex-direction: column; gap: 4px; width: 26px; }
.woa-menu-toggle span{ height: 2px; background: var(--woa-ink); border-radius: 2px; }

.woa-search-panel{ border-top: 1px solid var(--woa-border); background: var(--woa-bg-soft); padding: 16px 0; }
.woa-search-form .woa-container{ display: flex; gap: 10px; }
.woa-search-form input{ flex: 1; padding: 12px 14px; border: 1px solid var(--woa-border); border-radius: 4px; font-size: 15px; }
.woa-search-form button{ padding: 12px 22px; background: var(--woa-primary); color: #fff; border: none; border-radius: 4px; font-weight: 600; cursor: pointer; }

/* ---------- Tags / Badges ---------- */
.woa-tag{ display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; padding: 4px 9px; border-radius: 3px; }
.woa-tag--breaking{ background: var(--woa-primary); color: #fff; position: absolute; top: 12px; left: 12px; }

/* ---------- Hero ---------- */
.woa-hero{ padding: 30px 0 10px; background: var(--woa-bg-soft); border-bottom: 1px solid var(--woa-border); }
.woa-hero__inner{ display: grid; grid-template-columns: 2fr 1fr; gap: 34px; }
.woa-hero__lead-img{ position: relative; display: block; border-radius: 6px; overflow: hidden; aspect-ratio: 16/9; }
.woa-hero__lead-img img{ width: 100%; height: 100%; object-fit: cover; }
.woa-hero__lead-body h1{ font-size: 34px; margin: 12px 0 10px; }
.woa-hero__lead-body h1 a:hover{ color: var(--woa-primary); }
.woa-hero__sub{ font-size: 17px; color: var(--woa-muted); margin: 0 0 10px; }
.woa-hero__side-title{ font-size: 14px; text-transform: uppercase; letter-spacing: .06em; border-bottom: 2px solid var(--woa-primary); padding-bottom: 8px; margin-bottom: 12px; }
.woa-hero__side-item{ display: flex; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--woa-border); font-weight: 600; font-size: 14.5px; color: var(--woa-ink); }
.woa-trending-rank{ font-family: var(--font-display); font-weight: 800; font-size: 20px; color: var(--woa-primary); width: 22px; flex-shrink: 0; text-align: center; }
.woa-hero__side-item img{ width: 60px; height: 46px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.woa-hero__side-item:hover{ color: var(--woa-primary); }

/* ---------- Category badge ---------- */
.woa-card__cat{ display: inline-block; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--woa-primary); margin-bottom: 6px; }

/* ---------- Home Sections ---------- */
.woa-home-sections{ padding: 20px 0 60px; }
.woa-section{ margin: 46px 0; }
.woa-section__head{ display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid var(--woa-ink); padding-bottom: 10px; margin-bottom: 22px; }
.woa-section__head h2{ font-size: 24px; margin: 0; }
.woa-section__more{ font-size: 13.5px; font-weight: 700; color: var(--woa-primary); text-transform: uppercase; }
.woa-section__grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }

.woa-card{ display: flex; flex-direction: column; }
.woa-card__thumb{ position: relative; display: block; border-radius: 6px; overflow: hidden; aspect-ratio: 4/3; background: #eee; }
.woa-card__thumb img{ width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.woa-card:hover .woa-card__thumb img{ transform: scale(1.04); }
.woa-card__thumb--placeholder{ display: block; width: 100%; height: 100%; background: linear-gradient(135deg, var(--woa-bg-soft), #eee); }
.woa-card__body{ padding-top: 12px; }
.woa-card__title{ font-size: 18px; margin: 4px 0 6px; }
.woa-card__title a:hover{ color: var(--woa-primary); }
.woa-card__subtitle{ font-size: 14px; color: var(--woa-muted); margin: 0 0 8px; }
.woa-card__meta{ font-size: 12.5px; color: var(--woa-muted); display: flex; gap: 6px; }
.woa-card--lead .woa-card__title{ font-size: 22px; }

/* ---------- Newsletter ---------- */
.woa-newsletter-band{ background: var(--woa-dark); border-radius: 10px; padding: 40px; margin: 50px 0; }
.woa-newsletter-band__inner{ display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap; }
.woa-newsletter-band h2{ color: #fff; font-size: 26px; }
.woa-newsletter-band p{ color: #b8bcc3; margin: 6px 0 0; }
.woa-newsletter-band .woa-newsletter__text{ display: none; }
.woa-newsletter{ min-width: 280px; }
.woa-newsletter__form{ display: flex; gap: 8px; }
.woa-newsletter__form input{ flex: 1; padding: 12px 14px; border-radius: 4px; border: 1px solid var(--woa-border); font-size: 14px; }
.woa-newsletter__form button{ background: var(--woa-primary); color: #fff; border: none; padding: 12px 20px; border-radius: 4px; font-weight: 700; cursor: pointer; }
.woa-newsletter__form button:hover{ background: var(--woa-primary-dark); }
.woa-newsletter__status{ font-size: 13px; margin: 8px 0 0; }
.woa-newsletter__text{ color: #cfd3d8; font-size: 14px; margin: 0 0 10px; }
.woa-footer__col--newsletter .woa-newsletter__text{ color: #cfd3d8; }
.woa-footer-app__text{ font-size: 13.5px; color: #b8bcc3; line-height: 1.6; margin: 0 0 16px; }
.woa-app-badges{ display: flex; flex-direction: column; gap: 10px; max-width: 200px; }
.woa-app-badge{ display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 8px; padding: 9px 14px; transition: background .15s ease, border-color .15s ease; }
.woa-app-badge:hover{ background: rgba(255,255,255,.12); border-color: var(--woa-primary); }
.woa-app-badge__icon{ flex-shrink: 0; color: #fff; }
.woa-app-badge__text{ color: #fff; font-weight: 700; font-size: 14.5px; line-height: 1.2; display: flex; flex-direction: column; }
.woa-app-badge__text small{ font-weight: 500; font-size: 10px; letter-spacing: .04em; color: #b8bcc3; text-transform: uppercase; }

/* ---------- Footer ---------- */
.woa-footer{ background: var(--woa-dark); color: #b8bcc3; margin-top: 40px; }
.woa-footer__top{ display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.3fr; gap: 36px; padding: 60px 20px 40px; }
.woa-logo-img--footer{ height: 46px; margin-bottom: 14px; }
.woa-footer__about p{ font-size: 14px; line-height: 1.7; }
.woa-footer-title{ color: #fff; font-family: var(--font-body); font-size: 14px; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 16px; }
.woa-footer__col ul li{ margin-bottom: 10px; font-size: 14px; }
.woa-footer__col ul li a:hover{ color: var(--woa-primary); }
.woa-social-links{ display: flex; gap: 10px; margin-top: 16px; }
.woa-social-links a{ width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.08); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; color: #fff; transition: background .15s ease, color .15s ease; }
.woa-social-links a:hover{ background: var(--woa-primary); color: #fff; }
.woa-social-links a svg{ width: 16px; height: 16px; }
.woa-social-links a:hover{ background: var(--woa-primary); }
.woa-footer__bottom{ border-top: 1px solid rgba(255,255,255,.1); }
.woa-footer__bottom-inner{ display: flex; align-items: center; justify-content: space-between; padding: 20px; font-size: 13px; flex-wrap: wrap; gap: 10px; }
.woa-footer-menu{ display: flex; gap: 16px; }

/* ---------- Single Post ---------- */
.woa-single{ padding: 34px 0 60px; }
.woa-single__container{ max-width: 900px; }
.woa-single__header{ text-align: left; margin-bottom: 18px; }
.woa-single__title{ font-size: 40px; margin: 10px 0 14px; color: #000000; }
.woa-single__subtitle{ font-size: 19px; color: var(--woa-muted); font-weight: 400; margin: 0 0 20px; line-height: 1.5; }
.woa-single__byline{ display: flex; align-items: center; justify-content: space-between; padding: 16px 0; border-top: 1px solid var(--woa-border); border-bottom: 1px solid var(--woa-border); flex-wrap: wrap; gap: 10px; }
.woa-single__author{ display: flex; align-items: center; gap: 10px; }
.woa-single__author img{ border-radius: 50%; }
.woa-author-title{ display: block; font-size: 12.5px; color: var(--woa-muted); font-style: normal; }
.woa-single__meta{ font-size: 13.5px; color: var(--woa-muted); display: flex; gap: 6px; }
.woa-single__featured{ margin: 26px 0; }
.woa-single__featured img{ width: 100%; border-radius: 6px; }

/* Image captions inside article — faded background + italic (per spec) */
.woa-single__featured figcaption,
.woa-single__content .wp-caption-text,
.woa-single__content figcaption,
.woa-single__content .wp-caption .wp-caption-text{
	font-style: italic;
	font-size: 13.5px;
	color: var(--woa-muted);
	background: rgba(16,20,24,0.05);
	padding: 10px 14px;
	border-radius: 0 0 6px 6px;
	margin: 0;
}
.woa-single__content .wp-caption{ max-width: 100% !important; }
.woa-single__content .wp-caption img{ border-radius: 6px 6px 0 0; }

.woa-single__layout{ display: grid; grid-template-columns: 1fr 280px; gap: 46px; margin-top: 10px; }
.woa-single__content{ font-size: 18px; line-height: 1.85; color: #000000; }
.woa-single__content p{ margin: 0 0 22px; color: #000000; }
.woa-single__content h2{ font-size: 26px; margin-top: 40px; color: #000000; }
.woa-single__content h3{ font-size: 21px; margin-top: 32px; color: #000000; }
.woa-single__content li{ color: #000000; }
.woa-single__content blockquote{ border-left: 4px solid var(--woa-primary); margin: 28px 0; padding: 4px 0 4px 22px; font-style: italic; font-size: 20px; color: #000000; }
.woa-single__content img{ border-radius: 6px; }
.woa-single__content a{ color: var(--woa-primary); text-decoration: underline; }

/* Drop cap — first paragraph of every single article */
.woa-single__content p.woa-drop-cap::first-letter{
	float: left;
	font-family: var(--font-display);
	font-weight: 800;
	font-size: 76px;
	line-height: 0.78;
	padding: 6px 10px 0 0;
	color: var(--woa-primary);
}

.woa-tags{ margin: 30px 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.woa-tags a{ background: var(--woa-bg-soft); padding: 5px 12px; border-radius: 20px; font-size: 12.5px; }
.woa-tags__label{ font-weight: 700; margin-right: 4px; }

.woa-author-box{ display: flex; gap: 18px; background: var(--woa-bg-soft); padding: 22px; border-radius: 8px; margin: 34px 0; }
.woa-author-box img{ border-radius: 50%; }
.woa-author-box__links{ display: flex; gap: 14px; margin-top: 8px; font-size: 13px; font-weight: 600; }
.woa-author-box__links a{ color: var(--woa-primary); }

.woa-inline-newsletter{ margin: 40px 0; padding: 26px; background: var(--woa-bg-soft); border-radius: 8px; }

.woa-related{ margin: 50px 0; }
.woa-related h3{ font-size: 20px; border-bottom: 2px solid var(--woa-ink); padding-bottom: 10px; }
.woa-related__grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 18px; }

.woa-share-box{ background: var(--woa-bg-soft); padding: 20px; border-radius: 8px; margin-bottom: 24px; }
.woa-share-box h4{ font-size: 14px; margin-bottom: 12px; }
.woa-share-buttons{ display: flex; flex-direction: column; gap: 8px; }
.woa-share-btn{ padding: 9px 12px; background: #fff; border: 1px solid var(--woa-border); border-radius: 4px; font-size: 13.5px; font-weight: 600; text-align: center; }
.woa-share-btn:hover{ border-color: var(--woa-primary); color: var(--woa-primary); }

/* ---------- Author Archive ---------- */
.woa-author-page{ padding: 40px 0 60px; }
.woa-author-hero{ text-align: center; max-width: 560px; margin: 0 auto 40px; }
.woa-author-hero img{ border-radius: 50%; margin: 0 auto 14px; }
.woa-author-hero__title{ color: var(--woa-primary); font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: .04em; }
.woa-author-hero .woa-social-links{ justify-content: center; }
.woa-author-hero .woa-social-links a{ background: var(--woa-bg-soft); color: var(--woa-ink); }
.woa-author-page__subhead{ font-size: 20px; margin-bottom: 20px; }

/* ---------- Generic Pages ---------- */
.woa-page{ padding: 40px 0 70px; max-width: 800px; }
.woa-page__header h1{ font-size: 36px; color: #000000; }
.woa-page__lede{ font-size: 17px; color: var(--woa-muted); }
.woa-page__content, .woa-legal-content{ font-size: 17px; line-height: 1.8; color: #000000; }
.woa-page__content p, .woa-page__content li, .woa-legal-content p, .woa-legal-content li{ color: #000000; }
.woa-legal-content h2{ font-size: 21px; margin-top: 34px; color: #000000; }

/* ---------- Contact ---------- */
.woa-contact-layout{ display: grid; grid-template-columns: 2fr 1fr; gap: 40px; margin-top: 20px; max-width: none; }
.woa-contact-form label{ display: block; margin-bottom: 16px; font-weight: 600; font-size: 14px; }
.woa-contact-form input, .woa-contact-form textarea{ width: 100%; margin-top: 6px; padding: 12px; border: 1px solid var(--woa-border); border-radius: 4px; font-family: var(--font-body); font-size: 15px; }
.woa-honeypot{ position: absolute; left: -9999px; }
.woa-form-notice{ padding: 12px 16px; border-radius: 4px; margin-bottom: 16px; font-size: 14px; }
.woa-form-notice.is-success{ background: #e7f6ec; color: #1c7a3b; }
.woa-form-notice.is-error{ background: #fdeceb; color: #b3261e; }
.woa-contact-info{ background: var(--woa-bg-soft); padding: 24px; border-radius: 8px; height: fit-content; }
.woa-contact-info h3{ font-size: 15px; margin-top: 0; }

/* ---------- About Us — unique template ---------- */
.woa-about__hero{ background: var(--woa-dark); padding: 70px 0 60px; position: relative; overflow: hidden; }
.woa-about__hero::after{ content:""; position:absolute; right:-80px; top:-80px; width:280px; height:280px; border-radius:50%; background: var(--woa-primary); opacity:.15; }
.woa-about__hero-inner{ max-width: 720px; position: relative; z-index: 1; }
.woa-about__eyebrow{ display:inline-block; color: var(--woa-primary); font-weight:700; font-size:12.5px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:14px; }
.woa-about__hero h1{ color:#fff; font-size:42px; margin:0 0 14px; }
.woa-about__lede{ color:#cfd3d8; font-size:18px; line-height:1.7; margin:0; }
.woa-about__body{ max-width: 900px; padding: 60px 20px 80px; }
.woa-about__custom-content{ font-size:17px; line-height:1.8; color:#000; margin-bottom: 40px; }
.woa-about__mission, .woa-about__standards{ display:flex; gap:26px; margin: 50px 0; align-items:flex-start; }
.woa-about__mission-num{ font-family: var(--font-display); font-size:52px; font-weight:800; color: var(--woa-primary); line-height:1; flex-shrink:0; }
.woa-about__mission h2, .woa-about__standards h2{ font-size:24px; margin-bottom:10px; }
.woa-about__mission p, .woa-about__standards p{ color:#000; font-size:17px; line-height:1.75; margin:0; }
.woa-about__stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; background: var(--woa-bg-soft); border-radius:10px; padding:34px 20px; margin:50px 0; text-align:center; }
.woa-about__stat span{ display:block; font-family: var(--font-display); font-size:38px; font-weight:800; color: var(--woa-primary); }
.woa-about__stat p{ margin:6px 0 0; font-size:13.5px; color: var(--woa-muted); text-transform:uppercase; letter-spacing:.04em; }
.woa-about__coverage{ margin: 55px 0; }
.woa-about__coverage h2{ font-size:26px; border-bottom:2px solid var(--woa-ink); padding-bottom:12px; margin-bottom:26px; }
.woa-about__coverage-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.woa-about__coverage-card{ border:1px solid var(--woa-border); border-radius:8px; padding:22px; transition: border-color .15s ease; }
.woa-about__coverage-card:hover{ border-color: var(--woa-primary); }
.woa-about__coverage-num{ display:block; font-family: var(--font-display); font-size:22px; font-weight:800; color: var(--woa-primary); margin-bottom:8px; }
.woa-about__coverage-card h3{ font-size:16.5px; margin:0 0 6px; }
.woa-about__coverage-card p{ font-size:13.5px; color: var(--woa-muted); margin:0; line-height:1.6; }
.woa-about__cta{ background: var(--woa-dark); border-radius:10px; padding:40px; text-align:center; margin-top:60px; }
.woa-about__cta h2{ color:#fff; font-size:24px; margin-bottom:6px; }
.woa-about__cta p{ color:#b8bcc3; margin:0 0 20px; }
.woa-about__cta .woa-newsletter{ max-width:420px; margin:0 auto; }
.woa-about__cta .woa-newsletter__form input{ background:#fff; }

/* ---------- Contact Us — unique template ---------- */
.woa-contact__hero{ background: var(--woa-dark); padding: 70px 0 50px; position: relative; overflow: hidden; }
.woa-contact__hero::after{ content:""; position:absolute; left:-60px; bottom:-100px; width:260px; height:260px; border-radius:50%; background: var(--woa-primary); opacity:.15; }
.woa-contact__hero-inner{ max-width: 680px; position: relative; z-index: 1; }
.woa-contact__hero h1{ color:#fff; font-size:40px; margin:0 0 14px; }
.woa-contact__desks{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:-38px; position:relative; z-index:2; }
.woa-contact__desk{ background:#fff; border:1px solid var(--woa-border); box-shadow: 0 10px 30px rgba(16,20,24,.08); border-radius:10px; padding:24px; }
.woa-contact__desk h3{ font-size:16px; margin:6px 0; }
.woa-contact__desk p{ font-size:13.5px; color: var(--woa-muted); margin:0; }
.woa-contact-layout{ display: grid; grid-template-columns: 2fr 1fr; gap: 40px; margin-top: 60px; padding-bottom: 70px; max-width: none; }
.woa-contact__form-title{ font-size:24px; margin-bottom:20px; }
.woa-contact-form__row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.woa-contact-form label{ display:block; margin-bottom:16px; font-weight:600; font-size:14px; color:#000; }
.woa-contact-form input, .woa-contact-form textarea{ width:100%; margin-top:6px; padding:12px; border:1px solid var(--woa-border); border-radius:4px; font-family: var(--font-body); font-size:15px; color:#000; }
.woa-honeypot{ position:absolute; left:-9999px; }
.woa-form-notice{ padding:12px 16px; border-radius:4px; margin-bottom:16px; font-size:14px; }
.woa-form-notice.is-success{ background:#e7f6ec; color:#1c7a3b; }
.woa-form-notice.is-error{ background:#fdeceb; color:#b3261e; }
.woa-contact-info{ background: var(--woa-bg-soft); padding:26px; border-radius:8px; height:fit-content; }
.woa-contact-info h3{ font-size:15px; margin-top:0; color:#000; }
.woa-contact-info p{ color:#000; }
.woa-contact-info__note{ margin-top:20px; padding-top:16px; border-top:1px solid var(--woa-border); }
.woa-contact-info__note p{ font-size:13px; color: var(--woa-muted); }

/* ---------- 404 ---------- */
.woa-404{ text-align: center; padding: 100px 0; }
.woa-404 h1{ font-size: 90px; color: var(--woa-primary); margin: 0; }

/* ---------- Comments ---------- */
.woa-comments{ margin-top: 50px; border-top: 1px solid var(--woa-border); padding-top: 30px; }
.woa-comment-list{ margin-bottom: 30px; }
.woa-comments textarea, .woa-comments input[type="text"], .woa-comments input[type="email"], .woa-comments input[type="url"]{
	width: 100%; padding: 10px; border: 1px solid var(--woa-border); border-radius: 4px; margin-bottom: 12px;
}

/* ---------- Dashboard (wp-admin) ---------- */
.woa-dashboard .woa-dash-header{ background: var(--woa-dark); color: #fff; padding: 30px; border-radius: 8px; margin-bottom: 24px; }
.woa-dashboard .woa-dash-header h1{ color: #fff; }
.woa-dashboard .woa-dash-header .button-hero{ background: var(--woa-primary); border-color: var(--woa-primary); margin-top: 14px; }
.woa-dash-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.woa-dash-card{ background: #fff; border: 1px solid #e2e2e2; border-radius: 8px; padding: 18px; }
.woa-dash-card--wide{ grid-column: 1 / -1; }
.woa-dash-row{ display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #f0f0f0; gap: 10px; }
.woa-badge{ font-size: 11px; padding: 3px 8px; border-radius: 20px; font-weight: 700; }
.woa-badge.pending{ background: #fff3e0; color: #b3660a; }
.woa-badge.live{ background: #e7f6ec; color: #1c7a3b; }
.woa-empty{ color: #888; font-size: 13px; }
.woa-meta{ font-size: 12px; color: #888; }

/* =========================================================
   Responsive — Mobile & Tablet
   ========================================================= */
@media (max-width: 960px){
	.woa-hero__inner{ grid-template-columns: 1fr; }
	.woa-section__grid, .woa-related__grid{ grid-template-columns: repeat(2, 1fr); }
	.woa-single__layout{ grid-template-columns: 1fr; }
	.woa-single__sidebar{ order: -1; }
	.woa-footer__top{ grid-template-columns: 1fr 1fr; }
	.woa-contact-layout{ grid-template-columns: 1fr; }
	.woa-about__coverage-grid{ grid-template-columns: repeat(2, 1fr); }
	.woa-contact__desks{ grid-template-columns: 1fr; margin-top: 20px; }
	.woa-about__stats{ grid-template-columns: 1fr; }
}

@media (max-width: 720px){
	.woa-header__nav{ position: fixed; top: 0; right: -100%; width: 78%; max-width: 320px; height: 100vh; background: #fff; flex-direction: column; padding: 90px 24px 24px; transition: right .25s ease; box-shadow: -6px 0 24px rgba(0,0,0,.08); }
	.woa-header__nav.is-open{ right: 0; }
	.woa-menu{ flex-direction: column; gap: 4px; align-items: flex-start; }
	.woa-menu a{ display: block; width: 100%; padding: 12px 0; border-bottom: 1px solid var(--woa-border); }
	.woa-menu-toggle{ display: flex; }
	.woa-section__grid, .woa-related__grid{ grid-template-columns: 1fr; }
	.woa-footer__top{ grid-template-columns: 1fr; padding: 40px 20px; }
	.woa-single__title{ font-size: 28px; }
	.woa-single__subtitle{ font-size: 16px; }
	.woa-newsletter-band{ padding: 26px; }
	.woa-newsletter-band__inner{ flex-direction: column; align-items: stretch; }
	.woa-newsletter__form{ flex-direction: column; }
	.woa-dash-grid{ grid-template-columns: 1fr; }
	.woa-topbar__inner{ flex-direction: column; align-items: flex-start; gap: 4px; }
	.woa-about__hero h1, .woa-contact__hero h1{ font-size: 30px; }
	.woa-about__coverage-grid{ grid-template-columns: 1fr; }
	.woa-contact-form__row{ grid-template-columns: 1fr; }
	.woa-about__mission, .woa-about__standards{ flex-direction: column; gap: 10px; }
	.woa-single__content p.woa-drop-cap::first-letter{ font-size: 54px; }
}

@media (max-width: 480px){
	.woa-container{ padding: 0 16px; }
	.woa-logo-img{ height: 32px; }
	.woa-404 h1{ font-size: 60px; }
}