/*
Theme Name: You Are Pakistan ProStyle
Theme URI: https://youarepakistan.com.pk/
Author: You Are Pakistan
Description: A lightweight, responsive news theme for YouArePakistan.com.pk, inspired by modern Pakistani tech/news portals while preserving the You Are Pakistan identity.
Version: 5.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: yap-prostyle
*/
:root{--green:#009640;--deep:#003d20;--ink:#15191d;--muted:#6e7479;--line:#e4e8e5;--soft:#f4f7f5;--white:#fff;--dark:#171a1c;--blue:#1c8bd1;--purple:#8446b9;--red:#d83443}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-wrap{width:min(1280px,calc(100% - 40px));margin:auto}.screen-reader-text{position:absolute;left:-9999px}.yap-topbar{font-size:13px;border-bottom:1px solid var(--line);background:#fff}.yap-topbar .site-wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:36px}.yap-top-links,.yap-social-mini{display:flex;gap:18px;align-items:center}.yap-top-links a:hover{color:var(--green)}
.yap-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:50}.yap-header-main{height:82px;display:grid;grid-template-columns:240px 1fr 52px;align-items:center;gap:20px}.custom-logo-link img,.yap-logo img{max-height:64px;width:auto}.yap-search-btn,.yap-menu-btn{width:46px;height:46px;border:0;border-radius:50%;background:var(--green);color:#fff;font-size:22px;display:grid;place-items:center;cursor:pointer}.yap-search-btn{justify-self:end}.yap-menu-btn{display:none}.yap-nav{background:#f4f7f5;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:49}.admin-bar .yap-nav{top:32px}.yap-nav .site-wrap{display:flex;align-items:center}.yap-nav ul{list-style:none;display:flex;gap:0;margin:0;padding:0}.yap-nav li a{display:block;padding:17px 18px;font-size:15px;font-weight:600;color:#4d5b62}.yap-nav li.current-menu-item a,.yap-nav li a:hover{background:var(--green);color:#fff}.yap-ad-top{padding:20px 0;text-align:center;min-height:90px}.yap-ad-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7c8489;margin-bottom:8px}.yap-ad-placeholder{height:72px;background:#fafafa;border:1px dashed #ddd;display:grid;place-items:center;color:#a0a5a8;font-size:12px}
.section-title{display:flex;align-items:center;gap:12px;margin:22px 0 14px;font-size:22px;font-weight:800;text-transform:uppercase}.section-title:before{content:"";width:6px;height:32px;background:var(--green)}.section-title small{margin-left:auto;font-size:12px;color:var(--green);font-weight:700}.home-hero{display:grid;grid-template-columns:1.65fr 1fr 1fr;grid-template-rows:220px 220px;gap:8px;margin-top:18px}.hero-card{position:relative;overflow:hidden;background:#ddd;min-height:180px}.hero-card:first-child{grid-row:1/3}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-card:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8))}.hero-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:white}.hero-copy h2{margin:0;font-size:23px;line-height:1.08}.hero-card:first-child .hero-copy h2{font-size:34px}.hero-kicker{font-size:12px;text-transform:uppercase;font-weight:800;color:#81e6a8;margin-bottom:7px}.latest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.latest-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.post-time{font-size:12px;color:var(--green);font-weight:700;margin:8px 0 6px}.latest-card h3{font-size:17px;line-height:1.2;margin:0}.dark-block{background:var(--dark);color:#fff;padding:28px 0 34px;margin:34px 0}.dark-block .section-title{color:#fff}.dark-block .section-title:before{background:#32a9ef}.dark-layout{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}.dark-lead{position:relative}.dark-lead img{width:100%;aspect-ratio:4/3;object-fit:cover}.dark-lead h3{font-size:28px;margin:12px 0 0}.mini-list{display:grid;gap:0}.mini-item{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #343a3d}.mini-item img{width:130px;height:82px;object-fit:cover}.mini-item h4{margin:0;font-size:16px;line-height:1.25}.category-bands{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:30px 0}.band{border-top:3px solid var(--green);padding-top:10px}.band h2{font-size:18px;text-transform:uppercase;color:var(--green);margin:0 0 14px}.band-lead img{width:100%;aspect-ratio:16/9;object-fit:cover}.band-lead h3{font-size:20px;line-height:1.2;margin:9px 0}.band ul{list-style:none;margin:10px 0 0;padding:0}.band li{border-top:1px solid var(--line);padding:11px 0;font-weight:600}.band:nth-child(2){border-color:#1f78c1}.band:nth-child(2) h2{color:#1f78c1}.band:nth-child(3){border-color:#d84653}.band:nth-child(3) h2{color:#d84653}.band:nth-child(4){border-color:#7b4eb3}.band:nth-child(4) h2{color:#7b4eb3}.band:nth-child(5){border-color:#ee8b22}.band:nth-child(5) h2{color:#ee8b22}.band:nth-child(6){border-color:#059a4b}.band:nth-child(6) h2{color:#059a4b}
.archive-head{margin:22px 0;background:linear-gradient(105deg,var(--deep),var(--green));padding:34px 30px;color:white}.archive-head .eyebrow{font-size:11px;letter-spacing:.16em}.archive-head h1{font-size:36px;margin:4px 0}.content-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 24px}.archive-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;border-bottom:1px solid var(--line);padding-bottom:24px}.archive-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.archive-card h2{font-size:24px;line-height:1.12;margin:8px 0}.archive-card:first-child h2{font-size:34px}.excerpt{color:#4e5559;line-height:1.55}.sidebar-box{border-top:2px solid var(--ink);padding-top:10px;margin-bottom:28px}.sidebar-box h3{font-size:20px;margin:0 0 10px}.sidebar-post{display:grid;grid-template-columns:1fr 78px;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.sidebar-post img{width:78px;height:58px;object-fit:cover}.sidebar-post h4{font-size:14px;margin:0;line-height:1.2}
.single-main h1{font-family:Georgia,'Times New Roman',serif;font-size:48px;line-height:1.08;margin:18px 0 16px}.single-meta{display:flex;gap:18px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#6b7074;font-size:13px}.single-main .featured{width:100%;margin:22px 0}.single-content{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.72}.single-content p{margin:0 0 1.2em}.single-content img{margin:24px auto}.single-tags{margin-top:30px;border-top:1px solid var(--line);padding-top:14px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.related-grid img{aspect-ratio:16/9;object-fit:cover}.related-grid h4{font-size:18px;margin:8px 0}
.site-footer{margin-top:45px;background:linear-gradient(135deg,var(--deep),#006e35);color:#fff;padding:42px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-logo img{max-width:330px;filter:brightness(0) invert(1)}.site-footer h3{margin:0 0 14px}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:8px 0}.footer-social{display:flex;gap:9px;margin-top:16px}.footer-social a{width:36px;height:36px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center}.copyright{margin-top:35px;padding-top:14px;border-top:1px solid rgba(255,255,255,.2);font-size:12px;color:#d9ebe1}
.yap-drawer{position:fixed;inset:0 auto 0 0;width:min(340px,85vw);background:#fff;z-index:100;transform:translateX(-110%);transition:.25s;box-shadow:8px 0 30px rgba(0,0,0,.2);padding:30px}.yap-drawer.open{transform:none}.drawer-close{float:right;border:0;background:none;font-size:30px}.yap-drawer ul{clear:both;list-style:none;padding:20px 0;margin:0}.yap-drawer a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-weight:700}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99}.drawer-mask.show{display:block}.yap-search-panel{display:none;position:absolute;right:20px;top:72px;background:white;padding:12px;border:1px solid var(--line);box-shadow:0 8px 25px rgba(0,0,0,.12)}.yap-search-panel.open{display:flex}.yap-search-panel input{width:260px;padding:11px;border:1px solid #ccd2cf}.yap-search-panel button{border:0;background:var(--green);color:white;padding:0 16px}
@media(max-width:900px){.site-wrap{width:min(100% - 28px,1280px)}.yap-topbar{display:none}.yap-header{position:sticky;top:0}.admin-bar .yap-header{top:46px}.yap-header-main{height:82px;grid-template-columns:52px 1fr 52px}.yap-menu-btn{display:grid}.yap-logo{text-align:center}.yap-logo img{margin:auto;max-height:58px}.yap-nav{display:none}.home-hero{grid-template-columns:1fr 1fr;grid-template-rows:330px 190px 190px}.hero-card:first-child{grid-column:1/-1;grid-row:auto}.hero-card:first-child .hero-copy h2{font-size:29px}.latest-grid{grid-template-columns:1fr 1fr}.dark-layout{grid-template-columns:1fr}.category-bands{grid-template-columns:1fr 1fr}.content-with-sidebar{grid-template-columns:1fr}.sidebar{margin-top:30px}.archive-card:first-child{display:block}.single-main h1{font-size:40px}.footer-grid{grid-template-columns:1fr}.footer-logo img{max-width:280px}}
@media(max-width:600px){.site-wrap{width:calc(100% - 28px)}.home-hero{grid-template-columns:1fr 1fr;grid-template-rows:330px 165px 165px}.hero-copy{left:12px;right:12px;bottom:12px}.hero-copy h2{font-size:16px}.hero-card:first-child .hero-copy h2{font-size:28px}.latest-grid{gap:16px}.latest-card h3{font-size:16px}.dark-block{padding-top:20px}.mini-item{grid-template-columns:100px 1fr}.mini-item img{width:100px;height:70px}.category-bands{grid-template-columns:1fr}.archive-grid{grid-template-columns:1fr}.archive-card:first-child{grid-column:auto}.archive-card h2,.archive-card:first-child h2{font-size:26px}.single-main h1{font-size:36px}.single-content{font-size:18px}.related-grid{grid-template-columns:1fr 1fr}.archive-head{padding:26px 20px}.archive-head h1{font-size:31px}.yap-ad-top{padding:12px 0}.yap-header-main{height:76px}.yap-logo img{max-height:52px}}


/* ProPakistani-inspired homepage v2 — original implementation */
.yap-home-pro{background:#fff}.pp-hero{display:grid;grid-template-columns:1.7fr 1fr 1fr;grid-template-rows:210px 210px;gap:7px;margin:28px 0 30px}.pp-hero-card{position:relative;overflow:hidden;background:#ddd}.pp-hero-1{grid-row:1/3}.pp-hero-card img{width:100%;height:100%;object-fit:cover}.pp-hero-overlay{position:absolute;inset:auto 0 0;padding:52px 20px 18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.85))}.pp-hero-overlay h2{margin:0;font-size:21px;line-height:1.12}.pp-hero-1 .pp-hero-overlay h2{font-size:31px}.pp-section{margin:30px 0 38px}.pp-heading{display:flex;align-items:center;gap:10px;border-left:6px solid var(--green);padding-left:12px;margin:0 0 16px}.pp-heading h2{margin:0;font-size:22px;text-transform:uppercase;color:#1b2a25}.pp-heading>a{margin-left:auto;font-size:12px;font-weight:700;color:var(--green);text-transform:uppercase}.pp-latest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 18px}.pp-news-card img,.pp-four-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}.pp-news-card h3,.pp-four-grid h3{margin:0;font-size:16px;line-height:1.22}.pp-dark-section{background:#191b1d;color:#fff;padding:28px 0 34px;margin:36px 0}.pp-heading-dark{border-left-color:#31a6e5}.pp-heading-dark h2,.pp-heading-dark a{color:#fff}.pp-tech-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:28px}.pp-tech-lead img{width:100%;aspect-ratio:4/3;object-fit:cover}.pp-tech-lead h3{font-size:27px;line-height:1.12;margin:10px 0}.pp-tech-list{display:flex;flex-direction:column}.pp-tech-item{display:grid;grid-template-columns:135px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #34383b}.pp-tech-thumb img{width:135px;height:82px;object-fit:cover}.pp-tech-item h4{margin:0;font-size:16px;line-height:1.25}.pp-three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:34px 0}.pp-column .pp-heading{border-left-width:5px}.pp-world .pp-heading{border-color:#195b9c}.pp-sports .pp-heading{border-color:#21a24e}.pp-column-lead img{width:100%;aspect-ratio:16/9;object-fit:cover}.pp-column-lead h3{font-size:20px;line-height:1.16;margin:9px 0 10px}.pp-column-list{border-top:1px solid var(--line)}.pp-column-item{display:grid;grid-template-columns:102px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.pp-column-item img{width:102px;height:65px;object-fit:cover}.pp-column-item h4{font-size:14px;line-height:1.2;margin:0}.pp-four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pp-soft-band{background:#f1f3f2;padding:30px 0;margin:38px 0}.pp-two-panels{display:grid;grid-template-columns:1fr 1fr;gap:34px}.pp-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.pp-panel-feature{display:grid;grid-template-columns:115px 1fr;gap:10px}.pp-panel-feature img{width:115px;height:76px;object-fit:cover}.pp-panel-feature h3{font-size:14px;line-height:1.2;margin:0}.pp-panel-link{border-top:1px solid #d8ddda;padding:10px 0;font-weight:600;font-size:14px}.pp-opinion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pp-opinion-grid article{display:grid;grid-template-columns:110px 1fr;gap:12px}.pp-opinion-grid img{width:110px;height:80px;object-fit:cover}.pp-opinion-grid h3{font-size:15px;line-height:1.2;margin:0}
@media(max-width:900px){.pp-hero{grid-template-columns:1fr 1fr;grid-template-rows:330px 175px 175px}.pp-hero-1{grid-column:1/-1;grid-row:auto}.pp-latest-grid{grid-template-columns:1fr 1fr}.pp-tech-grid{grid-template-columns:1fr}.pp-three-columns{grid-template-columns:1fr 1fr}.pp-two-panels{grid-template-columns:1fr}.pp-four-grid{grid-template-columns:1fr 1fr}.pp-opinion-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pp-hero{grid-template-columns:1fr 1fr;grid-template-rows:320px 150px 150px;margin-top:14px}.pp-hero-overlay{padding:42px 11px 11px}.pp-hero-overlay h2{font-size:14px}.pp-hero-1 .pp-hero-overlay h2{font-size:25px}.pp-heading h2{font-size:19px}.pp-latest-grid{gap:18px 14px}.pp-news-card h3{font-size:15px}.pp-three-columns{grid-template-columns:1fr}.pp-four-grid{grid-template-columns:1fr 1fr}.pp-panel-grid{grid-template-columns:1fr}.pp-opinion-grid{grid-template-columns:1fr}.pp-tech-item{grid-template-columns:100px 1fr}.pp-tech-thumb img{width:100px;height:66px}.pp-tech-lead h3{font-size:23px}}

/* ProPortal containers v3 — based on the user's reference layout, mapped to YAP menu */
.pp-hero-v3{margin-top:18px}.pp-dark-section-v3{margin-top:30px}.pp-tech-grid-v3{grid-template-columns:1.35fr 1fr 1fr}.pp-tech-grid-v3 .pp-tech-list{min-width:0}.pp-tech-grid-v3 .pp-tech-item{grid-template-columns:140px minmax(0,1fr)}
.pp-three-columns-v3{align-items:start}.pp-three-columns-v3 .pp-column{min-width:0}.pp-three-columns-v3 .pp-column-list{margin-top:8px}.pp-three-columns-v3 .pp-column-item{grid-template-columns:100px minmax(0,1fr)}
.pp-heading-ent{border-left-color:#d83e50}.pp-entertainment-v3{padding:10px 0 6px}.pp-four-grid-v3 article{min-width:0}.pp-four-grid-v3 h3{font-weight:700}
.pp-soft-band-v3{padding:34px 0;background:#f0f2f1}.pp-two-panels-v3{align-items:start}.pp-panel-v3{min-width:0}.pp-panel-grid-v3{grid-template-columns:1fr 1fr}.pp-panel-v3:nth-child(1) .pp-heading{border-left-color:#09964a}.pp-panel-v3:nth-child(2) .pp-heading{border-left-color:#1f73b7}.pp-panel-feature a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:11px;align-items:start}.pp-panel-feature h3{font-weight:700}.pp-panel-link{line-height:1.25}
.pp-opinion-zone{margin-top:36px}.pp-heading-opinion{border-left-color:#2c92d2}.pp-opinion-layout{display:grid;grid-template-columns:1.15fr 1.85fr;gap:28px;align-items:start}.pp-opinion-lead img{width:100%;aspect-ratio:16/9;object-fit:cover}.pp-opinion-lead h3{font-size:24px;line-height:1.16;margin:10px 0 0}.pp-opinion-links{display:grid;grid-template-columns:1fr 1fr;column-gap:26px}.pp-opinion-link{padding:13px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:700;line-height:1.25}
@media(max-width:900px){.pp-tech-grid-v3{grid-template-columns:1fr}.pp-opinion-layout{grid-template-columns:1fr}.pp-panel-grid-v3{grid-template-columns:1fr 1fr}.pp-opinion-links{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pp-panel-grid-v3{grid-template-columns:1fr}.pp-opinion-links{grid-template-columns:1fr}.pp-tech-grid-v3 .pp-tech-item{grid-template-columns:100px minmax(0,1fr)}}

/* ===== You Are Pakistan ProStyle v4 homepage ===== */
.yap-home-v4{--yap:#009640;--yapdeep:#005b2d;--charcoal:#191b1c}.yap-home-v4 .site-wrap{width:min(1128px,calc(100% - 36px))}.v4-hero{display:grid;grid-template-columns:1.65fr 1fr 1fr;grid-template-rows:183px 183px;gap:6px;margin:28px 0 42px}.v4-hero-card{position:relative;overflow:hidden;background:#e7ebe8}.v4-hero-1{grid-row:1/3}.v4-hero-card a,.v4-dark-lead a{display:block;height:100%;position:relative}.v4-hero-card img,.v4-dark-lead img{width:100%;height:100%;object-fit:cover}.v4-shade{position:absolute;inset:28% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}.v4-hero-card h2{position:absolute;z-index:2;left:17px;right:17px;bottom:15px;color:#fff;font-size:18px;line-height:1.13;margin:0;font-weight:800;text-shadow:0 1px 2px #000}.v4-hero-1 h2{font-size:26px}.v4-section{margin:0 0 42px}.v4-title{display:flex;align-items:center;border-left:6px solid var(--yap);padding-left:12px;margin:0 0 16px;min-height:28px}.v4-title h2{margin:0;font-size:20px;line-height:1;text-transform:uppercase;font-weight:800;color:#14231b}.v4-title>a{margin-left:auto;color:var(--yap);font-size:11px;text-transform:uppercase;font-weight:700}.v4-title.entertainment{border-color:#d83c4b}.v4-title.opinion{border-color:#2b96d6}.v4-latest-grid,.v4-four{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 14px}.v4-card img{width:100%;aspect-ratio:1.68;object-fit:cover}.v4-meta{font-size:11px;color:#079f54;font-weight:700;margin:9px 0 6px}.v4-card h3{font-size:15px;line-height:1.22;margin:0;font-weight:750}.v4-dark{background:var(--charcoal);color:#fff;padding:30px 0 34px;margin:8px 0 38px}.v4-title.light{border-color:#27a5e6}.v4-title.light h2,.v4-title.light a{color:#fff}.v4-dark-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:26px}.v4-dark-lead{height:390px;position:relative;overflow:hidden}.v4-dark-lead h3{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;margin:0;font-size:25px;line-height:1.14}.v4-dark-list{min-width:0}.v4-dark-item{border-bottom:1px solid #3b3e40;padding:10px 0}.v4-dark-item:first-child{padding-top:0}.v4-dark-item a{display:grid;grid-template-columns:132px minmax(0,1fr);gap:11px;align-items:center}.v4-dark-item img{width:132px;height:78px;object-fit:cover}.v4-dark-item h4{font-size:15px;line-height:1.23;margin:0}.v4-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:0 0 42px}.v4-column.world .v4-title{border-color:#111}.v4-column.sports .v4-title{border-color:#22ad54}.v4-col-lead img{width:100%;aspect-ratio:1.58;object-fit:cover}.v4-col-lead h3{font-size:16px;line-height:1.2;margin:9px 0 13px}.v4-col-list{border-top:1px solid #dfe4e1}.v4-col-item{padding:9px 0;border-bottom:1px solid #dfe4e1}.v4-col-item a{display:grid;grid-template-columns:100px minmax(0,1fr);gap:9px;align-items:center}.v4-col-item img{width:100px;height:59px;object-fit:cover}.v4-col-item h4{font-size:12px;line-height:1.22;margin:0}.v4-soft{background:#f1f3f2;padding:30px 0;margin:4px 0 38px}.v4-duo{display:grid;grid-template-columns:1fr 1fr;gap:42px}.v4-panel.blog .v4-title{border-color:#1f78b8}.v4-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.v4-panel-feature{padding-bottom:12px}.v4-panel-feature a{display:grid;grid-template-columns:105px 1fr;gap:10px}.v4-panel-feature img{width:105px;height:68px;object-fit:cover}.v4-panel-feature h3{font-size:13px;line-height:1.2;margin:0}.v4-panel-link{border-top:1px solid #d9dfdc;padding:10px 0;font-size:12px;font-weight:700;line-height:1.25}.v4-opinion-grid{display:grid;grid-template-columns:1.1fr 1.9fr;gap:28px}.v4-opinion-lead img{width:100%;aspect-ratio:1.65;object-fit:cover}.v4-opinion-lead h3{font-size:21px;line-height:1.15;margin:9px 0}.v4-opinion-list{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.v4-opinion-list article{border-bottom:1px solid #e1e5e3;padding:12px 0;font-size:13px;font-weight:700;line-height:1.25}
@media(max-width:900px){.yap-home-v4 .site-wrap{width:min(100% - 28px,1128px)}.v4-hero{grid-template-columns:1fr 1fr;grid-template-rows:330px 170px 170px}.v4-hero-1{grid-column:1/-1;grid-row:auto}.v4-latest-grid,.v4-four{grid-template-columns:1fr 1fr}.v4-dark-grid{grid-template-columns:1fr}.v4-dark-lead{height:420px}.v4-triple{grid-template-columns:1fr 1fr}.v4-duo{grid-template-columns:1fr}.v4-opinion-grid{grid-template-columns:1fr}}
@media(max-width:600px){.yap-home-v4 .site-wrap{width:calc(100% - 24px)}.v4-hero{grid-template-columns:1fr 1fr;grid-template-rows:285px 145px 145px;margin-top:14px;margin-bottom:30px}.v4-hero-card h2{font-size:13px;left:10px;right:10px;bottom:10px}.v4-hero-1 h2{font-size:23px}.v4-title h2{font-size:18px}.v4-title>a{font-size:10px}.v4-latest-grid,.v4-four{gap:20px 12px}.v4-card h3{font-size:14px}.v4-dark{padding:24px 0}.v4-dark-lead{height:330px}.v4-dark-lead h3{font-size:22px}.v4-dark-item a{grid-template-columns:105px 1fr}.v4-dark-item img{width:105px;height:65px}.v4-triple{grid-template-columns:1fr}.v4-panel-grid{grid-template-columns:1fr}.v4-opinion-list{grid-template-columns:1fr}.v4-meta{font-size:10px}}

/* ============================================================
   v5 ProPakistani-style homepage containers for You Are Pakistan
   ============================================================ */
.yap-pp-home{--yp-green:#009640;--yp-deep:#00562b;--yp-cyan:#199bd7;--yp-red:#df3348;--yp-purple:#8d43b5;--yp-navy:#0d4a80;--yp-lime:#20b458;--yp-dark:#1a1c1d;--yp-line:#dfe5e1;--yp-soft:#f0f2f1;background:#fff;color:#101615}
.yap-pp-home .ypp-shell{width:min(1180px,calc(100% - 38px));margin-inline:auto}
.ypp-hero{display:grid;grid-template-columns:1.65fr 1fr 1fr;grid-template-rows:200px 200px;gap:6px;margin:26px 0 42px}
.ypp-hero-card{position:relative;min-width:0;overflow:hidden;background:#e7ebe8}.ypp-hero-1{grid-row:1/3}.ypp-hero-card a,.ypp-tech-lead a{position:relative;display:block;height:100%}.ypp-hero-card img,.ypp-tech-lead img{width:100%;height:100%;object-fit:cover}.ypp-gradient{position:absolute;inset:28% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.92))}.ypp-hero-card h2{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;margin:0;color:#fff;font:800 18px/1.14 Arial,Helvetica,sans-serif;text-shadow:0 1px 2px #000}.ypp-hero-1 h2{font-size:29px}
.ypp-section{margin:0 0 42px}.ypp-heading{display:flex;align-items:center;min-height:31px;border-left:6px solid var(--yp-green);padding-left:12px;margin:0 0 16px}.ypp-heading h2{margin:0;font:800 20px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:-.02em}.ypp-heading>a{margin-left:auto;font:700 10px/1 Arial,Helvetica,sans-serif;text-transform:uppercase;color:var(--yp-green)}.ypp-heading.green{border-color:var(--yp-green)}.ypp-heading.navy{border-color:var(--yp-navy)}.ypp-heading.lime{border-color:var(--yp-lime)}.ypp-heading.blue{border-color:var(--yp-cyan)}.ypp-heading.red{border-color:var(--yp-red)}.ypp-heading.sky{border-color:#2c96d3}.ypp-heading.on-dark h2,.ypp-heading.on-dark a{color:#fff}
.ypp-latest-grid,.ypp-four-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 15px}.ypp-news-card{min-width:0}.ypp-news-card img{width:100%;aspect-ratio:1.66/1;object-fit:cover}.ypp-meta{margin:8px 0 6px;color:#079f54;font:700 11px/1.2 Arial,Helvetica,sans-serif}.ypp-news-card h3{margin:0;font:700 15px/1.23 Arial,Helvetica,sans-serif;color:#151a18}
.ypp-tech-wrap{background:var(--yp-dark);color:#fff;padding:31px 0 35px;margin:2px 0 38px}.ypp-tech-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:27px}.ypp-tech-lead{position:relative;height:405px;overflow:hidden}.ypp-tech-lead h3{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;margin:0;font:800 25px/1.15 Arial,Helvetica,sans-serif}.ypp-tech-list{min-width:0}.ypp-tech-item{padding:10px 0;border-bottom:1px solid #3b4041}.ypp-tech-item:first-child{padding-top:0}.ypp-tech-item a{display:grid;grid-template-columns:135px minmax(0,1fr);gap:11px;align-items:center}.ypp-tech-item img{width:135px;height:78px;object-fit:cover}.ypp-tech-item h4{margin:0;font:700 15px/1.23 Arial,Helvetica,sans-serif;color:#fff}
.ypp-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0 0 44px}.ypp-column{min-width:0}.ypp-col-lead img{width:100%;aspect-ratio:1.55/1;object-fit:cover}.ypp-col-lead h3{margin:9px 0 13px;font:700 16px/1.2 Arial,Helvetica,sans-serif}.ypp-col-list{border-top:1px solid var(--yp-line)}.ypp-col-item{border-bottom:1px solid var(--yp-line);padding:9px 0}.ypp-col-item a{display:grid;grid-template-columns:102px minmax(0,1fr);gap:9px;align-items:center}.ypp-col-item img{width:102px;height:61px;object-fit:cover}.ypp-col-item h4{margin:0;font:700 12px/1.23 Arial,Helvetica,sans-serif}
.ypp-softband{background:var(--yp-soft);padding:32px 0;margin:2px 0 38px}.ypp-dual{display:grid;grid-template-columns:1fr 1fr;gap:44px}.ypp-panel{min-width:0}.ypp-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.ypp-panel-feature{padding-bottom:11px}.ypp-panel-feature a{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px;align-items:start}.ypp-panel-feature img{width:108px;height:69px;object-fit:cover}.ypp-panel-feature h3{margin:0;font:700 13px/1.22 Arial,Helvetica,sans-serif}.ypp-panel-link{border-top:1px solid #d9dfdc;padding:10px 0;font:700 12px/1.25 Arial,Helvetica,sans-serif}
.ypp-opinion-grid{display:grid;grid-template-columns:1.08fr 1.92fr;gap:30px}.ypp-opinion-lead img{width:100%;aspect-ratio:1.62/1;object-fit:cover}.ypp-opinion-lead h3{margin:9px 0;font:800 21px/1.16 Arial,Helvetica,sans-serif}.ypp-opinion-list{display:grid;grid-template-columns:1fr 1fr;column-gap:26px}.ypp-opinion-list article{border-bottom:1px solid var(--yp-line);padding:12px 0;font:700 13px/1.25 Arial,Helvetica,sans-serif}

/* Header proportions closer to the requested portal reference. */
.yap-header-main{height:86px;grid-template-columns:minmax(210px,260px) 1fr 52px}.custom-logo-link img,.yap-logo img{max-height:66px;max-width:250px}.yap-nav li a{font-weight:500;padding:16px 16px}.yap-nav{box-shadow:none}.site-footer{background:var(--deep)}

@media (max-width:980px){
 .yap-pp-home .ypp-shell{width:min(100% - 28px,1180px)}
 .ypp-hero{grid-template-columns:1fr 1fr;grid-template-rows:340px 170px 170px}.ypp-hero-1{grid-column:1/-1;grid-row:auto}
 .ypp-tech-grid{grid-template-columns:1fr}.ypp-tech-lead{height:420px}
 .ypp-three{grid-template-columns:1fr 1fr}.ypp-dual{grid-template-columns:1fr}.ypp-opinion-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
 .yap-pp-home .ypp-shell{width:calc(100% - 24px)}
 .ypp-hero{grid-template-columns:1fr 1fr;grid-template-rows:300px 150px 150px;margin-top:14px;margin-bottom:30px}
 .ypp-hero-card h2{font-size:13px;left:10px;right:10px;bottom:10px}.ypp-hero-1 h2{font-size:23px}
 .ypp-latest-grid,.ypp-four-grid{grid-template-columns:1fr 1fr;gap:20px 12px}.ypp-news-card h3{font-size:14px}
 .ypp-tech-wrap{padding:24px 0}.ypp-tech-lead{height:335px}.ypp-tech-lead h3{font-size:22px}.ypp-tech-item a{grid-template-columns:105px 1fr}.ypp-tech-item img{width:105px;height:65px}
 .ypp-three{grid-template-columns:1fr}.ypp-panel-grid{grid-template-columns:1fr}.ypp-opinion-list{grid-template-columns:1fr}
 .ypp-heading h2{font-size:18px}.ypp-heading>a{font-size:10px}
}

/* v6 — ProPakistani-style movable / sticky unified header */
.yap-pro-sticky-header{
  position:sticky;
  top:0;
  z-index:90;
  background:#f4f7f5;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}
.admin-bar .yap-pro-sticky-header{top:32px}
.yap-pro-header-row{
  min-height:62px;
  display:grid;
  grid-template-columns:minmax(190px,250px) minmax(0,1fr) 50px;
  align-items:stretch;
  gap:0;
}
.yap-pro-sticky-header .yap-logo{
  display:flex;
  align-items:center;
  padding:7px 20px 7px 0;
  background:var(--green);
}
.yap-pro-sticky-header .yap-logo a{display:flex;align-items:center}
.yap-pro-sticky-header .custom-logo-link img,
.yap-pro-sticky-header .yap-logo img{
  width:auto;
  max-width:225px;
  max-height:48px;
  object-fit:contain;
}
.yap-pro-inline-nav{
  position:static;
  top:auto;
  z-index:auto;
  border:0;
  background:#f4f7f5;
  display:flex;
  align-items:stretch;
  min-width:0;
}
.yap-pro-inline-nav .menu,
.yap-pro-inline-nav ul{
  display:flex;
  align-items:stretch;
  flex:1 1 auto;
  list-style:none;
  margin:0;
  padding:0;
  overflow:hidden;
}
.yap-pro-inline-nav li{display:flex;align-items:stretch;flex:0 0 auto}
.yap-pro-inline-nav li a{
  display:flex;
  align-items:center;
  padding:0 14px;
  font-size:15px;
  line-height:1.2;
  font-weight:500;
  color:#4c5a61;
  white-space:nowrap;
  background:transparent;
}
.yap-pro-inline-nav li.current-menu-item a,
.yap-pro-inline-nav li a:hover{background:#e9efec;color:var(--deep)}
.yap-pro-sticky-header .yap-search-btn{
  width:50px;
  height:100%;
  min-height:62px;
  border-radius:0;
  background:#edf2f0;
  color:#42525a;
  font-size:24px;
  justify-self:stretch;
}
.yap-pro-sticky-header .yap-search-btn:hover{background:#e1e9e5;color:var(--green)}
.yap-pro-sticky-header .yap-menu-btn{display:none}
.yap-pro-sticky-header .yap-search-panel{top:62px;right:0}

@media (max-width:1050px){
  .yap-pro-inline-nav li a{padding:0 10px;font-size:14px}
  .yap-pro-header-row{grid-template-columns:minmax(170px,210px) minmax(0,1fr) 48px}
  .yap-pro-sticky-header .custom-logo-link img,.yap-pro-sticky-header .yap-logo img{max-width:190px}
}

@media (max-width:900px){
  .yap-pro-sticky-header{top:0;background:#fff}
  .admin-bar .yap-pro-sticky-header{top:46px}
  .yap-pro-header-row{
    min-height:76px;
    grid-template-columns:52px minmax(0,1fr) 52px;
    align-items:center;
    padding-left:0;
    padding-right:0;
  }
  .yap-pro-sticky-header .yap-menu-btn{
    display:grid;
    width:46px;height:46px;
    border-radius:50%;
    background:var(--green);color:#fff;
    justify-self:start;
  }
  .yap-pro-sticky-header .yap-logo{
    background:transparent;
    padding:6px 8px;
    justify-content:center;
    text-align:center;
  }
  .yap-pro-sticky-header .custom-logo-link img,.yap-pro-sticky-header .yap-logo img{
    max-height:56px;
    max-width:min(260px,100%);
    margin:auto;
  }
  .yap-pro-inline-nav{display:none}
  .yap-pro-sticky-header .yap-search-btn{
    width:46px;height:46px;min-height:46px;
    border-radius:50%;
    background:var(--green);color:#fff;
    justify-self:end;
  }
  .yap-pro-sticky-header .yap-search-panel{top:70px;right:8px}
}

/* v7 — exact single-line ProPakistani-style sticky desktop header */
@media (min-width:901px){
  .yap-header.yap-pro-sticky-header{
    position:sticky !important;
    top:0 !important;
    z-index:9999 !important;
    width:100% !important;
    background:#f2f6f4 !important;
    border-top:0 !important;
    border-bottom:1px solid #e0e7e3 !important;
    box-shadow:0 2px 7px rgba(0,0,0,.06) !important;
  }
  body.admin-bar .yap-header.yap-pro-sticky-header{top:32px !important;}

  .yap-header.yap-pro-sticky-header > .site-wrap.yap-pro-header-row{
    width:min(100% - 40px,1130px) !important;
    min-height:58px !important;
    height:58px !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
  }

  .yap-header.yap-pro-sticky-header .yap-menu-btn{
    display:none !important;
  }

  .yap-header.yap-pro-sticky-header .yap-logo{
    flex:0 0 225px !important;
    min-width:225px !important;
    height:58px !important;
    padding:6px 16px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:var(--green) !important;
    position:static !important;
    transform:none !important;
  }
  .yap-header.yap-pro-sticky-header .yap-logo a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
  }
  .yap-header.yap-pro-sticky-header .yap-logo img,
  .yap-header.yap-pro-sticky-header .custom-logo-link img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:205px !important;
    max-height:46px !important;
    margin:0 auto !important;
    object-fit:contain !important;
  }

  .yap-header.yap-pro-sticky-header nav.yap-nav.yap-pro-inline-nav{
    flex:1 1 auto !important;
    min-width:0 !important;
    height:58px !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    inset:auto !important;
    display:flex !important;
    align-items:stretch !important;
    background:#f2f6f4 !important;
    border:0 !important;
    box-shadow:none !important;
  }
  .yap-header.yap-pro-sticky-header nav.yap-nav.yap-pro-inline-nav > ul,
  .yap-header.yap-pro-sticky-header nav.yap-nav.yap-pro-inline-nav .menu{
    display:flex !important;
    flex:1 1 auto !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    overflow:hidden !important;
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
  }
  .yap-header.yap-pro-sticky-header nav.yap-nav.yap-pro-inline-nav li{
    display:flex !important;
    flex:0 0 auto !important;
    align-items:stretch !important;
    margin:0 !important;
    padding:0 !important;
  }
  .yap-header.yap-pro-sticky-header nav.yap-nav.yap-pro-inline-nav li a{
    display:flex !important;
    align-items:center !important;
    height:58px !important;
    padding:0 13px !important;
    margin:0 !important;
    color:#46545b !important;
    background:transparent !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:500 !important;
    white-space:nowrap !important;
    text-decoration:none !important;
  }
  .yap-header.yap-pro-sticky-header nav.yap-nav.yap-pro-inline-nav li a:hover,
  .yap-header.yap-pro-sticky-header nav.yap-nav.yap-pro-inline-nav li.current-menu-item a{
    background:#e4ebe7 !important;
    color:var(--deep) !important;
  }

  .yap-header.yap-pro-sticky-header .yap-search-btn{
    flex:0 0 58px !important;
    width:58px !important;
    height:58px !important;
    min-height:58px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    display:grid !important;
    place-items:center !important;
    background:#e9efec !important;
    color:#405158 !important;
    font-size:23px !important;
  }
  .yap-header.yap-pro-sticky-header .yap-search-btn:hover{
    background:#dde7e2 !important;
    color:var(--green) !important;
  }
  .yap-header.yap-pro-sticky-header .yap-search-panel{
    top:58px !important;
    right:0 !important;
  }
}

@media (min-width:901px) and (max-width:1100px){
  .yap-header.yap-pro-sticky-header > .site-wrap.yap-pro-header-row{
    width:100% !important;
    padding:0 14px !important;
  }
  .yap-header.yap-pro-sticky-header .yap-logo{
    flex-basis:190px !important;
    min-width:190px !important;
  }
  .yap-header.yap-pro-sticky-header .yap-logo img,
  .yap-header.yap-pro-sticky-header .custom-logo-link img{max-width:172px !important;}
  .yap-header.yap-pro-sticky-header nav.yap-nav.yap-pro-inline-nav li a{padding:0 9px !important;font-size:14px !important;}
}