:root{
--forest:#8f151b;--forest2:#b51d24;--leaf:#c82127;--sage:#faecee;--cream:#ffffff;--ink:#1d2420;--muted:#667169;--line:#e3e9e4;--white:#fff;--container:1160px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}a:hover{color:var(--leaf)}
.container{width:min(calc(100% - 32px),var(--container));margin-inline:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{background:var(--forest);color:#f9dfe1;font-size:12px}.topbar__inner{height:30px;display:flex;align-items:center;justify-content:space-between}
.masthead{height:98px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{text-align:center}.brand-text{font-family:Georgia,'Times New Roman',serif;font-size:44px;font-weight:700;letter-spacing:-1.5px}.brand-text span{color:var(--forest2)}.brand-tagline{margin-top:4px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.custom-logo{max-height:68px;max-width:310px;width:auto}
.header-right{justify-self:end;display:flex;align-items:center;gap:9px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:20px;cursor:pointer}.paper-link{padding:10px 14px;background:var(--forest);color:#fff;border-radius:20px;font-size:12px;font-weight:800}
.primary-nav{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.primary-menu{height:48px;list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:27px;font-size:13px;font-weight:800;overflow-x:auto;white-space:nowrap}
.search-panel{background:var(--sage);padding:12px 0;border-bottom:1px solid var(--line)}.search-form{display:flex;gap:8px}.search-field{flex:1;min-width:0;border:1px solid #d7d7d7;padding:12px 14px;border-radius:7px;font-size:16px}.search-form button,.button{border:0;background:var(--forest);color:#fff;padding:12px 18px;border-radius:7px;font-weight:800}
.mobile-drawer{position:fixed;inset:0;background:rgba(13,34,24,.5);z-index:100;opacity:0;visibility:hidden;transition:.18s}.mobile-drawer.is-open{opacity:1;visibility:visible}.mobile-drawer__panel{position:absolute;left:0;top:0;width:min(86vw,360px);height:100%;background:#fff;padding:86px 26px 30px;transform:translateX(-100%);transition:.22s}.mobile-drawer.is-open .mobile-drawer__panel{transform:none}.drawer-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:26px}.drawer-brand{position:absolute;left:26px;top:28px;font-family:Georgia,serif;font-size:23px;font-weight:700;color:var(--forest)}.mobile-menu{list-style:none;padding:0;margin:0}.mobile-menu li{border-bottom:1px solid var(--line)}.mobile-menu a{display:block;padding:15px 0;font-size:18px;font-weight:700}.drawer-open{overflow:hidden}
.climate-brief{background:#fff1f2;border-bottom:1px solid #f0cfd2}.climate-brief .container{min-height:40px;display:flex;gap:12px;align-items:center;font-size:13px}.climate-brief strong{color:var(--forest2);font-size:11px;letter-spacing:.1em}
.ad-slot{min-height:72px;border:1px dashed #d0d0d0;margin:14px auto 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--muted);overflow:hidden}.ad-slot span{text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.topic-strip{margin-top:18px;padding:11px 14px;border:1px solid var(--line);border-left:4px solid var(--leaf);display:flex;align-items:center;gap:18px;background:#fff}.topic-strip strong{font-size:11px;letter-spacing:.12em;color:var(--forest);white-space:nowrap}.topic-strip div{display:flex;gap:17px;flex-wrap:wrap;font-size:12px;font-weight:700;color:var(--muted)}
.section{padding:30px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-heading h2{font-family:Georgia,'Times New Roman',serif;margin:0;font-size:29px}.section-heading h2:after{content:"";display:block;width:46px;height:3px;background:var(--leaf);margin-top:8px}.section-heading>a{font-size:13px;font-weight:800;color:var(--leaf)}
.hero-grid{display:grid;grid-template-columns:1.65fr .85fr;gap:24px}.hero-lead__image{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:var(--sage)}.hero-lead__image img{width:100%;height:100%;object-fit:cover}.hero-lead h1{font-family:Georgia,'Times New Roman',serif;font-size:42px;line-height:1.05;letter-spacing:-1px;margin:9px 0}.hero-lead p{font-size:16px;line-height:1.55;color:var(--muted);margin:0 0 8px}.hero-rail{display:grid;gap:13px;align-content:start}
.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:var(--leaf);margin:8px 0 5px}.meta{font-size:11px;color:var(--muted)}
.compact-item{display:grid;grid-template-columns:112px 1fr;gap:11px;padding-bottom:12px;border-bottom:1px solid var(--line)}.compact-item:last-child{border-bottom:0}.compact-item__image{aspect-ratio:1.45/1;overflow:hidden;border-radius:8px;background:var(--sage)}.compact-item__image img{width:100%;height:100%;object-fit:cover}.compact-item h3{font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.2;margin:2px 0 6px}
.latest-list{display:grid;grid-template-columns:1fr 1fr;column-gap:26px}.latest-item{display:grid;grid-template-columns:44px 96px 1fr;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.latest-item:nth-child(-n+2){border-top:0}.latest-item__time{font-size:11px;color:var(--muted)}.latest-item__thumb{aspect-ratio:1.5/1;overflow:hidden;border-radius:7px;background:var(--sage)}.latest-item__thumb img{width:100%;height:100%;object-fit:cover}.latest-item h3{font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.2;margin:0}
.news-card__image{display:block;aspect-ratio:1.55/1;overflow:hidden;border-radius:10px;background:var(--sage)}.news-card__image img{width:100%;height:100%;object-fit:cover}.news-card h3{font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:1.18;margin:7px 0}.news-card p{font-size:14px;line-height:1.5;color:var(--muted);margin:7px 0}.placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,var(--forest),var(--forest2));color:#fff;font-weight:900}
.category-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.category-lead .news-card h3{font-size:27px}.category-side{display:grid;gap:12px;align-content:start}
.archive-page{padding:36px 0 58px}.archive-header{padding:17px 19px;border:1px solid var(--line);border-left:5px solid var(--leaf);border-radius:10px;background:#fff;margin-bottom:22px}.archive-kicker{text-transform:uppercase;color:var(--leaf);font-size:11px;letter-spacing:.12em;font-weight:900}.archive-header h1{font-family:Georgia,'Times New Roman',serif;font-size:38px;margin:5px 0}.archive-description{max-width:760px;color:var(--muted)}
.archive-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:28px}.archive-feature__image{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:12px;background:var(--sage)}.archive-feature__image img{width:100%;height:100%;object-fit:cover}.archive-feature h2{font-family:Georgia,'Times New Roman',serif;font-size:33px;line-height:1.07;margin:7px 0}.archive-feature p{font-size:15px;color:var(--muted);line-height:1.55}
.archive-stream{display:grid;align-content:start}.archive-stream.full{max-width:860px}.archive-stream__item{display:grid;grid-template-columns:155px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.archive-stream__image{aspect-ratio:1.5/1;overflow:hidden;border-radius:8px;background:var(--sage)}.archive-stream__image img{width:100%;height:100%;object-fit:cover}.archive-stream__item h2{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.18;margin:3px 0 6px}.archive-stream__item p{font-size:12px;line-height:1.45;color:var(--muted);margin:0 0 6px}
.pagination{padding-top:26px}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.page-numbers{border:1px solid var(--line);padding:8px 12px;border-radius:5px}.page-numbers.current{background:var(--forest);color:#fff}
.single-wrap{padding:34px 0 50px}.single-grid{display:grid;grid-template-columns:minmax(0,800px) 280px;gap:44px;justify-content:center}.article-header{padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--line)}.article-title{font-family:Georgia,'Times New Roman',serif;font-size:48px;line-height:1.04;letter-spacing:-1.2px;margin:8px 0 13px}.standfirst{font-size:19px;line-height:1.5;color:#4f5b54;margin:0 0 14px}.article-meta{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.article-meta a{font-weight:800}.share-row{display:flex;gap:7px;flex-wrap:wrap;padding-top:12px}.share-row a{border:1px solid var(--line);padding:7px 10px;border-radius:5px;font-size:12px;font-weight:800}
.article-featured{margin:0 0 22px}.article-featured img{width:100%;height:auto;border-radius:10px}.article-featured figcaption{font-size:11px;color:var(--muted);margin-top:6px}.article-content{font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.82;max-width:730px}.article-content p{margin:0 0 1.22em}.article-content h2,.article-content h3{font-family:Arial,Helvetica,sans-serif;line-height:1.25;margin-top:1.6em}.article-content a{text-decoration:underline;text-underline-offset:2px}.article-content blockquote{border-left:4px solid var(--leaf);margin:1.4em 0;padding:.2em 0 .2em 1.1em;font-size:1.16em}.article-content table{display:block;overflow-x:auto;width:100%;border-collapse:collapse}.article-content th,.article-content td{border:1px solid var(--line);padding:8px}.tags{margin-top:22px;padding-top:13px;border-top:1px solid var(--line)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.compact-headlines{list-style:none;padding:0;margin:0}.compact-headlines li{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:12px 0;font-weight:800}.compact-headlines span{font-size:11px;color:var(--muted);font-weight:400;white-space:nowrap}.widget{border:1px solid var(--line);background:#fff;border-radius:8px;padding:15px;margin-bottom:16px}
.author-header{display:flex;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);background:#fff;border-left:5px solid var(--leaf);border-radius:10px;margin-bottom:22px}.author-avatar img{border-radius:50%}.author-header h1{font-family:Georgia,'Times New Roman',serif;margin:4px 0}.author-header p{color:var(--muted);margin:0}
.page-wrap{padding:36px 0 58px;max-width:820px}.error-page{padding:90px 0;text-align:center}.error-code{font-size:88px;font-weight:900;color:#d4ddd6}
.site-footer{background:linear-gradient(180deg,#8f151b,#0e3123);color:#dce8e0;margin-top:28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:42px 0}.footer-brand{font-family:Georgia,'Times New Roman',serif;font-size:32px;color:#fff}.site-footer h3{color:#fff}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:8px 0}.site-footer p{color:#b9cbc0;line-height:1.6;font-size:14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:15px 0;font-size:12px;color:#a7bcae}
ins.adsbygoogle:empty{display:none!important}.ad-slot:has(ins.adsbygoogle:empty){min-height:0!important;border:0!important;margin:0!important;padding:0!important}

@media(max-width:900px){
.topbar{display:none}.masthead{height:78px}.custom-logo{max-height:56px}.paper-link{display:none}.primary-nav{display:none}.hero-grid{grid-template-columns:1fr}.hero-rail{grid-template-columns:1fr 1fr}.latest-list{grid-template-columns:1fr}.latest-item:nth-child(2){border-top:1px solid var(--line)}.category-grid{grid-template-columns:1fr}.category-side{grid-template-columns:1fr 1fr}.archive-layout{grid-template-columns:1fr}.single-grid{grid-template-columns:1fr}.article-sidebar{display:none}
}
@media(max-width:620px){
.container{width:min(calc(100% - 24px),var(--container))}.masthead{height:70px}.brand-text{font-size:31px}.brand-tagline{font-size:8px}.custom-logo{max-height:48px;max-width:220px}.icon-btn{width:39px;height:39px}.topic-strip{margin-top:10px;padding:9px 10px;overflow-x:auto}.topic-strip div{flex-wrap:nowrap;white-space:nowrap}.section{padding:23px 0}.hero-lead h1{font-size:30px;line-height:1.08}.hero-lead p{font-size:14px}.hero-rail{grid-template-columns:1fr}.compact-item{grid-template-columns:108px 1fr}.compact-item h3{font-size:15px}.section-heading h2{font-size:24px}.latest-item{grid-template-columns:38px 76px 1fr;gap:8px}.latest-item h3{font-size:14px}.category-lead .news-card h3{font-size:22px}.category-side{grid-template-columns:1fr}.archive-header h1{font-size:29px}.archive-feature h2{font-size:25px}.archive-stream__item{grid-template-columns:118px 1fr;gap:11px}.archive-stream__item h2{font-size:17px}.archive-stream__item p{display:none}.article-title{font-size:32px;line-height:1.08}.standfirst{font-size:17px}.article-content{font-size:18px;line-height:1.8;max-width:none}.article-featured{margin-inline:-12px}.article-featured img{border-radius:0}.related-grid{grid-template-columns:1fr 1fr}.related-grid .news-card:last-child{display:none}.compact-headlines li{display:block}.compact-headlines span{display:block;margin-top:4px}.footer-grid{grid-template-columns:1fr;gap:22px;padding:34px 0}
}
/* Green Post Climate Magazine v2 */
body{background:#f7f7f4}.site-header{background:#f7f7f4}.utility-nav{border-top:1px solid #4f574f;border-bottom:1px solid #4f574f;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.utility-nav nav{display:flex;gap:24px;align-items:center}.utility-nav a{font-size:15px;font-weight:800}.utility-nav__left a{color:#c82127}.utility-nav__right a{color:#111}.menu-inline{border:0;background:transparent;font-size:26px;cursor:pointer}.masthead--v2{height:165px;grid-template-columns:1.4fr 1fr auto;border-bottom:1px solid #4f574f}.brand--v2{text-align:left;justify-self:start}.brand-text--v2{font-family:Arial,Helvetica,sans-serif;font-size:52px;font-weight:900;letter-spacing:-2.2px;color:#111}.masthead__statement{max-width:430px;font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.3}.section-heading--plain h2{font-family:Arial,Helvetica,sans-serif;font-size:19px;font-weight:900;letter-spacing:-.2px}.section-heading--plain h2:after{display:none}.section-heading--plain{border-top:1px solid #555;padding-top:10px}.top-stories__grid{display:grid;grid-template-columns:1.2fr .7fr .7fr;gap:24px}.top-lead{grid-column:1/2}.top-lead__image,.top-side__image,.latest-card__image,.location-card__image,.project-card__image,.topic-main-image,.category-feature__image,.category-list__image{display:block;overflow:hidden;background:#ecefe9}.top-lead__image{aspect-ratio:16/11}.top-lead__image img,.top-side__image img,.latest-card__image img,.location-card__image img,.project-card__image img,.topic-main-image img,.category-feature__image img,.category-list__image img{width:100%;height:100%;object-fit:cover}.top-lead h1{font-family:Georgia,'Times New Roman',serif;font-size:31px;line-height:1.08;margin:8px 0 6px}.top-side{grid-column:2/4;display:grid;grid-template-columns:1fr 1fr;gap:22px}.top-side__card h2{font-family:Georgia,'Times New Roman',serif;font-size:24px;line-height:1.05;margin:8px 0 6px}.top-side__card p{font-size:14px;line-height:1.45;margin:0 0 8px}.byline{font-size:12px;color:#111}.latest-grid-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 18px}.latest-card__image{aspect-ratio:1.5/1}.latest-card h3{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.1;margin:8px 0 6px}.location-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.location-card{border:1px solid #e0e0dc;background:#fff}.location-label{background:#dff2e6;padding:7px 10px;color:#1c6e43;font-size:12px;font-weight:900;text-transform:uppercase}.location-card__image{aspect-ratio:1.5/1}.location-card h3{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.08;padding:0 10px;margin:9px 0 6px}.location-card .byline{padding:0 10px 12px}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project-card__image{aspect-ratio:1.5/1;filter:saturate(.7)}.project-card__body{background:#f6c153;padding:9px 10px;min-height:58px;display:flex;flex-direction:column;font-size:14px;line-height:1.2}.content-sidebar-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px}.topic-section__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;align-items:start}.topic-main-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.08;margin:6px 0 7px}.topic-main-copy p{font-size:14px;line-height:1.45}.topic-links{list-style:none;padding:10px 0 0;margin:12px 0 0;border-top:1px solid #999}.topic-links li{padding:7px 0;font-family:Georgia,'Times New Roman',serif;font-size:15px}.topic-main-image{aspect-ratio:16/10}.home-sidebar{padding-top:30px}.sidebar-block{margin-bottom:34px}.popular-list{list-style:none;counter-reset:pop;padding:0;margin:0}.popular-list li{counter-increment:pop;display:grid;grid-template-columns:26px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid #ddd;font-family:Georgia,'Times New Roman',serif;font-size:15px}.popular-list li:before{content:counter(pop);width:22px;height:22px;border-radius:50%;background:#dff2e6;display:grid;place-items:center;font-family:Arial;font-size:11px}.archive-header--v2{background:none;border:0;border-radius:0;padding:0 0 12px;margin-bottom:20px;border-bottom:1px solid #555}.archive-header--v2 h1{font-family:Arial,Helvetica,sans-serif;font-size:42px;margin:0}.category-v2{display:grid;grid-template-columns:1.05fr .95fr;gap:28px}.category-feature__image{aspect-ratio:16/10}.category-feature h2{font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1.06;margin:8px 0}.category-list__item{display:grid;grid-template-columns:165px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid #ddd}.category-list__image{aspect-ratio:1.45/1}.category-list__item h2{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.08;margin:4px 0 6px}.article-shell-v2{max-width:1000px}.article-v2{max-width:900px;margin:auto}.article-header-v2{max-width:820px;margin:0 auto 22px}.article-header-v2 h1{font-family:Georgia,'Times New Roman',serif;font-size:52px;line-height:1.02;margin:8px 0 14px}.article-byline-v2{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:13px 0;border-top:1px solid #bbb;border-bottom:1px solid #bbb}.author-line{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.author-line img{border-radius:50%}.article-dates{font-size:12px;color:#666}.article-featured-v2{margin:0 auto 24px;max-width:900px}.article-featured-v2 img{width:100%;height:auto}.article-main-v2{display:grid;grid-template-columns:44px minmax(0,700px);gap:18px;justify-content:center}.share-column{display:flex;flex-direction:column;gap:8px}.share-column a{width:34px;height:34px;border:1px solid #ccc;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:12px}.article-content-v2{max-width:700px;font-size:19px;line-height:1.84}@media(max-width:900px){.utility-nav{display:none}.masthead--v2{height:100px;grid-template-columns:1fr auto}.masthead__statement{display:none}.top-stories__grid{grid-template-columns:1fr}.top-side{grid-column:auto;grid-template-columns:1fr 1fr}.latest-grid-v2{grid-template-columns:repeat(2,1fr)}.location-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.content-sidebar-layout{grid-template-columns:1fr}.home-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:24px}.category-v2{grid-template-columns:1fr}.article-header-v2 h1{font-size:42px}}@media(max-width:620px){.masthead--v2{height:78px}.brand-text--v2{font-size:32px}.top-side{grid-template-columns:1fr}.latest-grid-v2{grid-template-columns:1fr 1fr;gap:22px 12px}.latest-card h3{font-size:16px}.location-grid,.projects-grid{grid-template-columns:1fr 1fr}.content-sidebar-layout{display:block}.home-sidebar{display:block}.topic-section__grid{grid-template-columns:1fr}.category-list__item{grid-template-columns:115px 1fr;gap:10px}.category-list__item h2{font-size:17px}.category-list__item p{display:none}.article-header-v2 h1{font-size:32px;line-height:1.06}.article-byline-v2{display:block}.article-dates{margin-top:8px}.article-main-v2{display:block}.share-column{flex-direction:row;margin-bottom:12px}.article-content-v2{font-size:18px;line-height:1.8}}


/* v2.1 existing-category homepage refinements */
.business-highlight .project-card__body{
	background:#dff2e6;
	color:#163c29;
}
.business-highlight .project-card__body strong{
	color:#a71920;
	text-transform:uppercase;
	letter-spacing:.06em;
}
.topic-section .section-heading--plain{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.topic-section .section-heading--plain>a{
	font-size:12px;
	font-weight:800;
	color:#c82127;
}
@media(max-width:620px){
	.utility-nav{display:none}
	.projects-grid{grid-template-columns:1fr 1fr}
	.business-highlight .project-card__body{min-height:72px}
}


/* ===== Green Post v2.2 refinements ===== */

/* Sticky scrolling masthead similar to specialist climate publications */
.site-header{
	position:sticky;
	top:0;
	z-index:80;
	box-shadow:0 1px 0 rgba(0,0,0,.08);
}
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
.masthead--v2{height:108px}
.utility-nav{min-height:48px}
.brand-text--v2{font-size:46px}
.custom-logo{max-height:58px}
.masthead__statement{font-size:17px}
.site-header.is-compact .masthead--v2{height:70px}
.site-header.is-compact .masthead__statement{font-size:14px}
.site-header,.masthead--v2,.brand-text--v2,.custom-logo,.masthead__statement{transition:.18s ease}

/* Section banner above category/article heading */
.section-banner{
	height:120px;
	margin:20px 0 22px;
	background:
		linear-gradient(90deg,rgba(18,61,43,.94),rgba(31,95,67,.82)),
		linear-gradient(135deg,#7f161b,#c82127);
	color:#fff;
	display:flex;
	align-items:flex-end;
	padding:22px 26px;
	overflow:hidden;
	position:relative;
}
.section-banner:after{
	content:"";
	position:absolute;
	right:-80px;
	top:-100px;
	width:300px;
	height:300px;
	border:1px solid rgba(255,255,255,.18);
	border-radius:50%;
}
.section-banner__inner{position:relative;z-index:1}
.section-banner__inner span{
	display:block;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:.12em;
	opacity:.8;
	margin-bottom:4px;
}
.section-banner__inner strong{
	font-family:Georgia,'Times New Roman',serif;
	font-size:28px;
	line-height:1.05;
}

/* Category page with Inside Climate News-style right rail */
.archive-content-grid{
	display:grid;
	grid-template-columns:minmax(0,1fr) 280px;
	gap:34px;
	align-items:start;
}
.archive-main{min-width:0}
.category-v22{display:block}
.category-feature{
	display:grid;
	grid-template-columns:.9fr 1.1fr;
	gap:20px;
	padding-bottom:22px;
	border-bottom:1px solid #777;
}
.category-feature__image{grid-row:1/6;aspect-ratio:16/10}
.category-feature h2{font-size:30px}
.category-list--full{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
.category-list--full .category-list__item{
	grid-template-columns:125px 1fr;
}
.archive-header--v2 h1{font-size:34px}

/* Editorial sidebar */
.editorial-sidebar{
	position:sticky;
	top:178px;
	align-self:start;
}
.admin-bar .editorial-sidebar{top:210px}
.sidebar-block{
	padding-top:10px;
	border-top:1px solid #555;
	margin-bottom:28px;
}
.sidebar-block .section-heading--plain{border-top:0;padding-top:0;margin-bottom:12px}
.sidebar-block .section-heading--plain h2{font-size:15px}
.sidebar-mini-list{display:grid;gap:14px}
.sidebar-mini{
	display:grid;
	grid-template-columns:1fr 72px;
	gap:10px;
	align-items:start;
	padding-bottom:12px;
	border-bottom:1px solid #ddd;
}
.sidebar-mini__image{grid-column:2;grid-row:1}
.sidebar-mini__image img{width:72px;height:52px;object-fit:cover}
.sidebar-mini h4{
	font-family:Georgia,'Times New Roman',serif;
	font-size:14px;
	line-height:1.16;
	margin:0 0 4px;
	font-weight:700;
}
.sidebar-mini span{font-size:10px;color:#777}
.sidebar-label{
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:.09em;
	color:#777;
	margin-bottom:8px;
}
.sidebar-ad-block{
	min-height:90px;
}
.sidebar-share{display:flex;gap:7px;flex-wrap:wrap}
.sidebar-share a{
	border:1px solid #999;
	padding:6px 8px;
	font-size:11px;
	font-weight:700;
}

/* Single article with right sidebar */
.article-shell-v22{max-width:1050px}
.single-content-grid{
	display:grid;
	grid-template-columns:minmax(0,760px) 250px;
	gap:34px;
	align-items:start;
}
.article-header-v2{max-width:none}
.article-featured-v2{max-width:none}
.article-main-v2{grid-template-columns:44px minmax(0,650px);justify-content:start}
.article-content-v2{max-width:650px}

/* World block no yellow "project" feel */
.world-highlight .project-card__body{
	background:#faecee;
	color:#7f161b;
}
.world-highlight .project-card__body strong{
	color:#a71920;
	text-transform:uppercase;
	letter-spacing:.06em;
}

/* Homepage alignment */
.latest-grid-section .section-heading--plain,
.pakistan-climate .section-heading--plain,
.projects-section .section-heading--plain{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.latest-grid-section .section-heading--plain>a,
.pakistan-climate .section-heading--plain>a,
.projects-section .section-heading--plain>a{
	color:#c82127;
	font-weight:800;
	font-size:12px;
}

@media(max-width:1000px){
	.archive-content-grid,.single-content-grid{grid-template-columns:1fr}
	.editorial-sidebar{position:static}
	.editorial-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:24px}
	.category-list--full{grid-template-columns:1fr}
}
@media(max-width:700px){
	.site-header{position:relative;top:auto!important}
	.section-banner{height:90px;margin-top:10px;padding:16px}
	.section-banner__inner strong{font-size:23px}
	.category-feature{grid-template-columns:1fr}
	.category-feature__image{grid-row:auto}
	.editorial-sidebar{display:block}
	.single-content-grid{display:block}
	.article-main-v2{display:block}
	.category-list--full .category-list__item{grid-template-columns:110px 1fr}
}


/* ===== Green Post v2.3 requested refinements ===== */

/* Homepage category titles are clickable */
.section-heading--plain h2 a{
	color:inherit;
	text-decoration:none;
}
.section-heading--plain h2 a:hover{
	color:#c82127;
}

/* Category page: stronger image-first newsroom grid */
.archive-description--standalone{
	max-width:760px;
	margin:-6px 0 18px;
	font-size:14px;
	line-height:1.5;
	color:#667169;
}
.category-v23{display:block}
.category-feature-v23{
	padding-bottom:26px;
	border-bottom:1px solid #666;
	margin-bottom:22px;
}
.category-feature-v23__image{
	display:block;
	width:100%;
	aspect-ratio:16/8.7;
	overflow:hidden;
	background:#f2f2f2;
}
.category-feature-v23__image img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.category-feature-v23 h1{
	font-family:Georgia,'Times New Roman',serif;
	font-size:36px;
	line-height:1.05;
	margin:10px 0 0;
	letter-spacing:-.6px;
}
.category-card-grid-v23{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:30px 22px;
}
.category-card-v23{
	border-bottom:1px solid #ddd;
	padding-bottom:20px;
}
.category-card-v23__image{
	display:block;
	width:100%;
	aspect-ratio:16/10;
	overflow:hidden;
	background:#f2f2f2;
}
.category-card-v23__image img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.category-card-v23 h2{
	font-family:Georgia,'Times New Roman',serif;
	font-size:22px;
	line-height:1.08;
	margin:9px 0 0;
}
.archive-page--v23 .section-banner{
	margin-bottom:18px;
}

/* Pre-footer environmental banner */
.prefooter-banner{
	background:#f7f7f7;
	border-top:1px solid #dddddd;
	padding:32px 0;
}
.prefooter-banner__grid{
	min-height:250px;
	display:grid;
	grid-template-columns:.82fr 1.18fr;
	background:#fff;
	border:1px solid #dddddd;
	overflow:hidden;
}
.prefooter-banner__copy{
	padding:34px 36px;
	align-self:center;
	position:relative;
	z-index:2;
}
.prefooter-banner__copy>span{
	font-size:10px;
	font-weight:900;
	letter-spacing:.13em;
	color:#a71920;
}
.prefooter-banner__copy h2{
	font-family:Georgia,'Times New Roman',serif;
	font-size:31px;
	line-height:1.08;
	margin:8px 0 10px;
}
.prefooter-banner__copy p{
	color:#5f6c63;
	line-height:1.55;
	font-size:14px;
	max-width:520px;
}
.prefooter-banner__button{
	display:inline-block;
	margin-top:6px;
	padding:10px 15px;
	background:#8f151b;
	color:#fff;
	font-size:12px;
	font-weight:800;
}
.prefooter-banner__button:hover{color:#fff;background:#b51d24}
.prefooter-banner__visual{
	position:relative;
	overflow:hidden;
	background:linear-gradient(180deg,#f4d7d9 0%,#fafafa 50%,#f0d2d5 100%);
}
.prefooter-sun{
	position:absolute;
	right:18%;
	top:18%;
	width:82px;
	height:82px;
	border-radius:50%;
	background:#f1c454;
	opacity:.92;
}
.prefooter-hill{
	position:absolute;
	bottom:-35%;
	border-radius:50% 50% 0 0;
}
.prefooter-hill--one{
	left:-8%;
	width:90%;
	height:78%;
	background:#c85b61;
	transform:rotate(-6deg);
}
.prefooter-hill--two{
	right:-15%;
	width:95%;
	height:68%;
	background:#2f6f48;
	transform:rotate(8deg);
}

/* Footer social icons */
.footer-social{
	display:flex;
	gap:10px;
	margin-top:18px;
	flex-wrap:wrap;
}
.footer-social a{
	width:34px;
	height:34px;
	border:1px solid rgba(255,255,255,.34);
	border-radius:50%;
	display:grid;
	place-items:center;
	color:#fff;
	font-size:14px;
	font-weight:800;
}
.footer-social a:hover{
	background:#fff;
	color:#8f151b;
}

/* Slightly larger category main column */
.archive-content-grid{
	grid-template-columns:minmax(0,1fr) 270px;
	gap:34px;
}

@media(max-width:1000px){
	.category-feature-v23 h1{font-size:31px}
}
@media(max-width:700px){
	.category-card-grid-v23{grid-template-columns:1fr}
	.category-feature-v23 h1{font-size:27px}
	.category-card-v23 h2{font-size:20px}
	.prefooter-banner__grid{grid-template-columns:1fr}
	.prefooter-banner__visual{min-height:180px}
	.prefooter-banner__copy{padding:26px 22px}
	.prefooter-banner__copy h2{font-size:27px}
}

/* v2.4 pre-footer advertisement */
.prefooter-ad{
	background:#fff;
	padding:8px 16px;
	border-top:1px solid #e1e5e2;
}
.prefooter-ad img{
	max-width:970px;
	width:100%;
	height:auto;
}


/* v2.5 — AdSense banner above menu */
.header-adsense-banner{
	border-top:1px solid #4f574f;
	border-bottom:1px solid #4f574f;
	padding:8px 0;
	min-height:20px;
	text-align:center;
	background:#f7f7f4;
	overflow:hidden;
}
.header-adsense-banner .adsbygoogle{
	width:100%;
}

/* Do not show the old TP promotional banner inside category/archive post listings.
   The dedicated pre-footer advertisement is intentionally unaffected. */
.archive-main img[src*="/tgp-ad.png"],
.archive-main img[srcset*="/tgp-ad.png"],
.category-v23 img[src*="/tgp-ad.png"],
.category-v23 img[srcset*="/tgp-ad.png"]{
	display:none !important;
}
.archive-main a:has(> img[src*="/tgp-ad.png"]),
.category-v23 a:has(> img[src*="/tgp-ad.png"]){
	display:none !important;
}

@media(max-width:782px){
	.header-adsense-banner{padding:5px 0}
}


/* ===== Green Post v2.6 — wider editorial canvas + visible header ad zone ===== */

/* Wider desktop canvas, closer to specialist climate-news sites */
:root{
	--container:1280px;
}
@media(min-width:1180px){
	.container{
		width:min(calc(100% - 40px),1280px);
	}
	.homepage-v2,
	.archive-page--v23,
	.article-shell-v22{
		max-width:1280px;
	}
}

/* AdSense position: ABOVE the navigation and clearly between two rules */
.header-ad-zone{
	background:#f7f7f4;
	border-top:1px solid #4f574f;
	border-bottom:1px solid #4f574f;
}
.header-ad-zone__inner{
	min-height:92px;
	padding:8px 0 10px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	overflow:hidden;
}
.header-ad-label{
	font-size:9px;
	line-height:1;
	text-transform:uppercase;
	letter-spacing:.1em;
	color:#777;
	margin-bottom:4px;
}
.header-ad-zone .adsbygoogle{
	display:block!important;
	width:100%!important;
	min-height:60px;
}

/* Avoid the ad area collapsing while Google decides whether to fill the slot */
.header-ad-zone ins.adsbygoogle:empty{
	display:block!important;
	min-height:60px!important;
}

/* The top stories now use more of the desktop width */
@media(min-width:1100px){
	.top-stories__grid{
		grid-template-columns:1.35fr .72fr .72fr;
		gap:22px;
	}
	.top-lead h1{
		font-size:35px;
	}
	.top-side__card h2{
		font-size:25px;
	}
}

/* When logged in, keep sticky header below the WordPress admin bar */
.admin-bar .site-header{
	top:32px;
}

/* Keep header ad reasonable on phones */
@media(max-width:700px){
	.header-ad-zone__inner{
		min-height:62px;
		padding:5px 0 6px;
	}
	.header-ad-zone .adsbygoogle,
	.header-ad-zone ins.adsbygoogle:empty{
		min-height:42px!important;
	}
}


/* ===== v2.7 compact homepage ad: logo -> ad -> Top Stories ===== */
.home-compact-ad{
	margin:14px 0 12px;
	padding:8px 0;
	border-top:1px solid #505750;
	border-bottom:1px solid #505750;
	background:#f7f7f4;
	position:static!important;
	inset:auto!important;
	transform:none!important;
}
.home-compact-ad__inner{
	width:min(100%,728px);
	min-height:66px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	position:static!important;
}
.home-compact-ad__label{
	display:block;
	margin:0 0 4px;
	font-size:8px;
	line-height:1;
	letter-spacing:.09em;
	text-transform:uppercase;
	color:#777;
}
.home-compact-ad .adsbygoogle{
	display:block!important;
	width:100%!important;
	max-width:728px!important;
	min-height:50px!important;
	max-height:90px!important;
	margin:0 auto!important;
	position:static!important;
}
@media(max-width:760px){
	.home-compact-ad{margin:10px 0;padding:6px 0}
	.home-compact-ad__inner{min-height:48px}
	.home-compact-ad .adsbygoogle{
		max-width:100%!important;
		min-height:38px!important;
		max-height:70px!important;
	}
}


/* ===== Green Post v2.8 mobile/category/header corrections ===== */

/* Remove the two new horizontal rules around the homepage AdSense space */
.home-compact-ad{
	border-top:0!important;
	border-bottom:0!important;
}

/* Visually remove white pixels/background around the uploaded green logo on light backgrounds */
.custom-logo-link{
	background:transparent!important;
}
.custom-logo{
	background:transparent!important;
	mix-blend-mode:multiply;
}

/* Desktop keeps the masthead menu button aligned with search */
.masthead-menu-toggle{
	display:inline-grid;
	place-items:center;
	font-size:19px;
}

/* Mobile header: keep logo + search + hamburger visible */
@media(max-width:900px){
	.masthead--v2{
		grid-template-columns:minmax(0,1fr) auto!important;
		gap:10px;
		padding-top:6px;
		padding-bottom:6px;
	}
	.brand--v2{
		justify-self:start!important;
		min-width:0;
	}
	.header-right{
		display:flex!important;
		justify-self:end!important;
		gap:7px!important;
	}
	.masthead-menu-toggle{
		display:inline-grid!important;
	}
	.custom-logo{
		max-width:min(70vw,300px)!important;
		height:auto!important;
	}
}

/* Category/mobile archive repair: one clean column, large images, no squeezed sidebar */
@media(max-width:760px){
	.archive-page,
	.archive-page--v23{
		padding-top:18px!important;
	}
	.archive-content-grid{
		display:block!important;
	}
	.archive-main{
		width:100%!important;
		min-width:0!important;
	}
	.editorial-sidebar{
		display:none!important;
	}
	.section-banner{
		width:100%!important;
		height:auto!important;
		min-height:92px;
		margin:10px 0 14px!important;
		padding:18px 20px!important;
	}
	.archive-description--standalone{
		width:100%!important;
		max-width:none!important;
		margin:0 0 16px!important;
		font-size:14px!important;
		line-height:1.45!important;
	}
	.category-feature-v23{
		width:100%!important;
		margin-bottom:22px!important;
		padding-bottom:20px!important;
	}
	.category-feature-v23__image{
		width:100%!important;
		aspect-ratio:16/10!important;
	}
	.category-feature-v23 h1{
		font-size:28px!important;
		line-height:1.08!important;
		margin-top:10px!important;
	}
	.category-card-grid-v23{
		display:grid!important;
		grid-template-columns:1fr!important;
		gap:22px!important;
	}
	.category-card-v23{
		width:100%!important;
		padding-bottom:18px!important;
	}
	.category-card-v23__image{
		width:100%!important;
		aspect-ratio:16/10!important;
	}
	.category-card-v23 h2{
		font-size:22px!important;
		line-height:1.1!important;
		margin-top:9px!important;
	}
	.pagination{
		margin-bottom:18px!important;
	}
}

/* Single post mobile: never keep right sidebar beside article */
@media(max-width:760px){
	.single-content-grid{
		display:block!important;
	}
	.single-sidebar{
		display:none!important;
	}
	.article-v2,
	.article-shell-v22{
		width:100%!important;
		max-width:none!important;
	}
	.article-header-v2{
		width:100%!important;
	}
	.article-featured-v2{
		width:100%!important;
	}
	.article-main-v2{
		display:block!important;
		width:100%!important;
	}
	.article-content-v2{
		width:100%!important;
		max-width:none!important;
		font-size:18px!important;
		line-height:1.75!important;
	}
}


/* ===== Green Post v2.9 fixes ===== */

/* 1) Homepage AdSense: use Google's responsive unit correctly.
   Earlier theme CSS hid empty <ins> tags before AdSense could populate them. */
.home-compact-ad{
	margin:14px 0 12px!important;
	padding:8px 0!important;
	border:0!important;
	background:#f7f7f4;
	position:static!important;
}
.home-compact-ad__inner{
	width:min(100%,970px)!important;
	min-height:90px!important;
	margin:0 auto!important;
	text-align:center;
	overflow:visible!important;
}
.home-compact-ad__label{
	display:block;
	margin-bottom:5px;
	font-size:8px;
	line-height:1;
	letter-spacing:.09em;
	text-transform:uppercase;
	color:#777;
}
.home-compact-ad ins.adsbygoogle,
.home-compact-ad ins.adsbygoogle:empty,
.home-compact-ad .adsbygoogle{
	display:block!important;
	width:100%!important;
	max-width:970px!important;
	min-height:75px!important;
	margin:0 auto!important;
	visibility:visible!important;
	position:static!important;
}

/* 2) Mobile header must stay sticky while scrolling. */
@media(max-width:760px){
	.site-header{
		position:sticky!important;
		top:0!important;
		z-index:999!important;
	}
	.admin-bar .site-header{
		top:46px!important;
	}
	.masthead--v2{
		background:#f7f7f4!important;
	}
}

/* 3) Category mobile layout:
   keep the first/lead story full width, then show remaining stories in two columns. */
@media(max-width:760px){
	.category-feature-v23{
		width:100%!important;
		margin-bottom:22px!important;
		padding-bottom:18px!important;
	}
	.category-feature-v23__image{
		width:100%!important;
		aspect-ratio:16/10!important;
	}
	.category-feature-v23 h1{
		font-size:27px!important;
		line-height:1.08!important;
		margin:10px 0 0!important;
	}

	.category-card-grid-v23{
		display:grid!important;
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
		gap:20px 12px!important;
	}
	.category-card-v23{
		min-width:0!important;
		margin:0!important;
		padding:0 0 14px!important;
		border-bottom:1px solid #ddd!important;
	}
	.category-card-v23__image{
		width:100%!important;
		aspect-ratio:4/3!important;
	}
	.category-card-v23 h2{
		font-size:17px!important;
		line-height:1.12!important;
		margin:8px 0 0!important;
		word-break:normal!important;
		overflow-wrap:break-word!important;
	}
}

/* 4) Single article mobile readability:
   give text breathing room from both screen edges. */
@media(max-width:760px){
	.single-wrap{
		padding-top:14px!important;
	}
	.article-shell-v22{
		width:100%!important;
		padding-left:16px!important;
		padding-right:16px!important;
	}
	.article-v2{
		width:100%!important;
		max-width:none!important;
	}
	.article-header-v2,
	.article-main-v2,
	.article-content-v2{
		width:100%!important;
		max-width:none!important;
	}
	.article-header-v2 h1{
		font-size:31px!important;
		line-height:1.08!important;
	}
	.article-content-v2{
		font-size:18px!important;
		line-height:1.78!important;
	}
	.article-content-v2 p{
		margin-bottom:1.3em!important;
	}
	.article-featured-v2{
		margin-left:-16px!important;
		margin-right:-16px!important;
		width:calc(100% + 32px)!important;
	}
	.share-column{
		margin-top:14px!important;
		margin-bottom:14px!important;
	}
}

/* Smaller phones: keep the two-column archive compact without crushing headlines. */
@media(max-width:390px){
	.category-card-grid-v23{
		gap:18px 10px!important;
	}
	.category-card-v23 h2{
		font-size:16px!important;
	}
}


/* ============================================================
   THE YOU ARE PAKISTAN v3.0 — CLEAN LAYOUT PASS
   ============================================================ */

/* Mobile sticky header on every page */
@media(max-width:760px){
	.site-header{
		position:sticky!important;
		top:0!important;
		z-index:9999!important;
		background:#f7f7f4!important;
	}
	.admin-bar .site-header{top:46px!important;}
	.utility-nav{display:none!important;}

	.masthead--v2{
		height:86px!important;
		display:grid!important;
		grid-template-columns:44px minmax(0,1fr) 44px!important;
		align-items:center!important;
		gap:8px!important;
		padding:7px 16px!important;
		border-bottom:1px solid #6f786f!important;
	}
	.masthead-menu-toggle{
		grid-column:1!important;
		grid-row:1!important;
		justify-self:start!important;
		display:grid!important;
		place-items:center!important;
		width:40px!important;
		height:40px!important;
		border:1px solid #159447!important;
		border-radius:50%!important;
		color:#159447!important;
		background:#fff!important;
		font-size:20px!important;
	}
	.brand--v2{
		grid-column:2!important;
		grid-row:1!important;
		justify-self:center!important;
		width:100%!important;
		min-width:0!important;
		text-align:center!important;
	}
	.brand--v2 .custom-logo{
		display:block!important;
		margin:0 auto!important;
		max-width:min(64vw,290px)!important;
		max-height:62px!important;
		width:auto!important;
		height:auto!important;
	}
	.header-right{
		grid-column:3!important;
		grid-row:1!important;
		justify-self:end!important;
		display:flex!important;
		align-items:center!important;
	}
	.header-right .search-toggle{
		display:grid!important;
		place-items:center!important;
		width:40px!important;
		height:40px!important;
		border:1px solid #159447!important;
		border-radius:50%!important;
		color:#159447!important;
		background:#fff!important;
	}
	.header-right .paper-link,.masthead__statement{display:none!important;}
}

/* Mobile gutters: no more edge-to-edge text */
@media(max-width:760px){
	.container{
		width:100%!important;
		max-width:none!important;
		padding-left:16px!important;
		padding-right:16px!important;
		box-sizing:border-box!important;
	}
	.article-shell-v30{
		width:100%!important;
		max-width:none!important;
		padding-left:16px!important;
		padding-right:16px!important;
		box-sizing:border-box!important;
	}
	.article-shell-v30 .article-v2,
	.article-shell-v30 .article-header-v2,
	.article-shell-v30 .article-main-v2,
	.article-shell-v30 .article-content-v2{
		width:100%!important;
		max-width:none!important;
		margin-left:0!important;
		margin-right:0!important;
		box-sizing:border-box!important;
	}
	.article-shell-v30 .article-header-v2 h1{
		font-size:30px!important;
		line-height:1.08!important;
		letter-spacing:-.3px!important;
	}
	.article-shell-v30 .article-content-v2{
		font-size:18px!important;
		line-height:1.76!important;
		padding:0!important;
	}
	.article-shell-v30 .article-content-v2 p{margin-bottom:1.3em!important;}
	.article-shell-v30 .article-content-v2 img,
	.article-shell-v30 .article-content-v2 iframe,
	.article-shell-v30 .article-content-v2 video{
		max-width:100%!important;
		height:auto!important;
	}
	.article-shell-v30 .article-featured-v2{
		width:calc(100% + 32px)!important;
		margin-left:-16px!important;
		margin-right:-16px!important;
	}
	.article-shell-v30 .share-column{
		display:flex!important;
		flex-direction:row!important;
		gap:8px!important;
		margin:12px 0 14px!important;
	}
	.article-shell-v30 .single-sidebar{display:none!important;}
}

/* Category mobile: lead full-width + two-column remainder */
@media(max-width:760px){
	.archive-content-grid{display:block!important;}
	.editorial-sidebar{display:none!important;}
	.category-feature-v23{display:block!important;width:100%!important;margin-bottom:24px!important;}
	.category-feature-v23__image{width:100%!important;aspect-ratio:16/10!important;}
	.category-feature-v23 h1{font-size:27px!important;line-height:1.08!important;margin:10px 0 0!important;}
	.category-card-grid-v23{
		display:grid!important;
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
		gap:22px 12px!important;
	}
	.category-card-v23{min-width:0!important;width:100%!important;}
	.category-card-v23__image{width:100%!important;aspect-ratio:4/3!important;}
	.category-card-v23 h2{font-size:17px!important;line-height:1.12!important;margin:8px 0 0!important;}
}

/* Desktop single post: use the screen better */
@media(min-width:1024px){
	.article-shell-v30{
		width:min(calc(100% - 48px),1320px)!important;
		max-width:1320px!important;
		margin:0 auto!important;
		padding:0!important;
	}
	.single-content-grid--v30{
		display:grid!important;
		grid-template-columns:minmax(0,900px) 300px!important;
		gap:64px!important;
		align-items:start!important;
	}
	.single-content-grid--v30 .article-v2{
		width:100%!important;
		max-width:900px!important;
		margin:0!important;
	}
	.single-content-grid--v30 .article-header-v2,
	.single-content-grid--v30 .article-featured-v2{
		width:100%!important;
		max-width:900px!important;
	}
	.single-content-grid--v30 .article-header-v2 h1{
		font-size:56px!important;
		line-height:1.01!important;
		letter-spacing:-1.15px!important;
	}
	.single-content-grid--v30 .article-main-v2{
		grid-template-columns:44px minmax(0,760px)!important;
		gap:18px!important;
		justify-content:start!important;
	}
	.single-content-grid--v30 .article-content-v2{
		width:100%!important;
		max-width:760px!important;
		font-size:19px!important;
		line-height:1.8!important;
	}
	.single-content-grid--v30 .editorial-sidebar{
		width:300px!important;
		justify-self:end!important;
		margin-left:auto!important;
		position:sticky!important;
		top:170px!important;
	}
	.admin-bar .single-content-grid--v30 .editorial-sidebar{top:202px!important;}
}
@media(min-width:1360px){
	.article-shell-v30{
		width:min(calc(100% - 64px),1380px)!important;
		max-width:1380px!important;
	}
	.single-content-grid--v30{
		grid-template-columns:minmax(0,940px) 320px!important;
		gap:72px!important;
	}
	.single-content-grid--v30 .article-v2,
	.single-content-grid--v30 .article-header-v2,
	.single-content-grid--v30 .article-featured-v2{max-width:940px!important;}
	.single-content-grid--v30 .article-main-v2{
		grid-template-columns:44px minmax(0,790px)!important;
	}
	.single-content-grid--v30 .article-content-v2{max-width:790px!important;}
	.single-content-grid--v30 .editorial-sidebar{width:320px!important;}
}


/* ============================================================
   THE YOU ARE PAKISTAN v3.1 — HEADER ALIGNMENT REFINEMENT
   Mobile: menu left, logo centered, search right.
   Desktop: logo left, tagline center/right, controls right.
   ============================================================ */

/* Desktop / laptop */
@media(min-width:761px){
	.masthead--v2{
		display:grid!important;
		grid-template-columns:auto minmax(260px,1fr) auto!important;
		align-items:center!important;
		gap:24px!important;
		height:108px!important;
		padding-left:0!important;
		padding-right:0!important;
	}

	/* Keep hamburger hidden on desktop because the top category nav already exists */
	.masthead-menu-toggle{
		display:none!important;
	}

	.brand--v2{
		grid-column:1!important;
		justify-self:start!important;
		text-align:left!important;
	}
	.brand--v2 .custom-logo-link{
		display:block!important;
	}
	.brand--v2 .custom-logo{
		display:block!important;
		margin:0!important;
		max-width:330px!important;
		max-height:70px!important;
		width:auto!important;
		height:auto!important;
	}

	.masthead__statement{
		grid-column:2!important;
		justify-self:end!important;
		text-align:right!important;
		max-width:520px!important;
	}

	.header-right{
		grid-column:3!important;
		justify-self:end!important;
		display:flex!important;
		align-items:center!important;
		gap:8px!important;
	}

	.header-right .search-toggle{
		border:1px solid #168c48!important;
		color:#168c48!important;
		background:#fff!important;
	}
}

/* Mobile */
@media(max-width:760px){
	.masthead--v2{
		display:grid!important;
		grid-template-columns:44px minmax(0,1fr) 44px!important;
		align-items:center!important;
		gap:8px!important;
		padding:7px 16px!important;
	}

	/* Menu LEFT */
	.masthead-menu-toggle{
		grid-column:1!important;
		grid-row:1!important;
		display:grid!important;
		place-items:center!important;
		justify-self:start!important;
		width:40px!important;
		height:40px!important;
		border:0!important;
		border-radius:50%!important;
		background:#168c48!important;
		color:#fff!important;
		font-size:19px!important;
		box-shadow:none!important;
	}

	/* Logo perfectly centered */
	.brand--v2{
		grid-column:2!important;
		grid-row:1!important;
		justify-self:center!important;
		align-self:center!important;
		text-align:center!important;
		width:100%!important;
		min-width:0!important;
	}
	.brand--v2 .custom-logo-link{
		display:flex!important;
		align-items:center!important;
		justify-content:center!important;
		width:100%!important;
	}
	.brand--v2 .custom-logo{
		display:block!important;
		margin:0 auto!important;
		max-width:min(66vw,300px)!important;
		max-height:64px!important;
		width:auto!important;
		height:auto!important;
	}

	/* Search RIGHT with matching green treatment */
	.header-right{
		grid-column:3!important;
		grid-row:1!important;
		justify-self:end!important;
		display:flex!important;
		align-items:center!important;
	}
	.header-right .search-toggle{
		display:grid!important;
		place-items:center!important;
		width:40px!important;
		height:40px!important;
		border:0!important;
		border-radius:50%!important;
		background:#168c48!important;
		color:#fff!important;
		box-shadow:none!important;
	}
}

/* Slightly smaller phones */
@media(max-width:390px){
	.masthead--v2{
		grid-template-columns:40px minmax(0,1fr) 40px!important;
		padding-left:12px!important;
		padding-right:12px!important;
	}
	.masthead-menu-toggle,
	.header-right .search-toggle{
		width:38px!important;
		height:38px!important;
	}
	.brand--v2 .custom-logo{
		max-width:min(64vw,275px)!important;
	}
}


/* ============================================================
   THE YOU ARE PAKISTAN v3.2 — DESKTOP HEADER CORRECTION ONLY
   Mobile v3.1 layout is intentionally unchanged.
   ============================================================ */

@media(min-width:761px){
	.masthead--v2{
		display:grid!important;
		grid-template-columns:auto minmax(280px,1fr) 44px 44px!important;
		align-items:center!important;
		gap:10px!important;
		height:108px!important;
		padding-left:0!important;
		padding-right:0!important;
	}

	/* Logo back on the LEFT */
	.brand--v2{
		grid-column:1!important;
		grid-row:1!important;
		justify-self:start!important;
		text-align:left!important;
	}
	.brand--v2 .custom-logo-link{
		display:block!important;
	}
	.brand--v2 .custom-logo{
		display:block!important;
		margin:0!important;
		max-width:330px!important;
		max-height:70px!important;
		width:auto!important;
		height:auto!important;
	}

	/* Tagline occupies the middle */
	.masthead__statement{
		grid-column:2!important;
		grid-row:1!important;
		justify-self:end!important;
		text-align:right!important;
		max-width:500px!important;
		margin-right:14px!important;
	}

	/* Desktop menu button on the RIGHT */
	.masthead-menu-toggle{
		display:grid!important;
		grid-column:3!important;
		grid-row:1!important;
		justify-self:end!important;
		place-items:center!important;
		width:40px!important;
		height:40px!important;
		border:1px solid #168c48!important;
		border-radius:50%!important;
		background:#168c48!important;
		color:#fff!important;
		font-size:18px!important;
		line-height:1!important;
	}

	/* Search is the far-right button */
	.header-right{
		display:flex!important;
		grid-column:4!important;
		grid-row:1!important;
		justify-self:end!important;
		align-items:center!important;
		margin:0!important;
	}
	.header-right .search-toggle{
		display:grid!important;
		place-items:center!important;
		width:40px!important;
		height:40px!important;
		border:1px solid #168c48!important;
		border-radius:50%!important;
		background:#168c48!important;
		color:#fff!important;
		margin:0!important;
	}
	.header-right .paper-link{
		display:none!important;
	}
}


/* ============================================================
   THE YOU ARE PAKISTAN v3.3 — HOMEPAGE MOBILE HEADER MATCH
   Category and single-post mobile layouts are intentionally
   left unchanged because they are already correct.
   ============================================================ */

@media(max-width:760px){

	/* Force homepage header to use the same mobile structure
	   as category and single-post pages. */
	body.home .site-header,
	body.front-page .site-header{
		position:sticky!important;
		top:0!important;
		z-index:9999!important;
		background:#f7f7f4!important;
	}

	body.admin-bar.home .site-header,
	body.admin-bar.front-page .site-header{
		top:46px!important;
	}

	body.home .utility-nav,
	body.front-page .utility-nav{
		display:none!important;
	}

	body.home .masthead--v2,
	body.front-page .masthead--v2{
		height:86px!important;
		display:grid!important;
		grid-template-columns:44px minmax(0,1fr) 44px!important;
		align-items:center!important;
		gap:8px!important;
		padding:7px 16px!important;
		border-bottom:1px solid #6f786f!important;
	}

	/* Green hamburger on LEFT */
	body.home .masthead-menu-toggle,
	body.front-page .masthead-menu-toggle{
		display:grid!important;
		grid-column:1!important;
		grid-row:1!important;
		place-items:center!important;
		justify-self:start!important;
		width:40px!important;
		height:40px!important;
		border:0!important;
		border-radius:50%!important;
		background:#168c48!important;
		color:#fff!important;
		font-size:19px!important;
		line-height:1!important;
		margin:0!important;
	}

	/* Logo centered */
	body.home .brand--v2,
	body.front-page .brand--v2{
		grid-column:2!important;
		grid-row:1!important;
		justify-self:center!important;
		align-self:center!important;
		width:100%!important;
		min-width:0!important;
		text-align:center!important;
		margin:0!important;
	}
	body.home .brand--v2 .custom-logo-link,
	body.front-page .brand--v2 .custom-logo-link{
		display:flex!important;
		align-items:center!important;
		justify-content:center!important;
		width:100%!important;
	}
	body.home .brand--v2 .custom-logo,
	body.front-page .brand--v2 .custom-logo{
		display:block!important;
		margin:0 auto!important;
		max-width:min(66vw,300px)!important;
		max-height:64px!important;
		width:auto!important;
		height:auto!important;
	}

	/* Green search on RIGHT */
	body.home .header-right,
	body.front-page .header-right{
		display:flex!important;
		grid-column:3!important;
		grid-row:1!important;
		align-items:center!important;
		justify-self:end!important;
		margin:0!important;
	}
	body.home .header-right .search-toggle,
	body.front-page .header-right .search-toggle{
		display:grid!important;
		place-items:center!important;
		width:40px!important;
		height:40px!important;
		border:0!important;
		border-radius:50%!important;
		background:#168c48!important;
		color:#fff!important;
		margin:0!important;
	}
	body.home .header-right .paper-link,
	body.front-page .header-right .paper-link,
	body.home .masthead__statement,
	body.front-page .masthead__statement{
		display:none!important;
	}
}


/* ============================================================
   THE YOU ARE PAKISTAN v3.4 — DESKTOP STICKY HEADER CLEANUP
   Category navigation scrolls away.
   Only logo + menu + search remain visible while scrolling.
   Mobile behavior remains unchanged.
   ============================================================ */

@media(min-width:761px){
	.site-header{
		position:sticky!important;
		top:0!important;
		z-index:999!important;
		background:#f7f7f4!important;
	}
	.admin-bar .site-header{top:32px!important;}

	.utility-nav{
		transition:max-height .18s ease,min-height .18s ease,padding .18s ease,opacity .14s ease,border .18s ease!important;
		overflow:hidden!important;
	}

	.site-header.is-compact .utility-nav{
		max-height:0!important;
		min-height:0!important;
		height:0!important;
		padding-top:0!important;
		padding-bottom:0!important;
		margin-top:0!important;
		margin-bottom:0!important;
		opacity:0!important;
		border-top:0!important;
		border-bottom:0!important;
		pointer-events:none!important;
	}

	.site-header.is-compact .masthead--v2{
		height:72px!important;
		min-height:72px!important;
		border-bottom:1px solid #6f786f!important;
		background:#f7f7f4!important;
		grid-template-columns:auto minmax(0,1fr) 44px 44px!important;
	}

	.site-header.is-compact .brand--v2 .custom-logo{
		max-height:54px!important;
		max-width:280px!important;
	}

	.site-header.is-compact .masthead__statement{display:none!important;}
	.site-header.is-compact .brand--v2{grid-column:1!important;justify-self:start!important;}
	.site-header.is-compact .masthead-menu-toggle{grid-column:3!important;justify-self:end!important;}
	.site-header.is-compact .header-right{grid-column:4!important;justify-self:end!important;}
}


/* ============================================================
   YOU ARE PAKISTAN NEWS MAGAZINE v1.0
   Red / Black / White newspaper identity
   ============================================================ */
:root{
	--forest:#111318;
	--forest2:#23262b;
	--leaf:#c82127;
	--sage:#f6f6f6;
	--cream:#ffffff;
	--ink:#17191d;
	--muted:#6d7178;
	--line:#e4e5e8;
	--white:#ffffff;
	--container:1160px;
}
body{background:#fff;color:#17191d}
a:hover{color:#c82127}
.tp-site-header{background:#fff}
.tp-utility-nav{
	min-height:46px!important;
	border-top:0!important;
	border-bottom:1px solid #e4e5e8!important;
	justify-content:flex-start!important;
}
.tp-utility-nav nav{gap:26px!important;overflow-x:auto}
.tp-utility-nav a{
	color:#111318!important;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px!important;
	font-weight:800!important;
}
.tp-utility-nav a:hover{color:#c82127!important}
.tp-masthead{
	height:112px!important;
	grid-template-columns:50px minmax(0,1fr) auto 50px!important;
	border-bottom:1px solid #e4e5e8!important;
}
.tp-brand{
	grid-column:2!important;
	justify-self:center!important;
	text-align:center!important;
}
.tp-brand .custom-logo{max-width:290px!important;max-height:74px!important}
.tp-brand-text{
	font-family:Georgia,'Times New Roman',serif!important;
	color:#c82127!important;
	font-weight:900!important;
	font-size:48px!important;
	letter-spacing:-1.8px!important;
}
.tp-tagline{
	grid-column:3!important;
	font-family:Arial,Helvetica,sans-serif!important;
	font-size:13px!important;
	color:#6d7178!important;
	white-space:nowrap;
}
.masthead-menu-toggle{
	grid-column:1!important;
	display:grid!important;
	place-items:center!important;
	width:40px!important;height:40px!important;
	border:1px solid #d9dbe0!important;
	background:#fff!important;
	color:#111318!important;
	border-radius:7px!important;
}
.header-right{grid-column:4!important}
.header-right .search-toggle{
	width:40px!important;height:40px!important;
	border:1px solid #d9dbe0!important;
	border-radius:7px!important;
	background:#fff!important;
	color:#111318!important;
}
.tp-breaking{background:#111318!important;color:#fff!important}
.tp-breaking strong{color:#fff!important}
.section-heading--plain{border-top:1px solid #1d1f23!important}
.section-heading--plain h2{font-size:22px!important}
.section-heading--plain h2 a:hover,.view-all{color:#c82127!important}
.eyebrow{
	color:#c82127!important;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px!important;
	font-weight:900!important;
	letter-spacing:.08em;
	text-transform:uppercase;
}
.tp-hero-grid{
	display:grid;
	grid-template-columns:minmax(0,2.05fr) minmax(300px,.95fr);
	gap:24px;
}
.tp-hero-image{
	display:block;aspect-ratio:16/10;overflow:hidden;background:#f0f1f2
}
.tp-hero-image img,.tp-side-image img,.tp-section-image img,.tp-small-image img{
	width:100%;height:100%;object-fit:cover
}
.tp-hero-lead h1{
	font-family:Georgia,'Times New Roman',serif;
	font-size:39px;line-height:1.03;margin:8px 0 8px
}
.tp-hero-side{display:flex;flex-direction:column}
.tp-side-story{
	display:grid;grid-template-columns:112px 1fr;gap:13px;
	padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid #e1e2e5
}
.tp-side-image{display:block;aspect-ratio:1.3/1;overflow:hidden;background:#f0f1f2}
.tp-side-story h2{
	font-family:Georgia,'Times New Roman',serif;
	font-size:19px;line-height:1.12;margin:3px 0 6px
}
.tp-category-block{margin-top:38px}
.tp-section-grid{
	display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px
}
.tp-section-image{display:block;aspect-ratio:16/10;overflow:hidden}
.tp-section-lead h3{
	font-family:Georgia,'Times New Roman',serif;
	font-size:29px;line-height:1.06;margin:8px 0
}
.tp-section-lead p{font-size:14px;line-height:1.5;color:#666}
.tp-section-side{
	display:grid;grid-template-columns:1fr 1fr;gap:20px 16px
}
.tp-small-image{display:block;aspect-ratio:1.45/1;overflow:hidden;background:#f0f1f2}
.tp-section-small h3{
	font-family:Georgia,'Times New Roman',serif;
	font-size:18px;line-height:1.1;margin:7px 0
}
.meta,.byline{color:#777!important;font-size:12px!important}
.archive-kicker,.category-feature-v23 .eyebrow{color:#c82127!important}
.section-banner{
	background:linear-gradient(135deg,#111318,#2d3036)!important
}
.section-banner:before{border-color:rgba(225,29,46,.35)!important}
.location-label,.popular-list li:before{
	background:#fde8eb!important;color:#a80e1d!important
}
.project-card__body{background:#c82127!important;color:#fff!important}
.site-footer{
	background:#111318!important;color:#d8d9dd!important
}
.site-footer p{color:#b9bbc1!important}
.footer-bottom{border-top:1px solid #303238!important}
.placeholder{background:linear-gradient(135deg,#111318,#c82127)!important}
.page-numbers.current{background:#c82127!important}
.article-content blockquote{border-left-color:#c82127!important}
.drawer-brand{color:#c82127!important}
.search-form button,.button{background:#c82127!important}
.mobile-drawer{background:rgba(10,10,12,.58)!important}
.mobile-drawer__panel{border-right:4px solid #c82127}

@media(max-width:760px){
	.tp-masthead{
		height:82px!important;
		display:grid!important;
		grid-template-columns:44px minmax(0,1fr) 44px!important;
		gap:8px!important;
		padding:7px 16px!important;
	}
	.tp-masthead .masthead-menu-toggle{
		grid-column:1!important;
		grid-row:1!important;
		border:0!important;border-radius:50%!important;
		background:#c82127!important;color:#fff!important;
	}
	.tp-brand{
		grid-column:2!important;grid-row:1!important;
		justify-self:center!important;width:100%!important;
	}
	.tp-brand .custom-logo{
		max-width:min(62vw,280px)!important;
		max-height:58px!important;
	}
	.tp-brand-text{font-size:34px!important}
	.tp-tagline{display:none!important}
	.header-right{
		grid-column:3!important;grid-row:1!important;
		justify-self:end!important;
	}
	.header-right .search-toggle{
		border:0!important;border-radius:50%!important;
		background:#c82127!important;color:#fff!important;
	}
	.tp-hero-grid{grid-template-columns:1fr}
	.tp-hero-lead h1{font-size:34px}
	.tp-hero-side{display:grid;grid-template-columns:1fr 1fr;gap:20px 12px}
	.tp-side-story{
		display:block;padding-bottom:14px;margin:0;border-bottom:1px solid #e1e2e5
	}
	.tp-side-image{aspect-ratio:4/3}
	.tp-side-story h2{font-size:17px}
	.tp-section-grid{grid-template-columns:1fr}
	.tp-section-lead h3{font-size:27px}
	.tp-section-side{grid-template-columns:1fr 1fr;gap:20px 12px}
	.tp-section-small h3{font-size:17px}
}


/* ==========================================================
   YOU ARE PAKISTAN v1.2 — GREEN POST STRUCTURE / PUBLIC BRAND
   ========================================================== */
:root{
	--tp-red:#c82127;
	--tp-red-dark:#9f1117;
	--tp-ink:#17191c;
	--tp-paper:#ffffff;
	--tp-muted:#6f7378;
	--tp-line:#d9d9d9;
}

.tp-sticky-masthead{
	background:#fff;
	border-bottom:1px solid #d9d9d9;
	position:sticky;
	top:0;
	z-index:999;
}
.admin-bar .tp-sticky-masthead{top:32px}

.tp-masthead-v12{
	height:108px;
	display:grid;
	grid-template-columns:54px 1fr 54px;
	align-items:center;
	gap:18px;
}
.tp-brand-v12{
	justify-self:center;
	text-align:center;
	min-width:0;
}
.tp-brand-v12 .custom-logo{
	max-width:340px;
	max-height:78px;
	width:auto;
	height:auto;
}
.tp-brand-text-v12{
	font-family:Georgia,'Times New Roman',serif;
	font-size:54px;
	font-weight:900;
	color:var(--tp-red)!important;
	text-decoration:none;
}
.tp-masthead-v12 .icon-btn{
	width:44px;
	height:44px;
	display:grid;
	place-items:center;
	border:1px solid #d6d6d6;
	border-radius:50%;
	background:#fff;
	color:var(--tp-red);
	font-size:20px;
}
.tp-masthead-v12 .menu-toggle{justify-self:start}
.tp-masthead-v12 .search-toggle{justify-self:end}

.tp-public-menu-row{
	border-bottom:1px solid #dedede;
}
.tp-public-menu{
	height:48px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:28px;
	overflow-x:auto;
	white-space:nowrap;
}
.tp-public-menu a{
	color:#111;
	font:800 14px/1 Arial,Helvetica,sans-serif;
	text-decoration:none;
}
.tp-public-menu a:hover{color:var(--tp-red)}

.tp-gp-home{max-width:1210px}
.tp-gp-section{
	padding:28px 0 26px;
	border-top:1px solid #bfc0c2;
}
.tp-gp-heading{
	margin-bottom:18px;
}
.tp-gp-heading h2{
	margin:0;
	font:800 22px/1.1 Arial,Helvetica,sans-serif;
	color:#111;
}
.tp-gp-heading h2 a{
	color:#111;
	text-decoration:none;
}
.tp-gp-heading-row{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.tp-gp-seeall{
	color:var(--tp-red)!important;
	font:800 13px Arial,Helvetica,sans-serif;
	text-decoration:none;
}

.tp-gp-top-grid{
	display:grid;
	grid-template-columns:1.55fr 1fr;
	gap:24px;
}
.tp-gp-lead-image{
	display:block;
	aspect-ratio:1.35/1;
	overflow:hidden;
	background:#eee;
}
.tp-gp-lead-image img,
.tp-gp-side-image img,
.tp-gp-latest-image img,
.tp-gp-category-image img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.tp-gp-lead h1{
	font-family:Georgia,'Times New Roman',serif;
	font-size:34px;
	line-height:1.08;
	margin:8px 0 5px;
}
.tp-gp-lead h1 a,
.tp-gp-side-story h2 a,
.tp-gp-latest-card h3 a,
.tp-gp-category-card h3 a{
	color:#111;
	text-decoration:none;
}
.tp-gp-lead h1 a:hover,
.tp-gp-side-story h2 a:hover,
.tp-gp-latest-card h3 a:hover,
.tp-gp-category-card h3 a:hover{
	color:var(--tp-red);
}
.tp-gp-byline{
	font:12px Arial,Helvetica,sans-serif;
	color:#555;
}
.tp-gp-side-column{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:22px;
}
.tp-gp-side-image{
	display:block;
	aspect-ratio:1.35/1;
	overflow:hidden;
	background:#eee;
}
.tp-gp-side-story h2{
	font-family:Georgia,'Times New Roman',serif;
	font-size:22px;
	line-height:1.08;
	margin:7px 0;
}
.tp-gp-side-story p{
	font:15px/1.45 Arial,Helvetica,sans-serif;
	color:#333;
	margin:0 0 8px;
}

.tp-gp-latest-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:28px 18px;
}
.tp-gp-latest-image{
	display:block;
	aspect-ratio:1.45/1;
	overflow:hidden;
	background:#eee;
}
.tp-gp-latest-card h3{
	font-family:Georgia,'Times New Roman',serif;
	font-size:18px;
	line-height:1.12;
	margin:6px 0 5px;
}

.tp-gp-category-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:18px;
}
.tp-gp-category-card{
	border:1px solid #ddd;
	background:#fff;
}
.tp-gp-label{
	background:#fbe8e9;
	color:var(--tp-red);
	font:800 12px Arial,Helvetica,sans-serif;
	letter-spacing:.04em;
	text-transform:uppercase;
	padding:8px 10px;
}
.tp-gp-category-image{
	display:block;
	aspect-ratio:1.36/1;
	overflow:hidden;
	background:#eee;
}
.tp-gp-category-card h3{
	font-family:Georgia,'Times New Roman',serif;
	font-size:18px;
	line-height:1.08;
	padding:0 10px;
	margin:8px 0 5px;
}
.tp-gp-category-card .tp-gp-byline{
	padding:0 10px 12px;
}

/* category/single pages retain TGP-style structure but recolored */
.section-banner{
	background:linear-gradient(135deg,var(--tp-red-dark),var(--tp-red))!important;
}
.section-banner__inner span,
.section-banner__inner strong{
	color:#fff!important;
}
.eyebrow,
.category-feature-v23 .eyebrow,
.article-header-v2 .eyebrow,
.tp-story-label{
	color:var(--tp-red)!important;
}
.archive-page--v23 a:hover,
.article-v2 a:hover{
	color:var(--tp-red);
}
.page-numbers.current,
.search-form button,
.button{
	background:var(--tp-red)!important;
}

/* Improve interior readability */
.archive-content-grid,
.single-content-grid--v30{
	max-width:1210px;
}
.single-content-grid--v30{
	grid-template-columns:minmax(0,850px) minmax(260px,310px)!important;
	gap:42px!important;
}
.article-content-v2{
	font-family:Georgia,'Times New Roman',serif!important;
	font-size:20px!important;
	line-height:1.72!important;
}
.article-header-v2 h1{
	font-family:Georgia,'Times New Roman',serif!important;
}
.editorial-sidebar{
	min-width:0;
}

/* Footer in You Are Pakistan logo red */
.tp-footer-v12{
	background:var(--tp-red-dark);
	color:#fff;
	margin-top:42px;
}
.tp-footer-v12 .footer-grid{
	padding-top:42px;
	padding-bottom:36px;
}
.tp-footer-v12 .footer-brand{
	font-family:Georgia,'Times New Roman',serif;
	font-size:38px;
	font-weight:900;
	color:#fff;
}
.tp-footer-v12 p,
.tp-footer-v12 a,
.tp-footer-v12 h3{
	color:#fff!important;
}
.tp-footer-v12 ul{list-style:none;padding:0}
.tp-footer-v12 li{margin:7px 0}
.tp-footer-social{
	display:flex;
	gap:10px;
	margin-top:18px;
}
.tp-footer-social a{
	width:34px;height:34px;
	border:1px solid rgba(255,255,255,.5);
	border-radius:50%;
	display:grid;place-items:center;
	text-decoration:none;
}
.tp-footer-v12 .footer-bottom{
	border-top:1px solid rgba(255,255,255,.25);
	padding:14px 0;
	color:#fff;
}

/* Mobile */
@media(max-width:760px){
	.tp-sticky-masthead{top:0}
	.admin-bar .tp-sticky-masthead{top:0}
	.tp-masthead-v12{
		height:88px;
		grid-template-columns:52px 1fr 52px;
		padding-left:14px;
		padding-right:14px;
	}
	.tp-brand-v12 .custom-logo{
		max-width:min(68vw,360px);
		max-height:68px;
	}
	.tp-brand-text-v12{font-size:38px}
	.tp-masthead-v12 .icon-btn{
		width:48px;height:48px;
		background:var(--tp-red);
		color:#fff;
		border:0;
	}
	.tp-public-menu-row{display:none}

	.tp-gp-home{
		padding-left:16px;
		padding-right:16px;
	}
	.tp-gp-top-grid{grid-template-columns:1fr}
	.tp-gp-side-column{grid-template-columns:1fr 1fr}
	.tp-gp-lead h1{font-size:32px}
	.tp-gp-side-story h2{font-size:18px}
	.tp-gp-side-story p{display:none}
	.tp-gp-latest-grid{grid-template-columns:1fr 1fr}
	.tp-gp-category-grid{grid-template-columns:1fr 1fr}
	.tp-gp-latest-card h3,
	.tp-gp-category-card h3{font-size:17px}

	.archive-page--v23,
	.article-shell-v30{
		padding-left:16px!important;
		padding-right:16px!important;
	}
	.single-content-grid--v30{
		display:block!important;
	}
	.article-content-v2{
		font-size:18px!important;
		line-height:1.72!important;
	}
	.category-card-grid-v23{
		grid-template-columns:1fr 1fr!important;
		gap:18px 14px!important;
	}
	.editorial-sidebar{
		margin-top:28px;
	}
}


/* ==========================================================
   YOU ARE PAKISTAN v1.3 FINAL POLISH
   ========================================================== */
:root{
	--tp-red:#c82127;
	--tp-red-dark:#a71920;
	--tp-red-deep:#861117;
	--tp-ink:#171717;
	--tp-ui:"Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--tp-serif:Georgia, "Times New Roman", Times, serif;
}

/* Professional typography */
body{
	font-family:var(--tp-ui);
	color:var(--tp-ink);
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,
.tp-gp-lead h1,
.tp-gp-side-story h2,
.tp-gp-latest-card h3,
.tp-gp-category-card h3,
.article-header-v2 h1{
	font-family:var(--tp-serif)!important;
	letter-spacing:-.012em;
}
.tp-gp-byline,
.article-meta,
.meta,
.entry-meta{
	font-family:var(--tp-ui)!important;
}

/* Full sticky header: logo + menu move together without changing alignment */
.tp-sticky-header-v13{
	position:sticky;
	top:0;
	z-index:1000;
	background:#fff;
	box-shadow:0 1px 0 rgba(0,0,0,.12);
}
.admin-bar .tp-sticky-header-v13{top:32px}
.tp-masthead-v13{
	height:108px;
	display:grid;
	grid-template-columns:54px minmax(0,1fr) 54px;
	align-items:center;
	gap:18px;
}
.tp-brand-v13{
	justify-self:center;
	text-align:center;
	min-width:0;
}
.tp-brand-v13 .custom-logo{
	max-width:380px!important;
	max-height:82px!important;
	width:auto!important;
	height:auto!important;
}
.tp-brand-text-v13{
	font-family:var(--tp-serif);
	font-size:56px;
	line-height:1;
	font-weight:700;
	color:var(--tp-red)!important;
	text-decoration:none;
}
.tp-masthead-v13 .icon-btn{
	width:44px;
	height:44px;
	display:grid;
	place-items:center;
	border:1px solid #d7d7d7;
	border-radius:50%;
	background:#fff;
	color:var(--tp-red);
	font-size:19px;
}
.tp-masthead-v13 .menu-toggle{justify-self:start}
.tp-masthead-v13 .search-toggle{justify-self:end}

.tp-public-menu-row-v13{
	border-top:1px solid #111;
	border-bottom:1px solid #ddd;
	background:#fff;
}
.tp-public-menu-v13{
	min-height:48px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:29px;
	white-space:nowrap;
	overflow-x:auto;
	scrollbar-width:none;
}
.tp-public-menu-v13::-webkit-scrollbar{display:none}
.tp-public-menu-v13 a{
	font-family:var(--tp-ui);
	font-size:14px;
	font-weight:600; /* deliberately less bold */
	letter-spacing:.005em;
	color:#202020;
	text-decoration:none;
	padding:16px 0 14px;
}
.tp-public-menu-v13 a:hover,
.tp-public-menu-v13 a:focus{
	color:var(--tp-red);
}

/* Homepage headings/category names less heavy */
.tp-gp-heading h2,
.tp-gp-heading h2 a{
	font-family:var(--tp-ui)!important;
	font-size:21px!important;
	font-weight:650!important;
	letter-spacing:0!important;
}
.tp-gp-label{
	font-family:var(--tp-ui)!important;
	font-weight:650!important;
}
.tp-gp-seeall{
	font-family:var(--tp-ui)!important;
	font-weight:650!important;
}

/* Top AdSense block: same placement behavior as Green Post */
.tp-top-adsense-wrap{
	background:#fff;
	padding:16px 0 22px;
	border-bottom:1px solid #d9d9d9;
}
.tp-top-adsense-wrap .container{
	max-width:970px;
	margin:0 auto;
}
.tp-ad-label{
	font-family:var(--tp-ui);
	text-align:center;
	font-size:10px;
	letter-spacing:.09em;
	color:#7a7a7a;
	margin:0 0 7px;
}
.tp-top-adsense-wrap ins.adsbygoogle{
	min-height:90px;
}

/* Footer must use You Are Pakistan logo red, not black */
.site-footer.tp-footer-v12,
.tp-footer-v12{
	background:var(--tp-red-dark)!important;
	color:#fff!important;
}
.tp-footer-v12 .footer-bottom{
	background:var(--tp-red-deep)!important;
}
.tp-footer-v12 a:hover{opacity:.86}

/* Interior/category nav typography */
.archive-page--v23 .section-banner,
.section-banner{
	background:linear-gradient(135deg,var(--tp-red-deep),var(--tp-red))!important;
}
.archive-page--v23 .section-title,
.archive-page--v23 h1,
.archive-page--v23 h2{
	letter-spacing:-.01em;
}

/* Keep sticky header from visually shrinking/changing on desktop */
@media(min-width:761px){
	.tp-sticky-header-v13.is-sticky .tp-masthead-v13,
	.tp-sticky-header-v13 .tp-masthead-v13{
		height:108px;
	}
	.tp-sticky-header-v13.is-sticky .tp-brand-v13 .custom-logo,
	.tp-sticky-header-v13 .tp-brand-v13 .custom-logo{
		max-width:380px!important;
		max-height:82px!important;
	}
}

/* Mobile: centered logo, red circular buttons, category row hidden */
@media(max-width:760px){
	.admin-bar .tp-sticky-header-v13{top:0}
	.tp-masthead-v13{
		height:88px;
		grid-template-columns:52px minmax(0,1fr) 52px;
		padding:0 14px;
	}
	.tp-brand-v13 .custom-logo{
		max-width:min(69vw,370px)!important;
		max-height:68px!important;
	}
	.tp-brand-text-v13{font-size:40px}
	.tp-masthead-v13 .icon-btn{
		width:48px;
		height:48px;
		background:var(--tp-red);
		color:#fff;
		border:0;
	}
	.tp-public-menu-row-v13{display:none}
	.tp-top-adsense-wrap{
		padding:10px 12px 16px;
	}
	.tp-top-adsense-wrap ins.adsbygoogle{
		min-height:50px;
	}
}


/* ==========================================================
   YOU ARE PAKISTAN v1.4 — HEADER LOCK + TYPOGRAPHY REFINEMENT
   Final overrides intentionally placed last to defeat legacy
   compact/sticky rules from earlier theme revisions.
   ========================================================== */

:root{
	--tp-red:#c82127;
	--tp-red-dark:#a71920;
	--tp-red-deep:#861117;
	--tp-text:#171717;
	--tp-sans:Arial, Helvetica, "Segoe UI", sans-serif;
	--tp-news:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
}

/* ----------------------------------------------------------
   1. DESKTOP STICKY HEADER — NEVER MOVE THE LOGO LEFT
   ---------------------------------------------------------- */
@media (min-width:761px){

	/* Neutralise all old compact header geometry */
	.site-header,
	.site-header.is-compact,
	.tp-site-header,
	.tp-site-header.is-compact{
		position:relative!important;
		top:auto!important;
		background:#fff!important;
	}

	.tp-sticky-header-v13,
	.site-header.is-compact .tp-sticky-header-v13,
	.tp-site-header.is-compact .tp-sticky-header-v13{
		position:sticky!important;
		top:0!important;
		z-index:10000!important;
		width:100%!important;
		background:#fff!important;
		transform:none!important;
		left:auto!important;
		right:auto!important;
	}

	.admin-bar .tp-sticky-header-v13,
	.admin-bar .site-header.is-compact .tp-sticky-header-v13{
		top:32px!important;
	}

	/* Fixed three-point geometry: menu left, logo dead-center, search right */
	.tp-masthead-v13,
	.site-header.is-compact .tp-masthead-v13,
	.tp-site-header.is-compact .tp-masthead-v13{
		position:relative!important;
		display:block!important;
		height:108px!important;
		min-height:108px!important;
		width:min(calc(100% - 32px),1160px)!important;
		margin:0 auto!important;
		padding:0!important;
		transform:none!important;
	}

	.tp-brand-v13,
	.site-header.is-compact .tp-brand-v13,
	.tp-site-header.is-compact .tp-brand-v13{
		position:absolute!important;
		left:50%!important;
		right:auto!important;
		top:50%!important;
		transform:translate(-50%,-50%)!important;
		margin:0!important;
		padding:0!important;
		width:auto!important;
		max-width:46%!important;
		min-width:0!important;
		text-align:center!important;
		justify-self:auto!important;
		grid-column:auto!important;
	}

	.tp-brand-v13 .custom-logo-link,
	.site-header.is-compact .tp-brand-v13 .custom-logo-link{
		display:block!important;
		margin:0!important;
		padding:0!important;
		transform:none!important;
	}

	.tp-brand-v13 .custom-logo,
	.site-header.is-compact .tp-brand-v13 .custom-logo,
	.tp-site-header.is-compact .tp-brand-v13 .custom-logo{
		display:block!important;
		width:auto!important;
		height:auto!important;
		max-width:380px!important;
		max-height:82px!important;
		margin:0 auto!important;
		transform:none!important;
	}

	.tp-masthead-v13 .masthead-menu-toggle,
	.site-header.is-compact .tp-masthead-v13 .masthead-menu-toggle{
		position:absolute!important;
		left:0!important;
		right:auto!important;
		top:50%!important;
		transform:translateY(-50%)!important;
		margin:0!important;
		grid-column:auto!important;
		justify-self:auto!important;
	}

	.tp-masthead-v13 .search-toggle,
	.site-header.is-compact .tp-masthead-v13 .search-toggle{
		position:absolute!important;
		right:0!important;
		left:auto!important;
		top:50%!important;
		transform:translateY(-50%)!important;
		margin:0!important;
		grid-column:auto!important;
		justify-self:auto!important;
	}

	/* Menu row remains part of the same sticky unit */
	.tp-public-menu-row-v13,
	.site-header.is-compact .tp-public-menu-row-v13{
		display:block!important;
		position:relative!important;
		width:100%!important;
		height:auto!important;
		max-height:none!important;
		opacity:1!important;
		visibility:visible!important;
		transform:none!important;
		background:#fff!important;
		border-top:1px solid #171717!important;
		border-bottom:1px solid #dedede!important;
	}

	.tp-public-menu-v13{
		min-height:48px!important;
		justify-content:center!important;
	}
}

/* ----------------------------------------------------------
   2. MOBILE HEADER REMAINS EXACTLY CENTERED
   ---------------------------------------------------------- */
@media (max-width:760px){
	.tp-sticky-header-v13{
		position:sticky!important;
		top:0!important;
		z-index:10000!important;
		background:#fff!important;
	}
	.tp-masthead-v13{
		position:relative!important;
		display:block!important;
		height:88px!important;
		min-height:88px!important;
		width:100%!important;
		padding:0 14px!important;
	}
	.tp-brand-v13{
		position:absolute!important;
		left:50%!important;
		top:50%!important;
		transform:translate(-50%,-50%)!important;
		width:auto!important;
		max-width:70%!important;
		margin:0!important;
	}
	.tp-brand-v13 .custom-logo{
		max-width:min(69vw,370px)!important;
		max-height:68px!important;
		margin:0 auto!important;
	}
	.tp-masthead-v13 .masthead-menu-toggle{
		position:absolute!important;
		left:14px!important;
		top:50%!important;
		transform:translateY(-50%)!important;
	}
	.tp-masthead-v13 .search-toggle{
		position:absolute!important;
		right:14px!important;
		top:50%!important;
		transform:translateY(-50%)!important;
	}
}

/* ----------------------------------------------------------
   3. CLEAN PROFESSIONAL NEWS TYPOGRAPHY
   ---------------------------------------------------------- */
body,
button,
input,
select,
textarea,
.tp-public-menu-v13,
.tp-gp-byline,
.entry-meta,
.article-meta,
.meta{
	font-family:var(--tp-sans)!important;
}

body{
	font-size:16px;
	line-height:1.55;
	color:var(--tp-text);
}

/* Editorial headlines: elegant, less heavy, more readable */
h1,h2,h3,h4,h5,h6,
.tp-gp-lead h1,
.tp-gp-side-story h2,
.tp-gp-latest-card h3,
.tp-gp-category-card h3,
.category-feature-v23 h1,
.category-card-v23 h2,
.article-header-v2 h1,
.related-card h3{
	font-family:var(--tp-news)!important;
	font-weight:700!important;
	letter-spacing:-.018em!important;
	color:#161616!important;
}

/* Homepage/category card title sizing */
.tp-gp-lead h1{
	font-size:34px!important;
	line-height:1.08!important;
}
.tp-gp-side-story h2{
	font-size:22px!important;
	line-height:1.10!important;
}
.tp-gp-latest-card h3,
.tp-gp-category-card h3{
	font-size:19px!important;
	line-height:1.13!important;
	margin-top:8px!important;
}
.category-feature-v23 h1{
	font-size:36px!important;
	line-height:1.08!important;
}
.category-card-v23 h2{
	font-size:21px!important;
	line-height:1.12!important;
}

/* Category labels and navigation: clean, not excessively bold */
.tp-gp-label,
.category-label,
.post-category,
.archive-page--v23 .eyebrow{
	font-family:var(--tp-sans)!important;
	font-weight:600!important;
	font-size:12px!important;
	letter-spacing:.055em!important;
	text-transform:uppercase!important;
	color:var(--tp-red)!important;
}

.tp-public-menu-v13 a{
	font-family:var(--tp-sans)!important;
	font-size:14px!important;
	font-weight:500!important;
	letter-spacing:0!important;
	color:#242424!important;
}
.tp-public-menu-v13 a:hover,
.tp-public-menu-v13 a:focus{
	color:var(--tp-red)!important;
}

/* Homepage section names */
.tp-gp-heading h2,
.tp-gp-heading h2 a{
	font-family:var(--tp-sans)!important;
	font-size:22px!important;
	font-weight:700!important;
	letter-spacing:-.01em!important;
	color:#171717!important;
}

/* Byline/meta much lighter than headline */
.tp-gp-byline,
.entry-meta,
.article-meta,
.meta{
	font-size:12px!important;
	font-weight:400!important;
	color:#666!important;
}

/* Remove the heavy Times-like feel on excerpts/body text */
.tp-gp-excerpt,
.archive-excerpt,
.entry-summary,
.article-content-v2,
.article-content-v2 p{
	font-family:var(--tp-sans)!important;
	font-weight:400!important;
	letter-spacing:0!important;
}

/* Mobile title refinement */
@media(max-width:760px){
	.tp-gp-lead h1{font-size:31px!important}
	.tp-gp-side-story h2{font-size:20px!important}
	.tp-gp-latest-card h3,
	.tp-gp-category-card h3{font-size:18px!important}
	.category-feature-v23 h1{font-size:30px!important}
	.category-card-v23 h2{font-size:20px!important}
}



/* ==========================================================
   YOU ARE PAKISTAN v1.5 — TRUE MOVING HEADER + ADSENSE RESTORE
   ========================================================== */

/*
 * IMPORTANT:
 * Sticky was previously applied to the inner header element.
 * A sticky child is constrained by the height of its parent,
 * which is why the logo/menu stopped moving after v1.4.
 * v1.5 makes the complete site header itself sticky and keeps
 * the inner masthead static inside it.
 */
.site-header.tp-site-header{
	position:sticky!important;
	top:0!important;
	z-index:10050!important;
	width:100%!important;
	background:#fff!important;
	box-shadow:0 1px 0 rgba(0,0,0,.12)!important;
	overflow:visible!important;
}

.admin-bar .site-header.tp-site-header{
	top:32px!important;
}

/* The inner unit must NOT be sticky separately. */
.tp-sticky-header-v13,
.site-header.is-compact .tp-sticky-header-v13,
.tp-site-header.is-compact .tp-sticky-header-v13{
	position:static!important;
	top:auto!important;
	z-index:auto!important;
	width:100%!important;
	background:#fff!important;
	transform:none!important;
}

/* Keep exactly the same visual geometry while scrolling. */
@media (min-width:761px){
	.site-header.tp-site-header,
	.site-header.tp-site-header.is-compact{
		position:sticky!important;
		top:0!important;
	}

	.admin-bar .site-header.tp-site-header,
	.admin-bar .site-header.tp-site-header.is-compact{
		top:32px!important;
	}

	.site-header.tp-site-header .tp-masthead-v13,
	.site-header.tp-site-header.is-compact .tp-masthead-v13{
		height:108px!important;
		min-height:108px!important;
	}

	.site-header.tp-site-header .tp-brand-v13,
	.site-header.tp-site-header.is-compact .tp-brand-v13{
		position:absolute!important;
		left:50%!important;
		right:auto!important;
		top:50%!important;
		transform:translate(-50%,-50%)!important;
		margin:0!important;
	}

	.site-header.tp-site-header .tp-brand-v13 .custom-logo,
	.site-header.tp-site-header.is-compact .tp-brand-v13 .custom-logo{
		max-width:380px!important;
		max-height:82px!important;
		width:auto!important;
		height:auto!important;
	}

	.site-header.tp-site-header .tp-public-menu-row-v13,
	.site-header.tp-site-header.is-compact .tp-public-menu-row-v13{
		display:block!important;
		opacity:1!important;
		visibility:visible!important;
		max-height:none!important;
		height:auto!important;
		transform:none!important;
	}
}

/* WordPress mobile admin bar is 46px high. */
@media (max-width:782px){
	.admin-bar .site-header.tp-site-header{
		top:46px!important;
	}
}

/* Preserve current mobile geometry while making it scroll with the page. */
@media (max-width:760px){
	.site-header.tp-site-header{
		position:sticky!important;
		top:0!important;
	}
	.admin-bar .site-header.tp-site-header{
		top:46px!important;
	}
	.tp-sticky-header-v13{
		position:static!important;
	}
}

/*
 * AdSense banner directly under the moving header.
 * Space is reserved even before Google fills the slot, avoiding
 * a collapsed/vanishing banner area and layout shift.
 */
.tp-top-adsense-wrap{
	display:block!important;
	position:relative!important;
	width:100%!important;
	min-height:118px!important;
	margin:0!important;
	padding:10px 12px 14px!important;
	background:#fff!important;
	border-bottom:1px solid #e1e1e1!important;
	overflow:visible!important;
	clear:both!important;
}

.tp-top-adsense-wrap .container{
	display:block!important;
	width:min(calc(100% - 24px),970px)!important;
	max-width:970px!important;
	min-height:94px!important;
	margin:0 auto!important;
	padding:0!important;
}

.tp-top-adsense-wrap .tp-ad-label{
	display:block!important;
	height:16px!important;
	margin:0 0 4px!important;
	text-align:center!important;
	font-family:Arial,Helvetica,sans-serif!important;
	font-size:9px!important;
	font-weight:400!important;
	letter-spacing:.09em!important;
	color:#808080!important;
}

.tp-top-adsense-wrap ins.adsbygoogle{
	display:block!important;
	width:100%!important;
	min-height:90px!important;
	margin:0 auto!important;
}

@media(max-width:760px){
	.tp-top-adsense-wrap{
		min-height:84px!important;
		padding:8px 10px 10px!important;
	}
	.tp-top-adsense-wrap .container{
		width:100%!important;
		min-height:66px!important;
	}
	.tp-top-adsense-wrap ins.adsbygoogle{
		min-height:50px!important;
	}
}


/* ==========================================================
   YOU ARE PAKISTAN v1.6 — COMPACT MOVING HEADER + SIDEBAR ADS
   ========================================================== */

/* On scroll: keep the moving masthead, centered logo and controls,
   but remove the category/menu-name row from the sticky header. */
@media (min-width:761px){
	.site-header.tp-site-header.is-compact .tp-public-menu-row-v13{
		display:none!important;
		height:0!important;
		min-height:0!important;
		max-height:0!important;
		padding:0!important;
		margin:0!important;
		border:0!important;
		overflow:hidden!important;
		opacity:0!important;
		visibility:hidden!important;
	}

	.site-header.tp-site-header.is-compact .tp-masthead-v13{
		height:88px!important;
		min-height:88px!important;
	}

	.site-header.tp-site-header.is-compact .tp-brand-v13{
		position:absolute!important;
		left:50%!important;
		top:50%!important;
		right:auto!important;
		transform:translate(-50%,-50%)!important;
		margin:0!important;
	}

	.site-header.tp-site-header.is-compact .tp-brand-v13 .custom-logo{
		max-width:340px!important;
		max-height:70px!important;
		width:auto!important;
		height:auto!important;
	}
}

/* Requested responsive sidebar ad slot. */
.tp-sidebar-adsense{
	display:block!important;
	width:100%!important;
	min-height:280px!important;
	margin:0!important;
	padding:0!important;
	background:#fff!important;
	overflow:visible!important;
}

.tp-sidebar-adsense .sidebar-label{
	display:block!important;
	margin:0 0 10px!important;
	padding-top:10px!important;
	border-top:1px solid #555!important;
	font-family:Arial,Helvetica,sans-serif!important;
	font-size:10px!important;
	font-weight:400!important;
	letter-spacing:.08em!important;
	text-transform:uppercase!important;
	color:#777!important;
}

.tp-sidebar-adsense ins.adsbygoogle{
	display:block!important;
	width:100%!important;
	min-height:250px!important;
	margin:0 auto!important;
}

/* Home page author names are intentionally removed in the template. */


/* ===== You Are Pakistan v1.7 final: sidebar ad rail + newest Top Stories ===== */
.sidebar-ad-block--top{
	margin:0 0 26px!important;
	padding:0!important;
	border-top:1px solid #1d1f23!important;
	border-bottom:1px solid #1d1f23!important;
	min-height:0!important;
}
.sidebar-ad-block--top .tp-sidebar-adsense{
	margin:9px 0!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
	min-height:250px;
	width:100%;
	overflow:hidden;
}
.sidebar-ad-block--top .tp-sidebar-adsense .sidebar-label{
	margin:0 0 10px!important;
	padding:0!important;
	font-family:Arial,Helvetica,sans-serif!important;
	font-size:10px!important;
	font-weight:400!important;
	line-height:1.2!important;
	letter-spacing:.08em!important;
	text-transform:uppercase!important;
	color:#777!important;
}
.sidebar-ad-block--top .tp-sidebar-adsense ins.adsbygoogle{
	display:block!important;
	width:100%!important;
	max-width:100%!important;
	min-height:220px;
	margin:0!important;
}
.single-sidebar > .sidebar-ad-block--top + .sidebar-block,
.archive-content-grid .editorial-sidebar > .sidebar-ad-block--top + .sidebar-block{
	border-top:0!important;
	padding-top:0!important;
}
@media(max-width:1000px){
	.sidebar-ad-block--top .tp-sidebar-adsense{min-height:180px}
	.sidebar-ad-block--top .tp-sidebar-adsense ins.adsbygoogle{min-height:160px}
}

/* ==========================================================
   YOU ARE PAKISTAN v1.9 — MATCHED RED CONTROLS + WIDER DESKTOP
   ========================================================== */
:root{--tp-control-red:#c82127;}

/* Menu and search controls: same brand-red treatment everywhere. */
.tp-masthead-v13 .menu-toggle,
.tp-masthead-v13 .masthead-menu-toggle,
.tp-masthead-v13 .search-toggle,
.site-header.tp-site-header .menu-toggle,
.site-header.tp-site-header .search-toggle{
	background:var(--tp-control-red)!important;
	border-color:var(--tp-control-red)!important;
	color:#fff!important;
	box-shadow:none!important;
}
.tp-masthead-v13 .menu-toggle:hover,
.tp-masthead-v13 .masthead-menu-toggle:hover,
.tp-masthead-v13 .search-toggle:hover,
.site-header.tp-site-header .menu-toggle:hover,
.site-header.tp-site-header .search-toggle:hover{
	background:#a71920!important;
	border-color:#a71920!important;
	color:#fff!important;
}
.tp-masthead-v13 .menu-toggle:focus-visible,
.tp-masthead-v13 .search-toggle:focus-visible{
	outline:2px solid #fff!important;
	outline-offset:-4px!important;
}

/* Desktop: use substantially more of the viewport while retaining a safe gutter. */
@media (min-width:1100px){
	:root{--container:1500px;}
	.container{
		width:min(calc(100% - 48px),1500px)!important;
		max-width:1500px!important;
	}
	.tp-gp-home{
		width:min(calc(100% - 48px),1500px)!important;
		max-width:1500px!important;
	}
	/* Keep ad creative itself within standard leaderboard width. */
	.tp-top-adsense-wrap .container{
		width:min(calc(100% - 24px),970px)!important;
		max-width:970px!important;
	}
}

/* Large displays: only a modest outer gutter, not a narrow centered column. */
@media (min-width:1600px){
	.container,
	.tp-gp-home{
		width:calc(100% - 64px)!important;
		max-width:1680px!important;
	}
}

/* Mobile controls remain balanced and identical in size and colour. */
@media (max-width:760px){
	.tp-masthead-v13 .menu-toggle,
	.tp-masthead-v13 .masthead-menu-toggle,
	.tp-masthead-v13 .search-toggle{
		width:52px!important;
		height:52px!important;
		min-width:52px!important;
		border-radius:50%!important;
		background:var(--tp-control-red)!important;
		border-color:var(--tp-control-red)!important;
		color:#fff!important;
	}
}


/* ==========================================================
   YOU ARE PAKISTAN v1.10 — DEFINITIVE RED HEADER CONTROLS + WIDE DESKTOP
   Cache-resistant final overrides.
   ========================================================== */
:root{--tp-public-red:#c82127;--tp-public-red-dark:#a71920;}

/* Both header buttons MUST always match You Are Pakistan red. */
html body .site-header.tp-site-header .tp-masthead-v13 button.tp-red-control,
html body .site-header.tp-site-header .tp-masthead-v13 .menu-toggle,
html body .site-header.tp-site-header .tp-masthead-v13 .masthead-menu-toggle,
html body .site-header.tp-site-header .tp-masthead-v13 .search-toggle,
html body .site-header.tp-site-header.is-compact .tp-masthead-v13 .menu-toggle,
html body .site-header.tp-site-header.is-compact .tp-masthead-v13 .search-toggle{
  background:#c82127!important;
  background-color:#c82127!important;
  border:1px solid #c82127!important;
  color:#fff!important;
  box-shadow:none!important;
  opacity:1!important;
}
html body .site-header.tp-site-header .tp-masthead-v13 button.tp-red-control:hover,
html body .site-header.tp-site-header .tp-masthead-v13 button.tp-red-control:focus,
html body .site-header.tp-site-header .tp-masthead-v13 .menu-toggle:hover,
html body .site-header.tp-site-header .tp-masthead-v13 .search-toggle:hover{
  background:#a71920!important;
  background-color:#a71920!important;
  border-color:#a71920!important;
  color:#fff!important;
}

/* Identical geometry on phones/tablets. */
@media (max-width:760px){
  html body .site-header.tp-site-header .tp-masthead-v13 .menu-toggle,
  html body .site-header.tp-site-header .tp-masthead-v13 .masthead-menu-toggle,
  html body .site-header.tp-site-header .tp-masthead-v13 .search-toggle{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    padding:0!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#c82127!important;
    background-color:#c82127!important;
    border-color:#c82127!important;
    color:#fff!important;
  }
}

/* Desktop: near-full-width newsroom canvas with a safe 24px edge gutter. */
@media (min-width:1100px){
  html body .container,
  html body .tp-gp-home{
    width:calc(100% - 48px)!important;
    max-width:1760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body .tp-top-adsense-wrap .container{
    width:min(calc(100% - 32px),970px)!important;
    max-width:970px!important;
  }
}
@media (min-width:1500px){
  html body .container,
  html body .tp-gp-home{
    width:calc(100% - 40px)!important;
    max-width:1880px!important;
  }
}


/* ==========================================================
   YOU ARE PAKISTAN v1.11 — BRAND + MENU FINAL OVERRIDES
   ========================================================== */
:root{
  --yap-red:#c82127;
  --yap-red-dark:#a71920;
  --yap-red-deep:#861117;
  --yap-black:#171717;
  --yap-soft:#fff1f2;
}

/* Custom logo and bundled fallback logo */
.yap-default-logo{display:block;text-align:center}
.yap-default-logo img{display:block;width:auto;height:auto;max-width:390px;max-height:86px;margin:0 auto}
.yap-brand .custom-logo{max-width:390px!important;max-height:86px!important}

/* Desktop menu uses the actual WordPress Primary Menu selected in Appearance > Menus. */
.yap-primary-nav{display:block!important;min-height:48px!important;overflow-x:auto!important;scrollbar-width:none}
.yap-primary-nav::-webkit-scrollbar{display:none}
.yap-primary-menu,
.tp-public-menu-list-v13{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:30px!important;
  white-space:nowrap!important;
}
.yap-primary-menu>li,
.tp-public-menu-list-v13>li{position:relative;margin:0!important;padding:0!important}
.yap-primary-menu>li>a,
.tp-public-menu-list-v13>li>a{
  display:block!important;
  padding:16px 0 14px!important;
  color:#171717!important;
  font-family:Arial,Helvetica,"Segoe UI",sans-serif!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.2!important;
}
.yap-primary-menu>li.current-menu-item>a,
.yap-primary-menu>li.current-category-ancestor>a,
.yap-primary-menu>li>a:hover,
.tp-public-menu-list-v13>li>a:hover{color:var(--yap-red)!important}
.yap-primary-menu .sub-menu{
  position:absolute;top:100%;left:-16px;z-index:9999;display:none;min-width:190px;
  margin:0;padding:8px 0;list-style:none;background:#fff;border:1px solid #e2e2e2;
  box-shadow:0 10px 25px rgba(0,0,0,.10)
}
.yap-primary-menu li:hover>.sub-menu{display:block}
.yap-primary-menu .sub-menu a{display:block;padding:10px 16px;font-size:13px;color:#222}
.yap-primary-menu .sub-menu a:hover{color:var(--yap-red);background:#fff5f5}

/* You Are Pakistan red/white/black visual language */
html body a:hover{color:var(--yap-red)}
html body .tp-gp-heading h2:after,
html body .section-heading h2:after{background:var(--yap-red)!important}
html body .tp-gp-seeall,
html body .eyebrow,
html body .archive-kicker{color:var(--yap-red)!important}
html body .topic-strip,
html body .archive-header,
html body .author-header{border-left-color:var(--yap-red)!important}
html body .search-panel{background:var(--yap-soft)!important}
html body .search-form button,
html body .button{background:var(--yap-red)!important}
html body .search-form button:hover,
html body .button:hover{background:var(--yap-red-dark)!important}
html body .yap-control,
html body .tp-red-control{background:var(--yap-red)!important;border-color:var(--yap-red)!important;color:#fff!important}
html body .yap-control:hover,
html body .tp-red-control:hover{background:var(--yap-red-dark)!important;border-color:var(--yap-red-dark)!important}
html body .yap-breaking{background:#fff1f2!important;border-color:#f0cfd2!important}
html body .yap-breaking strong{color:var(--yap-red)!important}
html body .site-footer.tp-footer-v12{background:var(--yap-red-dark)!important}
html body .tp-footer-v12 .footer-bottom{background:var(--yap-red-deep)!important}

@media(max-width:760px){
  .yap-default-logo img{max-width:min(67vw,350px);max-height:68px}
  .yap-brand .custom-logo{max-width:min(67vw,350px)!important;max-height:68px!important}
  .yap-menu-row{display:none!important}
}

/* ==========================================================
   YOU ARE PAKISTAN v1.12 — GREEN BRAND SYSTEM + FULL CATEGORY HOME
   ========================================================== */
:root{
  --yap-green:#078b3f;
  --yap-green-bright:#10a64f;
  --yap-green-dark:#004b2b;
  --yap-green-deep:#00351f;
  --yap-green-soft:#eaf7ef;
  --yap-ink:#111b16;
}

/* Carry the logo green across the entire interface. */
html body a:hover{color:var(--yap-green)!important}
html body .tp-red-control,
html body .site-header.tp-site-header .tp-masthead-v13 .menu-toggle,
html body .site-header.tp-site-header .tp-masthead-v13 .masthead-menu-toggle,
html body .site-header.tp-site-header .tp-masthead-v13 .search-toggle,
html body .site-header.tp-site-header.is-compact .tp-masthead-v13 .menu-toggle,
html body .site-header.tp-site-header.is-compact .tp-masthead-v13 .search-toggle{
  background:var(--yap-green)!important;background-color:var(--yap-green)!important;
  border-color:var(--yap-green)!important;color:#fff!important;
}
html body .tp-red-control:hover,
html body .site-header.tp-site-header .tp-masthead-v13 .menu-toggle:hover,
html body .site-header.tp-site-header .tp-masthead-v13 .search-toggle:hover{
  background:var(--yap-green-dark)!important;background-color:var(--yap-green-dark)!important;border-color:var(--yap-green-dark)!important;
}
html body .yap-primary-menu>li.current-menu-item>a,
html body .yap-primary-menu>li.current-category-ancestor>a,
html body .yap-primary-menu>li>a:hover,
html body .tp-public-menu-list-v13>li>a:hover{color:var(--yap-green)!important}
html body .yap-primary-menu .sub-menu a:hover{color:var(--yap-green)!important;background:var(--yap-green-soft)!important}
html body .section-heading h2:after,
html body .tp-gp-heading h2:after{background:var(--yap-green)!important}
html body .archive-kicker,
html body .tp-gp-seeall,
html body .yap-breaking strong{color:var(--yap-green)!important}
html body .author-header{border-left-color:var(--yap-green)!important}
html body .button{background:var(--yap-green)!important}
html body .button:hover{background:var(--yap-green-dark)!important}
html body .site-footer.tp-footer-v12{background:var(--yap-green-dark)!important}
html body .tp-footer-v12 .footer-bottom{background:var(--yap-green-deep)!important}
html body .tp-footer-social a{border-color:rgba(255,255,255,.45)!important}

/* Homepage newsroom canvas */
.yap-home{padding-bottom:32px}
.yap-section-heading,.yap-category-heading{border-top:1px solid #cbd8d0;padding-top:18px}
.yap-section-heading h2,.yap-category-heading h2{font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:800;color:var(--yap-ink);margin:0}
.yap-category-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px;margin-bottom:14px}
.yap-category-heading h2 a{color:var(--yap-ink)!important}
.yap-category-heading h2 a:hover{color:var(--yap-green)!important}
.yap-heading-actions{display:flex;align-items:center;gap:8px}
.tp-gp-seeall{font-weight:800!important;text-transform:none!important}

.yap-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.9fr);grid-template-rows:repeat(4,1fr);gap:14px 22px}
.yap-hero-lead{grid-row:1/5;position:relative;min-height:540px;overflow:hidden;background:#eef3ef}
.yap-hero-lead-image,.yap-hero-lead-image img{display:block;width:100%;height:100%;object-fit:cover}
.yap-hero-copy{position:absolute;inset:auto 0 0;padding:70px 24px 22px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff}
.yap-hero-copy h1{font:800 36px/1.08 Arial,Helvetica,sans-serif;margin:7px 0 0}
.yap-hero-copy h1 a{color:#fff!important}
.yap-kicker{display:inline-block;font:800 11px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.08em;background:var(--yap-green);color:#fff;padding:6px 8px}
.yap-hero-small{display:grid;grid-template-columns:150px 1fr;gap:13px;align-items:center;border-bottom:1px solid #dfe6e1;padding-bottom:12px;min-height:118px}
.yap-hero-small:last-child{border-bottom:0}
.yap-hero-small-image{display:block;aspect-ratio:1.45/1;overflow:hidden;background:#edf1ee}
.yap-hero-small-image img{width:100%;height:100%;object-fit:cover}
.yap-hero-small h2{font:750 18px/1.15 Arial,Helvetica,sans-serif;margin:7px 0 0}

/* Moving trending strip */
.yap-news-ticker{margin:24px 0 10px;display:grid;grid-template-columns:auto 1fr;align-items:center;overflow:hidden;border:1px solid #d7e5dc;background:#fff}
.yap-news-ticker>strong{align-self:stretch;display:flex;align-items:center;padding:0 16px;background:var(--yap-green);color:#fff;font:800 12px/1 Arial;text-transform:uppercase;letter-spacing:.06em}
.yap-ticker-window{overflow:hidden;white-space:nowrap}
.yap-ticker-track{display:inline-flex;align-items:center;gap:22px;padding:12px 0;min-width:max-content;animation:yapTicker 48s linear infinite}
.yap-ticker-track:hover{animation-play-state:paused}
.yap-ticker-track a{font:700 14px/1.2 Arial;color:#172019!important}
.yap-ticker-track span{color:var(--yap-green)}
@keyframes yapTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Public-style category blocks, but in YAP green */
.yap-category-section{margin-top:34px}
.yap-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.yap-category-card{min-width:0;border:1px solid #d8e1da;background:#fff;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}
.yap-category-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px rgba(0,74,43,.10)}
.yap-card-label{padding:9px 10px;background:var(--yap-green-soft);color:var(--yap-green-dark);font:800 11px/1 Arial;text-transform:uppercase;letter-spacing:.06em}
.yap-category-image{display:block;aspect-ratio:1.45/1;overflow:hidden;background:#edf2ee}
.yap-category-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.yap-category-card:hover .yap-category-image img{transform:scale(1.035)}
.yap-category-card h3{font:750 18px/1.15 Arial,Helvetica,sans-serif;margin:0;padding:11px 10px 15px}
.yap-category-card h3 a{color:#152019!important}
.yap-category-card h3 a:hover{color:var(--yap-green)!important}

/* Selected category rows move like a news carousel. */
.yap-motion-section{position:relative;background:linear-gradient(180deg,#fbfefc 0,#fff 100%);padding-bottom:4px}
.yap-motion-section .yap-category-grid{display:flex!important;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:6px}
.yap-motion-section .yap-category-grid::-webkit-scrollbar{display:none}
.yap-motion-section .yap-category-card{flex:0 0 calc((100% - 54px)/4);scroll-snap-align:start}
.yap-slide-btn{width:30px;height:30px;border-radius:50%;border:1px solid #b9d1c2;background:#fff;color:var(--yap-green-dark);font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center}
.yap-slide-btn:hover{background:var(--yap-green);border-color:var(--yap-green);color:#fff}

@media(max-width:950px){
 .yap-hero-grid{grid-template-columns:1fr;grid-template-rows:auto}.yap-hero-lead{grid-row:auto;min-height:430px}
 .yap-hero-small{grid-template-columns:170px 1fr}.yap-category-grid{grid-template-columns:repeat(2,1fr)}
 .yap-motion-section .yap-category-card{flex-basis:calc((100% - 18px)/2)}
}
@media(max-width:620px){
 .yap-hero-lead{min-height:340px}.yap-hero-copy{padding:50px 16px 16px}.yap-hero-copy h1{font-size:27px}
 .yap-hero-small{grid-template-columns:118px 1fr}.yap-hero-small h2{font-size:15px}
 .yap-news-ticker{grid-template-columns:92px 1fr}.yap-news-ticker>strong{padding:0 10px}
 .yap-category-grid{grid-template-columns:1fr 1fr;gap:10px}.yap-category-card h3{font-size:15px;padding:9px 8px 12px}.yap-card-label{padding:7px 8px;font-size:10px}
 .yap-motion-section .yap-category-card{flex-basis:78%}.yap-category-heading h2{font-size:21px}.yap-slide-btn{width:28px;height:28px}
}
@media(prefers-reduced-motion:reduce){.yap-ticker-track{animation:none}.yap-category-image img,.yap-category-card{transition:none}}


/* ==========================================================
   YOU ARE PAKISTAN v1.13 — CACHE-BUSTED GREEN NEWSROOM UI
   This block intentionally comes last and overrides legacy red rules.
   ========================================================== */
:root{
  --yap-green:#078b3f!important;
  --yap-green-2:#10a64f!important;
  --yap-green-dark:#004b2b!important;
  --yap-green-deep:#00351f!important;
  --yap-green-soft:#eaf7ef!important;
  --yap-line:#d8e6dd!important;
}
html body .yap-control,
html body .site-header .menu-toggle,
html body .site-header .search-toggle{
  background:#078b3f!important;background-color:#078b3f!important;border-color:#078b3f!important;color:#fff!important;
}
html body .yap-control:hover,
html body .site-header .menu-toggle:hover,
html body .site-header .search-toggle:hover{background:#004b2b!important;background-color:#004b2b!important;border-color:#004b2b!important}
html body .site-footer,
html body .site-footer.tp-footer-v12{background:#004b2b!important;color:#fff!important}
html body .site-footer .footer-bottom,
html body .tp-footer-v12 .footer-bottom{background:#00351f!important}
html body .site-footer a:hover{color:#9ae5b8!important}
html body .tp-public-menu-list-v13>li>a:hover,
html body .yap-primary-menu>li>a:hover,
html body .yap-primary-menu>li.current-menu-item>a{color:#078b3f!important}

/* Keep the masthead compact and remove the empty ad desert. */
.yap-site-header{margin-bottom:0!important}
.tp-top-adsense-wrap{display:none!important}
.yap-home{padding-top:18px!important}

/* Horizontal green category bar directly below the top stories. */
.yap-category-bar{
  display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;
  margin:18px 0 30px;border:1px solid var(--yap-line);background:#fff;overflow:hidden;
  box-shadow:0 4px 16px rgba(0,75,43,.05)
}
.yap-category-bar__label{
  display:flex;align-items:center;padding:0 18px;background:#078b3f;color:#fff;
  font:800 12px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.08em
}
.yap-category-bar__rail{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.yap-category-bar__rail::-webkit-scrollbar{display:none}
.yap-category-bar__rail a{
  position:relative;display:block;padding:14px 16px;color:#172019!important;
  font:800 13px/1 Arial,Helvetica,sans-serif;border-right:1px solid #edf2ee
}
.yap-category-bar__rail a:hover{background:#eaf7ef!important;color:#078b3f!important}

/* Strong Public-style section bars. */
.yap-category-section{margin:38px 0 0!important;border-top:3px solid #078b3f!important;padding-top:0!important}
.yap-category-heading{
  margin:0 0 14px!important;padding:11px 0 9px!important;border-top:0!important;border-bottom:1px solid var(--yap-line)!important;
  min-height:48px
}
.yap-category-heading h2{font-size:25px!important;font-weight:900!important;letter-spacing:-.02em!important}
.yap-category-heading h2:before{
  content:"";display:inline-block;width:5px;height:22px;margin-right:10px;background:#078b3f;vertical-align:-4px;border-radius:1px
}
.yap-category-heading h2:after{display:none!important}
.yap-category-heading .tp-gp-seeall{color:#078b3f!important;font-weight:900!important}
.yap-card-label{background:#eaf7ef!important;color:#004b2b!important;border-bottom:1px solid #d5eadc!important}
.yap-category-card{border-color:#d7e3da!important}
.yap-category-card:hover{box-shadow:0 10px 28px rgba(0,75,43,.12)!important}

/* Motion sections get a subtle green track and live indicator. */
.yap-motion-section:before{
  content:"AUTO";position:absolute;right:0;top:12px;transform:translateY(-100%);
  font:800 9px/1 Arial;color:#078b3f;letter-spacing:.12em
}
.yap-motion-section .yap-category-grid{padding:3px 0 10px!important}
.yap-slide-btn{border-color:#b8d8c4!important;color:#004b2b!important}
.yap-slide-btn:hover{background:#078b3f!important;color:#fff!important;border-color:#078b3f!important}

/* Green trending strip. */
.yap-news-ticker{border-color:#cfe4d6!important}
.yap-news-ticker>strong{background:#078b3f!important}
.yap-ticker-track span{color:#078b3f!important}

/* Homepage hero green identity. */
.yap-kicker{background:#078b3f!important}
.yap-hero-lead{border-bottom:4px solid #078b3f}

@media(max-width:760px){
  .yap-home{padding-top:10px!important}
  .yap-category-bar{grid-template-columns:78px 1fr;margin:12px 0 24px}
  .yap-category-bar__label{justify-content:center;padding:0 8px;font-size:10px}
  .yap-category-bar__rail a{padding:12px 13px;font-size:12px}
  .yap-category-section{margin-top:28px!important}
  .yap-category-heading{min-height:44px!important}
  .yap-category-heading h2{font-size:20px!important}
  .yap-category-heading h2:before{height:18px;margin-right:7px;vertical-align:-3px}
}