/*
Theme Name: PapKonn Hall
Theme URI: https://papkonn.com
Author: PapKonn
Author URI: https://papkonn.com
Description: Green-cyan-red cinematic grunge theme for PapKonn.com. Torn-poster sidebar, left vertical nav, icon-only category row, a full paginated "All Stories" feed (Latest / Most Visited), 8 native ad slots plus repeating in-feed and in-article ad units. A dedicated phone layout (compact header, top ad, hero, ranked Trending, bottom navigation, drawer) and tablet bridge. No login or profile UI.
Version: 1.6.8
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: papkonn
Tags: dark, news, blog, custom-logo, custom-menu, featured-images, translation-ready
*/

/* ========== 1. TOKENS ========== */
:root{
  --bg:#0a0a0b;--bg2:#131316;--bg3:#1b1b1f;
  --line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.18);
  --red:#e2222c;--red2:#ff4b4b;--green:#8bbf3f;--green2:#d2e490;--cyan:#22d3ee;--cyan2:#7dd3fc;--silver:#aeb0ba;
  --text:#f3f1ef;--muted:#8d8f98;
  --r:12px;--side-w:180px;--head-h:56px;
  --f-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --f-disp:'Anton','Arial Narrow',sans-serif;
  --f-hand:'Permanent Marker','Comic Sans MS',cursive;
  /* Mobile-redesign accent (v1.5.0) - sampled from the bundled PapKonn logo (#6afc5a).
     Used ONLY inside max-width:767px rules below, so desktop's existing --green/--red
     accents are completely untouched. */
  --pk-m-green:#6afc5a;--pk-m-green-deep:#2fae34;--pk-m-ink:#06210a;
  --pk-m-green-wash:rgba(106,252,90,.14);
}

/* ========== 2. BASE ========== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--head-h) + 12px)}
body{margin:0;background:radial-gradient(1000px 480px at 15% -10%,rgba(139,191,63,.13),transparent 62%),var(--bg);color:var(--text);font:400 14px/1.5 var(--f-body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{font-weight:700;line-height:1.15}
button,input{font:inherit}
[hidden]{display:none!important}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{clip:auto;width:auto;height:auto;left:8px;top:8px;z-index:999;padding:8px 14px;background:var(--red);color:#fff;border-radius:6px}
:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.pk-i{width:1.1em;height:1.1em;flex:none}

/* ========== 3. APP GRID ========== */
.pk-app{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);grid-template-areas:"side head" "side main" "side foot";min-height:100vh}
.pk-main{grid-area:main;padding:14px 18px 8px;min-width:0}
.pk-cols{display:grid;grid-template-columns:minmax(0,74fr) minmax(0,26fr);gap:16px;align-items:start}
.pk-col-main,.pk-col-side{display:grid;gap:12px;min-width:0}

/* ========== 4. LOGO + LEFT SIDEBAR (torn-poster edge) ========== */
.pk-logo{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin:2px 6px 16px;font:400 30px/1 var(--f-hand);letter-spacing:.01em;color:var(--green2)}
.pk-logo img{max-height:44px;width:auto}
.pk-logo__accent{color:var(--green)}
.pk-logo__spark{display:inline-flex;align-self:flex-start;margin-left:2px;width:14px;height:14px;color:var(--cyan)}
.pk-logo__spark .pk-i{width:100%;height:100%;fill:currentColor;stroke:none}
.pk-logo--m{display:none;margin:0}
.pk-side{grid-area:side;align-self:start;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:14px 12px;overflow:hidden auto;scrollbar-width:none;background:radial-gradient(240px 260px at 15% 108%,rgba(34,211,238,.25),transparent 70%),linear-gradient(180deg,#0b0b0d,#0a0a0b);border-right:1px solid var(--line)}
.pk-side::after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:10px;pointer-events:none;background:var(--bg);clip-path:polygon(0 0,100% 0,60% 3%,100% 7%,55% 11%,100% 15%,65% 19%,100% 24%,50% 28%,100% 33%,70% 37%,100% 42%,55% 47%,100% 52%,65% 57%,100% 62%,50% 67%,100% 72%,60% 77%,100% 82%,55% 87%,100% 92%,65% 96%,100% 100%,0 100%)}
.pk-side__nav li a{position:relative;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;font-size:13px;color:#d6d7dd;transition:background .25s ease,color .2s ease,box-shadow .3s ease,transform .2s ease}
.pk-side__nav li a .pk-i{transition:transform .3s ease,color .25s ease}
.pk-side__nav li a:hover{background:#101c1e;color:#fff;transform:translateX(3px);box-shadow:0 0 0 1px rgba(34,211,238,.4),0 0 22px 2px rgba(34,211,238,.45),inset 0 0 16px rgba(34,211,238,.18)}
.pk-side__nav li a:hover .pk-i{transform:scale(1.18) rotate(-6deg);color:var(--cyan);animation:pk-glow-pulse 1.4s ease-in-out infinite}
.pk-side__nav .is-active a,.pk-side__nav .current-menu-item a{background:#141d10;color:#fff;font-weight:600;box-shadow:inset 3px 0 0 var(--green)}
.pk-side__nav .is-active a:hover,.pk-side__nav .current-menu-item a:hover{box-shadow:inset 3px 0 0 var(--green),0 0 22px 2px rgba(34,211,238,.45)}
@keyframes pk-glow-pulse{0%,100%{filter:drop-shadow(0 0 0 rgba(34,211,238,0))}50%{filter:drop-shadow(0 0 6px rgba(125,211,252,.8))}}
.pk-quote{position:relative;margin:auto 0 14px;padding-left:4px;font:400 30px/1.05 var(--f-hand);text-transform:uppercase;transform:rotate(-6deg);color:#fff}
.pk-quote .pk-accent{color:var(--red2)}
.pk-quote .pk-i{display:block;margin:6px 0 0 28px;width:20px;height:20px;color:var(--cyan);fill:currentColor;stroke:none}
.pk-side__foot{text-align:center}
.pk-side__logo{display:inline-flex;font:400 22px/1 var(--f-hand);color:var(--green2)}
.pk-side__logo img{max-height:32px;width:auto}
.pk-side__logo .pk-logo__accent{color:var(--green)}
.pk-side__logo .pk-logo__spark{color:var(--cyan)}
.pk-side__tag{margin-top:6px;font-size:10.5px;line-height:1.55;color:var(--silver)}
@media (max-height:760px){.pk-quote{display:none}}

/* ========== 5. TOP BAR ========== */
.pk-header{grid-area:head;position:sticky;top:0;z-index:50;min-height:var(--head-h);display:flex;align-items:center;gap:16px;padding:10px 20px;background:rgba(10,10,11,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.pk-header__ad{flex:1;min-width:0;align-self:stretch;display:flex}
.pk-header__ad .pk-ad{width:100%}
.pk-burger{display:none;width:38px;height:38px;place-items:center;background:var(--bg3);border:1px solid var(--line2);border-radius:8px;color:#fff;cursor:pointer}
.pk-search{flex:none;margin-left:auto;display:flex;align-items:center;gap:8px;width:280px;height:36px;padding:0 14px;background:#151517;border:1px solid var(--line2);border-radius:10px;color:var(--muted)}
.pk-search:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,211,238,.2)}
.pk-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font-size:11.5px}
.pk-search input::placeholder{color:var(--muted)}

/* ========== 6. SECTIONS / BUTTONS / BADGES ========== */
.pk-sec,.pk-widget{background:linear-gradient(180deg,var(--bg2),#0e0e10);border:1px solid var(--line);border-radius:var(--r);padding:12px}
.pk-sec__head{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.pk-sec__head h3{display:flex;align-items:center;flex:1;gap:9px;font-size:15px;font-weight:600}
.pk-sec__head h3::after{content:"";flex:1;height:1px;margin:0 6px 0 4px;background:linear-gradient(90deg,var(--line2),transparent)}
.pk-widget .pk-sec__head h3::after{display:none}
.pk-sec__ico{display:grid;place-items:center;color:var(--red2)}
.pk-sec__ico .pk-i{width:19px;height:19px}
.pk-ico--hot{color:var(--red2)}
.pk-viewall{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#d2d3da;transition:color .2s}
.pk-viewall:hover{color:var(--cyan)}
.pk-btn{display:inline-flex;white-space:nowrap;align-items:center;align-self:flex-start;gap:8px;height:32px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.35);color:#fff;font:600 12px/1 var(--f-body);cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .2s}
.pk-btn:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-1px)}
.pk-btn--cyan{background:var(--cyan);border-color:var(--cyan);color:#04232b;font-weight:700}
.pk-btn--cyan:hover{background:var(--cyan2);color:#04232b}
.pk-btn--red{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}
.pk-btn--red:hover{background:var(--red2);border-color:var(--red2);color:#1a0000}
.pk-btn--green{background:var(--green);border-color:var(--green);color:#141a00;font-weight:700}
.pk-btn--green:hover{background:var(--green2);border-color:var(--green2);color:#141a00}
.pk-badge,.pk-catcard{--c:var(--red)}
.c-movies{--c:#e2222c}.c-anime{--c:var(--green)}.c-gaming{--c:#4d7dff}.c-manga{--c:#d0862b}.c-celebs{--c:#d0a92b}.c-theory{--c:#7c4dff}.c-lists{--c:#2ea6a0}
.pk-badge{display:inline-block;align-self:flex-start;padding:4px 8px;border-radius:5px;font:700 9px/1 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:color-mix(in srgb,var(--c) 82%,#000);border:1px solid color-mix(in srgb,var(--c) 60%,#fff)}
.pk-ph{position:absolute;inset:0;--c:var(--red);background:radial-gradient(circle at 72% 28%,color-mix(in srgb,var(--c) 65%,transparent),transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--c) 25%,#131316),#0a0a0b)}
.pk-meta{font-size:10px;color:var(--muted)}
.pk-meta i{font-style:normal;margin:0 4px}
body.logged-in .is-sample::before{content:"SAMPLE";position:absolute;top:6px;right:6px;z-index:5;padding:3px 5px;border-radius:3px;background:#ffcc33;color:#000;font:700 8px/1 var(--f-body);letter-spacing:.06em}

/* ========== 7. HERO + AD SLOT 1 ========== */
.pk-heroes{display:grid;grid-template-columns:minmax(0,1fr) 152px;gap:12px}
.pk-hero{position:relative;min-height:330px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line2)}
.pk-slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:24px 34px;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;background:linear-gradient(90deg,rgba(10,10,11,.95) 0%,rgba(10,10,11,.62) 42%,rgba(10,10,11,0) 78%),var(--pk-img,radial-gradient(circle at 76% 34%,#5c1414 0,#2b0d0d 30%,#141014 55%,#0a0a0b 88%));background-size:cover;background-position:center}
.pk-slide.is-active{opacity:1;visibility:visible}
.pk-slide__in{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:560px}
.pk-hero__title{margin:10px 0 4px;font:400 clamp(28px,3.3vw,48px)/1.02 var(--f-disp);text-transform:uppercase;text-shadow:0 4px 20px rgba(0,0,0,.7)}
.pk-hero__t1{display:block;color:#fff}
.pk-hero__t2{display:block;color:var(--red2)}
.pk-hero__text{max-width:420px;font-size:12px;line-height:1.55;color:#e7e7ee}
.pk-hero__quote{position:absolute;right:30px;top:16%;max-width:150px;font:400 26px/1.05 var(--f-hand);text-align:right;transform:rotate(6deg);color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.7)}
.pk-hero__ctrl{position:absolute;right:22px;bottom:18px;z-index:3;display:flex;align-items:center;gap:8px}
.pk-count{margin-right:8px;font-size:13px;color:var(--silver)}
.pk-count b{font-size:15px;color:#fff;font-weight:600}
.pk-arrow{display:grid;place-items:center;width:34px;height:30px;border:1px solid rgba(255,255,255,.5);border-radius:8px;background:rgba(0,0,0,.45);color:#fff;cursor:pointer;transition:background .2s,border-color .2s}
.pk-arrow:hover{background:var(--cyan);border-color:var(--cyan)}

/* ========== 8. CATEGORY ROW - icons + colour only, on purpose. Never post photos: this is a feature row, not a content grid. ========== */
.pk-cats-wrap{position:relative}
.pk-cats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.pk-catcard{position:relative;display:flex;align-items:flex-end;height:118px;padding:0 9px 9px;border-radius:10px;overflow:hidden;border:1px solid color-mix(in srgb,var(--c) 55%,transparent);background:radial-gradient(circle at 70% 22%,color-mix(in srgb,var(--c) 42%,transparent),transparent 62%),linear-gradient(160deg,color-mix(in srgb,var(--c) 25%,#131316),#0a0a0b);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.pk-catcard:hover{transform:translateY(-4px) scale(1.02);border-color:var(--c);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 60%,transparent),0 10px 32px color-mix(in srgb,var(--c) 55%,transparent)}
.pk-catcard__art{position:absolute;right:8px;top:8px;width:54px;height:54px;color:#fff;opacity:.3;transition:transform .35s ease,opacity .3s ease}
.pk-catcard__art .pk-i{width:100%;height:100%;stroke-width:1.3}
.pk-catcard:hover .pk-catcard__art{transform:scale(1.15) rotate(-6deg);opacity:.55}
.pk-catcard__label{position:relative;display:flex;align-items:center;gap:6px;max-width:100%;font:700 13px/1 var(--f-body);color:#fff;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.8)}
.pk-catcard__label .pk-i{width:15px;height:15px;flex:none;transition:transform .3s ease;stroke-width:2.4}
.pk-catcard:hover .pk-catcard__label .pk-i{transform:rotate(-10deg) scale(1.1);color:var(--cyan)}
.pk-cats__more{position:absolute;right:18px;top:44%;z-index:3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(10,10,11,.85);border:1px solid rgba(255,255,255,.6);color:#fff;transition:background .2s}
.pk-cats__more:hover{background:var(--cyan)}

/* ========== 9. AD SLOTS (8 fixed + in-feed + in-article) ========== */
.pk-ad{position:relative;display:flex;align-items:center;border-radius:var(--r);overflow:hidden;border:1px solid var(--line2);background:var(--bg2)}
.pk-ad__tag{position:absolute;top:8px;left:10px;z-index:2;padding:3px 6px;border-radius:4px;background:rgba(0,0,0,.5);color:var(--silver);font:700 9px/1 var(--f-body);letter-spacing:.1em}
.pk-ad--1{min-height:44px;border-radius:10px;background:radial-gradient(circle at 30% 50%,rgba(226,34,44,.4),transparent 60%),linear-gradient(90deg,#161213,#1c1010)}
.pk-ad--1 .pk-ad__tag{top:50%;transform:translateY(-50%);left:8px}
.pk-ad--1 .pk-ad__in{padding:6px 14px 6px 46px;gap:14px}
.pk-ad--1 .pk-ad__title{font-size:12.5px;white-space:nowrap}
.pk-ad--2{align-self:stretch;background:radial-gradient(circle at 60% 20%,rgba(226,34,44,.35),transparent 60%),linear-gradient(180deg,#1a1112,#0a0a0b)}
.pk-ad--3{background:radial-gradient(circle at 70% 80%,rgba(139,191,63,.30),transparent 55%),linear-gradient(160deg,#0d1a12,#0a0b0a 75%)}
.pk-ad--4{min-height:72px;background:linear-gradient(90deg,#0e1508 0%,#0b0e08 55%,#141a08 100%)}
.pk-ad--5{min-height:72px;background:linear-gradient(120deg,#1a0e0e,#2a1010)}
.pk-ad--6{min-height:110px;background:radial-gradient(circle at 85% 30%,rgba(34,211,238,.32),transparent 55%),linear-gradient(120deg,#0f1417,#0a0a0b)}
.pk-ad--7{min-height:104px;background:linear-gradient(120deg,#0c0c0e,#1d1414)}
.pk-ad--8{min-height:110px;background:radial-gradient(circle at 85% 35%,rgba(34,211,238,.3),transparent 55%),linear-gradient(120deg,#0f1417,#0a0a0b)}
.pk-ad__in{width:100%;display:flex;gap:16px;padding:14px 20px}
.pk-ad__in--row{align-items:center;justify-content:space-between}
.pk-ad__in--col{flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:170px;padding:34px 14px 14px;gap:8px}
.pk-ad__in--stack{flex-direction:column;align-items:flex-start;gap:6px}
.pk-ad--4 .pk-ad__in,.pk-ad--5 .pk-ad__in{padding-left:54px}
.pk-ad--6 .pk-ad__in,.pk-ad--7 .pk-ad__in,.pk-ad--8 .pk-ad__in{padding-top:28px}
.pk-ad__hand{font:400 24px/1.05 var(--f-hand);text-transform:uppercase;transform:rotate(-3deg);color:#fff}
.pk-ad__hand--sm{font-size:19px}
.pk-ad__title{font:800 16px/1.05 var(--f-body);text-transform:uppercase;letter-spacing:.01em;color:#fff}
.pk-ad__sub{margin-top:4px;font-size:10.5px;line-height:1.4;color:#d6d7dd}
.pk-ad__crown{color:var(--cyan)}
.pk-ad__crown .pk-i{fill:currentColor;stroke:none;width:22px;height:22px}
.pk-ad__live{width:100%;display:flex;justify-content:center;align-items:center;padding:16px 14px;overflow:hidden;text-align:center}
.pk-adrow{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:12px}

/* Repeatable in-feed ad (category grids + All Stories feed) + in-article ad (single posts) */
.pk-infeed{grid-column:1/-1}
.pk-ad--infeed{min-height:90px;background:linear-gradient(100deg,#141114,#1c1010);justify-content:center}
.pk-ad--infeed .pk-ad__in{justify-content:center;text-align:center}
.pk-ad--article{margin:22px 0;min-height:70px;background:linear-gradient(100deg,#141114,#1c1010);justify-content:center}
.pk-ad--article .pk-ad__in{justify-content:center;text-align:center}

/* "Advertise With Us" placeholder (shown only while a slot has no widget in it). Same slot boxes,
   backgrounds and fonts as before - the text is just centred in whatever layout the slot already has. */
.pk-ad .pk-ad__in.pk-ad__in--note{align-items:center;justify-content:center;text-align:center}
.pk-ad__note{font:700 14px/1.25 var(--f-body);letter-spacing:.01em;color:var(--silver);text-wrap:balance}

/* ========== 10. CARDS - every post card glows + lifts on hover ========== */
.pk-with-ad{display:grid;grid-template-columns:minmax(0,1fr) 172px;gap:10px}
.pk-grid5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.pk-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pk-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:10px;background:var(--bg3);border:1px solid var(--line);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.pk-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cyan) 60%,var(--line2));box-shadow:0 0 0 1px rgba(34,211,238,.35),0 12px 34px rgba(34,211,238,.28)}
.pk-card__thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.pk-card__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.pk-card:hover .pk-card__thumb img{transform:scale(1.07)}
.pk-card .pk-badge{position:absolute;left:8px;bottom:8px;z-index:2}
.pk-card__body{display:flex;flex-direction:column;gap:5px;padding:9px 9px 10px}
.pk-card__title{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:600;line-height:1.3;transition:color .2s ease}
.pk-card:hover .pk-card__title{color:#d7f7ff}

/* ========== 11. ALL STORIES: full paginated, mixed feed (replaces per-category grouping) ========== */
.pk-tabs{display:flex;gap:6px}
.pk-tab{padding:6px 13px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--silver);font:600 11px/1 var(--f-body);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.pk-tab:hover{border-color:var(--red2);color:#fff}
.pk-tab.is-on{background:var(--red);border-color:var(--red);color:#fff}
.pk-stories-empty{padding:30px 10px;text-align:center;color:var(--silver);font-size:13px}
.pk-pager{margin-top:14px;display:flex;justify-content:center}
.pk-pager ul{display:flex;flex-wrap:wrap;gap:6px}
.pk-pager span,.pk-pager a{display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:8px;background:var(--bg3);border:1px solid var(--line);font-size:12px;color:#d6d7dd;transition:background .2s,border-color .2s,color .2s}
.pk-pager a:hover{border-color:var(--red2);color:#fff}
.pk-pager .current{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}
.pk-pager .dots{background:none;border:none}
.pk-pager .pk-i{width:14px;height:14px}

/* ========== 12. RIGHT SIDEBAR ========== */
.pk-trend__list{display:grid;gap:8px}
.pk-trend__row{position:relative;display:grid;grid-template-columns:26px 78px minmax(0,1fr);gap:9px;align-items:center;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--bg3);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.pk-trend__row:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.55);box-shadow:0 0 0 1px rgba(34,211,238,.3),0 8px 24px rgba(34,211,238,.22)}
.pk-rank{display:grid;place-items:center;width:24px;height:30px;border:1px solid var(--line2);border-radius:6px;color:#fff;font-weight:700;font-size:13px}
.pk-trend__row:nth-child(1) .pk-rank{border-color:var(--red);color:var(--red2)}
.pk-trend__row:nth-child(2) .pk-rank{border-color:var(--cyan);color:var(--cyan)}
.pk-trend__thumb{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:7px}
.pk-trend__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pk-trend__body{display:flex;flex-direction:column;gap:3px;min-width:0}
.pk-trend__body .pk-badge{font-size:7.5px;padding:3px 5px}
.pk-trend__title{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;font-weight:600;line-height:1.3;transition:color .2s}
.pk-trend__row:hover .pk-trend__title{color:var(--cyan)}
.pk-news h3{display:flex;align-items:center;gap:10px;font-size:14px}
.pk-news h3 .pk-i{width:24px;height:24px;color:#fff}
.pk-news p{margin-top:6px;font-size:11px;color:var(--silver)}
.pk-nl{display:flex;margin-top:12px}
.pk-nl input[type=email]{flex:1;min-width:0;height:36px;padding:0 12px;background:var(--bg);border:1px solid var(--line2);border-right:0;border-radius:8px 0 0 8px;color:#fff;font-size:11.5px;outline:0}
.pk-nl input[type=email]:focus{border-color:var(--red)}
.pk-nl button{padding:0 16px;border:0;border-radius:0 8px 8px 0;background:var(--red);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}
.pk-nl button:hover{background:var(--red2)}
.pk-hp{position:absolute!important;left:-9999px}
.pk-note{margin-top:10px;text-align:center;font-size:10px;color:var(--muted)}

/* Latest Lists widget - real posts from the Lists category */
.pk-lists__list{display:grid;gap:8px}
.pk-lists__row{display:flex;align-items:center;gap:10px;padding:6px;border-radius:9px;transition:background .2s ease,transform .2s ease}
.pk-lists__row:hover{background:var(--bg3);transform:translateX(2px)}
.pk-lists__thumb{position:relative;flex:none;width:44px;height:44px;overflow:hidden;border-radius:8px}
.pk-lists__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pk-lists__title{font-size:11.5px;font-weight:600;line-height:1.3;transition:color .2s ease}
.pk-lists__row:hover .pk-lists__title{color:var(--red2)}

/* ========== 13. FOOTER ========== */
.pk-foot{grid-area:foot;padding:0 18px 14px;min-width:0}
.pk-foot__bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;padding-top:10px;border-top:1px solid var(--line)}
.pk-foot__bar .pk-logo{margin:0;font-size:22px}
.pk-foot__nav ul{display:flex;flex-wrap:wrap;gap:8px 24px}
.pk-foot__nav a{font-size:11.5px;color:#d6d7dd;transition:color .2s}
.pk-foot__nav a:hover,.pk-foot__nav .is-active a{color:var(--red2)}
.pk-social{display:flex;gap:14px}
.pk-social a{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#eceef2;transition:color .2s,background .2s}
.pk-social a:hover{color:var(--red2);background:var(--bg3)}
.pk-social .pk-i{width:19px;height:19px}
.pk-tagline{display:flex;align-items:center;gap:8px;font:400 16px/.95 var(--f-hand);text-transform:uppercase;text-align:right;transform:rotate(-4deg);color:#eceef2}
.pk-tagline .pk-i{width:22px;height:22px;color:var(--cyan);fill:currentColor;stroke:none}
.pk-copy{margin-top:6px;font-size:10.5px;color:var(--muted)}

/* ========== 14. ARTICLE / ARCHIVE ========== */
.pk-page-title{margin-bottom:12px;font:400 38px/1 var(--f-disp);text-transform:uppercase}
.pk-article{padding:22px 26px}
.pk-article__title{margin:12px 0 6px;font:400 clamp(28px,3.6vw,46px)/1.05 var(--f-disp);text-transform:uppercase}
.pk-article__img{margin:16px 0;border-radius:12px;overflow:hidden}
.entry-content{max-width:72ch;font-size:16px;line-height:1.75;color:#e3e3ea}
.entry-content>*+*{margin-top:1.1em}
.entry-content h2,.entry-content h3{margin-top:1.6em;color:#fff}
.entry-content a{color:var(--cyan);text-decoration:underline}
.entry-content blockquote{margin-left:0;padding-left:16px;border-left:3px solid var(--green);color:var(--silver)}
.entry-content ul,.entry-content ol{padding-left:1.3em}
.entry-content ul{list-style:disc}
.entry-content ol{list-style:decimal}
.entry-content li+li{margin-top:.5em}
.entry-content strong{color:#fff}
.pk-empty{padding:40px;text-align:center;color:var(--silver)}

/* ========== 15. RESPONSIVE (desktop-first) ========== */
@media (max-width:1400px){.pk-search{width:230px}}
@media (max-width:1180px){
  .pk-cols{grid-template-columns:1fr}
  .pk-col-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .pk-heroes{grid-template-columns:1fr}
  .pk-ad--2 .pk-ad__in--col{min-height:120px}
  .pk-with-ad{grid-template-columns:1fr}
  .pk-grid5{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pk-cats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pk-cats__more{display:none}
}
@media (max-width:900px){
  .pk-app{grid-template-columns:1fr;grid-template-areas:"head" "main" "foot"}
  .pk-burger{display:grid;width:44px;height:44px}
  .pk-logo--m{display:inline-flex}
  .pk-side{position:fixed;left:0;top:0;bottom:0;width:min(280px,82vw);height:auto;z-index:70;transform:translateX(-100%);transition:transform .32s ease;box-shadow:0 0 48px rgba(0,0,0,.55)}
  .pk-menu-open .pk-side{transform:none}
  .pk-menu-open{overflow:hidden}
  body.pk-menu-open::before{content:"";position:fixed;inset:0;z-index:65;background:rgba(0,0,0,.6);animation:pk-fade-in .25s ease}
  @keyframes pk-fade-in{from{opacity:0}to{opacity:1}}
  .pk-col-side{grid-template-columns:1fr}
  .pk-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pk-adrow{grid-template-columns:1fr}
  .pk-ad__in--col{min-height:140px;padding:26px 14px 14px}
  .pk-foot__bar{flex-direction:column;align-items:flex-start;gap:14px}

  /* "Explore by Category" is meant to be an icon row (see section 8's comment), not a
     content grid - on mobile it was stacking into 6-7 giant tiles that ate the whole
     screen. Turning it into a horizontal scroll strip keeps it a row at any width. */
  .pk-cats{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:2px}
  .pk-cats::-webkit-scrollbar{display:none}
  .pk-catcard{flex:none;width:106px;height:92px;padding:0 8px 8px;scroll-snap-align:start}
  .pk-catcard__art{width:38px;height:38px;right:6px;top:6px}
  .pk-catcard__label{font-size:11px;gap:4px}
  .pk-catcard__label .pk-i{width:12px;height:12px}
  .pk-cats__more{display:none}
}
@media (max-width:640px){
  .pk-main{padding:12px}.pk-header{padding:8px 12px;gap:10px;flex-wrap:wrap}.pk-header__ad{order:3;flex-basis:100%}.pk-search{width:auto;flex:1}
  .pk-grid5,.pk-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}

  /* Hero: a proportional height instead of one fixed 380px block, plus a flatter overlay
     so bright art (and any text baked into the poster art itself) doesn't fight the
     headline the way it did before - legibility over the crop on a small screen. */
  .pk-hero{min-height:clamp(240px,70vw,400px)}
  .pk-slide{padding:18px 16px 50px;background:linear-gradient(180deg,rgba(8,8,9,.55),rgba(8,8,9,.93) 72%),var(--pk-img,radial-gradient(circle at 76% 34%,#5c1414 0,#2b0d0d 30%,#141014 55%,#0a0a0b 88%));background-size:cover;background-position:center}
  .pk-hero__quote{display:none}
  .pk-hero__ctrl{right:14px;bottom:14px;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.4);backdrop-filter:blur(6px)}
  .pk-arrow{width:32px;height:32px}
  .pk-catcard{width:96px;height:88px}

  .pk-ad__in--row{flex-direction:column;align-items:flex-start}
}
@media (max-width:420px){
  .pk-hero{min-height:clamp(220px,74vw,340px)}
  .pk-slide{padding:16px 14px 46px}
  .pk-catcard{width:88px;height:82px}
  .pk-card__title,.pk-trend__title{font-size:12.5px}
}
/* ========== 16. MOBILE LAYER (v1.4.0) ==========
   Desktop (>1180px) is untouched: every rule below is either (a) inside a max-width media
   query, or (b) targets an element that is new in 1.4.0 and hidden by default. */
.pk-back,.pk-searchbtn,.pk-side__close,.pk-side__pages,.pk-bnav,.pk-hero__meta,.pk-viewall--m,.pk-meta__by,
.pk-archive__ico,.pk-archive__desc,.pk-archive__stats,.pk-msearch,.pk-related,
.pk-search__recent,.pk-article__stats,.pk-catcard__photo{display:none}
.pk-archive-head{display:contents}

/* ---- Desktop homepage only (>1180px): Latest News above Explore by Category. Order only -
   markup, ads, sidebar and every other section are untouched, and tablet/phone (which either
   follow this same source order or set their own explicit `order` below) are unaffected. ---- */
@media (min-width:1181px){
  .home .pk-heroes{order:1}
  .home #latest-news{order:2}
  .home .pk-sec--explore{order:3}
  .home .pk-adrow{order:4}
  .home #all-stories{order:5}
}

/* ---- Tablet bridge (<=1180px): grid tracks may shrink, so wide content never widens the page ---- */
@media (max-width:1180px){
  .pk-cols{grid-template-columns:minmax(0,1fr)}
  .pk-col-main>*,.pk-col-side>*{min-width:0}
  /* nothing inside an article may push the page sideways */
  .entry-content{overflow-wrap:break-word}
  .entry-content img,.entry-content video,.entry-content iframe,.entry-content embed,.entry-content object,.entry-content figure{max-width:100%}
  .entry-content img,.entry-content video{height:auto}
  .entry-content figure{margin-left:0;margin-right:0}
  .entry-content iframe[src*="youtube"],.entry-content iframe[src*="youtu.be"],.entry-content iframe[src*="vimeo"]{width:100%;height:auto;aspect-ratio:16/9}
  .entry-content table{display:block;max-width:100%;overflow-x:auto}
  .entry-content pre{max-width:100%;overflow-x:auto}
  .entry-content .alignleft,.entry-content .alignright{float:none;display:block;margin:1em auto}
  .entry-content .alignwide,.entry-content .alignfull{width:auto;max-width:100%;margin-left:0;margin-right:0}
}
@media (max-width:900px){
  .pk-app{grid-template-columns:minmax(0,1fr)}
  .pk-header__ad .pk-ad--1 .pk-ad__title{overflow:hidden;text-overflow:ellipsis}
}

/* ---- Tablet + phone (<=900px): drawer polish, content safety, pagination ---- */
@media (max-width:900px){
  /* closed drawer must not be reachable by keyboard / screen reader */
  .pk-side{visibility:hidden;transition:transform .32s ease,visibility 0s linear .32s}
  .pk-menu-open .pk-side{visibility:visible;transition:transform .32s ease,visibility 0s}
  .pk-side__close{display:grid;place-items:center;position:absolute;top:12px;right:10px;z-index:2;width:40px;height:40px;padding:0;background:none;border:0;border-radius:10px;color:#fff;cursor:pointer}
  .pk-side__close .pk-i{width:22px;height:22px}
  .pk-side__pages{display:block;margin-top:14px;padding-top:12px;border-top:1px solid var(--line2)}
  .pk-side__pages a{display:block;padding:11px 14px;border-radius:8px;font-size:13.5px;color:#d6d7dd;transition:background .2s,color .2s}
  .pk-side__pages a:active{background:#141d10;color:#fff}

  /* archive / search pagination (WordPress the_posts_pagination) */
  .navigation.pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:16px}
  .nav-links .page-numbers{display:grid;place-items:center;min-width:40px;height:40px;padding:0 8px;border-radius:8px;background:var(--bg3);border:1px solid var(--line);font-size:13px;color:#d6d7dd}
  .nav-links a.page-numbers:hover{border-color:var(--red2);color:#fff}
  .nav-links .page-numbers.current{background:var(--green);border-color:var(--green);color:#0a0a0b;font-weight:700}
  .nav-links .page-numbers.dots{background:none;border-color:transparent}
}

/* ---- Phone (<=767px): dedicated mobile layout ---- */
@media (max-width:767px){
  html{scroll-padding-top:12px}
  body{overflow-x:hidden;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}

  /* Header: [back] logo ........ search  menu, then the top ad (real Ad Slot 1) */
  .pk-header{position:relative;min-height:56px;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 12px;gap:6px 4px;flex-wrap:wrap;align-items:center;background:var(--bg);backdrop-filter:none;border-bottom-color:rgba(106,252,90,.22);box-shadow:0 1px 0 rgba(106,252,90,.08)}
  .pk-header .pk-back{order:0;display:grid;place-items:center;width:40px;height:40px;margin-left:-8px;border-radius:10px;color:#fff}
  .pk-back .pk-i{width:22px;height:22px}
  .pk-header .pk-logo--m{order:1;display:inline-flex;align-self:center;margin:0;font-size:30px}
  .pk-inner .pk-header .pk-logo--m{position:absolute;left:50%;top:calc(8px + env(safe-area-inset-top,0px));height:40px;transform:translateX(-50%)}
  .pk-header .pk-searchbtn{order:3;margin-left:auto;display:grid;place-items:center;width:40px;height:40px;padding:0;background:none;border:0;border-radius:10px;color:#fff;cursor:pointer}
  .pk-searchbtn .pk-i{width:22px;height:22px}
  .pk-header .pk-burger{order:4;display:grid;place-items:center;width:40px;height:40px;background:none;border:0;border-radius:10px}
  .pk-burger .pk-i{width:24px;height:24px}
  .pk-header .pk-search{display:none;order:5;flex:0 0 100%;width:100%;height:46px;margin:2px 0 0;border-radius:12px}
  .pk-search-open .pk-header .pk-search{display:flex}
  .pk-search input{font-size:16px}
  .pk-header__ad{order:6;flex:0 0 100%;align-self:auto;margin-top:2px}

  /* Page grid: one column; wrappers dissolve so blocks can be re-ordered (one content source, no duplicates) */
  .pk-main{padding:14px 14px 8px}
  .pk-cols{grid-template-columns:minmax(0,1fr);gap:18px}
  .pk-col-main,.pk-col-side,.pk-heroes{display:contents}
  .pk-col-side>*{order:20}
  .home .pk-hero{order:1}
  .home .pk-col-side>.pk-trend{order:2}
  .home .pk-heroes>.pk-ad{order:3}
  .home .pk-sec--explore{order:4}
  .home #latest-news{order:5}
  .home .pk-adrow{order:6}
  .home #all-stories{order:7}
  .pk-related{display:block;order:5}
  .pk-cols>*,.pk-col-main>*,.pk-col-side>*{min-width:0;max-width:100%}

  /* Sections: flat on black, like the reference */
  .pk-sec,.pk-widget{padding:0;background:none;border:0;border-radius:0}
  .pk-sec__head{gap:8px;margin-bottom:12px}
  .pk-sec__head h3{font-size:16px}
  .pk-sec__head h3::after{display:none}
  .pk-viewall{min-height:32px;font-size:12px}
  .pk-viewall--m{display:inline-flex}

  /* Hero: recomposed for the phone */
  .pk-hero{min-height:clamp(330px,98vw,440px);border-radius:16px;border-color:rgba(139,191,63,.4)}
  .pk-slide{justify-content:flex-end;padding:16px 16px 14px;background:linear-gradient(180deg,rgba(8,8,9,.05) 0%,rgba(8,8,9,.28) 32%,rgba(8,8,9,.9) 72%,rgba(8,8,9,.98) 100%),var(--pk-img-m,var(--pk-img,radial-gradient(circle at 76% 34%,#5c1414 0,#2b0d0d 30%,#141014 55%,#0a0a0b 88%)));background-size:cover;background-position:center top;touch-action:pan-y}
  .pk-slide__in{width:100%;max-width:none;gap:8px}
  .pk-hero__title{margin:2px 0 0;font:800 clamp(22px,6.6vw,28px)/1.14 var(--f-body);letter-spacing:-.015em;text-transform:none;text-shadow:0 2px 14px rgba(0,0,0,.6)}
  .pk-hero__t1,.pk-hero__t2{display:block;color:#fff}
  .pk-hero__text{max-width:none;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.5;color:#dcdde4}
  .pk-hero__meta{display:flex;align-items:center;min-height:34px;padding-right:52px;font-size:11.5px;color:#c5c7d0}
  .pk-hero__meta i{font-style:normal;margin:0 6px}
  .pk-hero__quote{display:none}
  .pk-slide .pk-btn{position:static;align-self:flex-start;margin-top:2px;gap:8px;height:38px;padding:0 18px;border-radius:999px;border-color:var(--pk-m-green);background:var(--pk-m-green);color:var(--pk-m-ink);font:700 12.5px/1 var(--f-body);box-shadow:0 6px 20px rgba(106,252,90,.3);transition:transform .15s ease,background .2s ease}
  .pk-slide .pk-btn .pk-i{width:14px;height:14px}
  .pk-slide .pk-btn:active{transform:scale(.95)}
  .pk-hero__ctrl{top:12px;right:12px;bottom:auto;gap:6px;padding:0;border-radius:0;background:none;backdrop-filter:none}
  .pk-count{margin:0 2px 0 0;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.55);font-size:11.5px;color:#e9eaef}
  .pk-count b{font-size:11.5px}
  .pk-hero__ctrl .pk-arrow{width:30px;height:30px;border-radius:50%}

  /* Trending Now: compact ranked list */
  .pk-trend__list{gap:0}
  .pk-trend__row{grid-template-columns:28px 92px minmax(0,1fr);gap:11px;padding:10px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}
  .pk-trend__row:last-child{border-bottom:0}
  .pk-rank{width:26px;height:26px;border:0;border-radius:6px;background:#3a3b42;font-size:13px;color:#fff}
  .pk-trend__row:nth-child(1) .pk-rank{background:var(--red);color:#fff}
  .pk-trend__row:nth-child(2) .pk-rank{background:var(--green);color:#0a0a0b}
  .pk-trend__row:nth-child(3) .pk-rank{background:#d0862b;color:#0a0a0b}
  .pk-trend__row:nth-child(4) .pk-rank{background:#7c4dff;color:#fff}
  .pk-trend__row:nth-child(5) .pk-rank{background:var(--cyan);color:#04232b}
  .pk-trend__thumb{border-radius:8px}
  .pk-trend__body{gap:4px}
  .pk-trend__body .pk-badge{font-size:8px}
  .pk-trend__title{-webkit-line-clamp:2;line-clamp:2;font-size:13.5px}
  .pk-trend .pk-meta,.pk-card .pk-meta{font-size:11px}

  /* Explore by Category: compact 3-up tiles (icon + label) */
  .pk-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;overflow:visible;scroll-snap-type:none}
  .pk-catcard{flex-direction:column;align-items:center;justify-content:center;gap:7px;width:auto;height:86px;padding:8px 4px}
  .pk-catcard__art{position:static;width:28px;height:28px;opacity:.95}
  .pk-catcard__art .pk-i{stroke-width:1.6}
  .pk-catcard__label{position:relative;z-index:2;justify-content:center;max-width:100%;font-size:12px;line-height:1.1;text-align:center;white-space:normal}
  .pk-catcard__label .pk-i{display:none}

  /* Real post photo (reference image direction) instead of the icon tile, when one exists */
  .pk-catcard__photo{display:block;position:absolute;inset:0;z-index:0;background-size:cover;background-position:center}
  .pk-catcard.has-photo{align-items:flex-start;justify-content:flex-end;height:104px;padding:0 8px 8px}
  .pk-catcard.has-photo::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,8,9,.08) 0%,rgba(8,8,9,.35) 48%,rgba(8,8,9,.92) 100%)}
  .pk-catcard.has-photo .pk-catcard__art{display:none}
  .pk-catcard.has-photo .pk-catcard__label{justify-content:flex-start;text-align:left;font-size:11.5px;text-shadow:0 2px 6px rgba(0,0,0,.9)}

  /* Cards: 2-up grids on category/All Stories/related; compact rows for Latest News + search results */
  .pk-with-ad{gap:14px}
  .pk-grid3{gap:10px}
  .pk-card__title{font-size:13px}
  .pk-grid5{grid-template-columns:minmax(0,1fr);gap:0}
  body.search .pk-grid3{grid-template-columns:minmax(0,1fr);gap:0}
  .pk-grid5 .pk-card,body.search .pk-grid3 .pk-card{flex-direction:row;gap:12px;padding:10px 0;overflow:visible;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}
  .pk-grid5 .pk-card__thumb,body.search .pk-grid3 .pk-card__thumb{flex:none;width:104px;border-radius:8px;aspect-ratio:4/3}
  .pk-grid5 .pk-card__body,body.search .pk-grid3 .pk-card__body{flex:1;justify-content:center;min-width:0;padding:0}
  .pk-grid5 .pk-card__title,body.search .pk-grid3 .pk-card__title{font-size:13.5px}
  .pk-grid5 .pk-card .pk-badge,body.search .pk-grid3 .pk-card .pk-badge{left:5px;bottom:5px;max-width:calc(100% - 10px);padding:3px 5px;overflow:hidden;font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}
  .pk-grid5 .pk-card:active,body.search .pk-grid3 .pk-card:active{background:rgba(255,255,255,.04)}
  .pk-card:active{transform:scale(.985)}
  .pk-tabs{flex-wrap:wrap}
  .pk-tab{padding:8px 14px}

  /* Ads: fluid boxes that never exceed the viewport */
  .pk-ad{max-width:100%;border-radius:12px}
  .pk-ad--2{align-self:auto}
  .pk-ad--4,.pk-ad--5{min-height:0}
  .pk-ad__live{padding:8px;max-width:100%}
  .pk-ad__live ins,.pk-ad__live iframe,.pk-ad__live img,.pk-ad__live video{max-width:100%}
  .pk-ad__in{gap:10px;padding:30px 14px 12px}
  .pk-ad__in--row{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}
  .pk-ad__in--col{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:0;padding:30px 14px 12px}
  .pk-ad__crown{display:none}
  .pk-ad__hand{font-size:20px}
  .pk-ad--4 .pk-ad__in,.pk-ad--5 .pk-ad__in{padding-left:14px}
  .pk-ad--1{min-height:60px;border-radius:12px}
  .pk-ad--1 .pk-ad__in{flex-direction:row;flex-wrap:nowrap;align-items:center;padding:8px 10px 8px 42px;gap:10px}
  .pk-ad--1 .pk-ad__title{flex:1;min-width:0;font-size:12px;line-height:1.15;white-space:normal}
  .pk-ad--1 .pk-btn{flex:none;height:30px;padding:0 12px;font-size:11px}
  .pk-ad--infeed,.pk-ad--article{min-height:64px}

  /* Category / archive / search heading block */
  .pk-archive-head{display:block;padding:16px;border:1px solid rgba(139,191,63,.35);border-radius:16px;background:linear-gradient(180deg,rgba(24,34,18,.6),rgba(10,10,11,.92))}
  .pk-archive__ico{display:grid;place-items:center;width:46px;height:46px;margin-bottom:10px;border-radius:12px;color:var(--c);background:color-mix(in srgb,var(--c) 18%,#0a0a0b);border:1px solid color-mix(in srgb,var(--c) 55%,transparent)}
  .pk-archive__ico .pk-i{width:24px;height:24px}
  .pk-page-title{margin:0 0 8px;font:800 30px/1.1 var(--f-body);letter-spacing:-.015em;text-transform:none;overflow-wrap:anywhere}
  .pk-archive__desc{display:block;font-size:13.5px;line-height:1.55;color:#cfd0d8}
  .pk-archive__desc p+p{margin-top:.6em}
  .pk-archive__stats{display:block;margin-top:10px;font-size:12px;color:var(--silver)}
  .pk-msearch{display:flex;gap:8px;margin-top:4px}
  .pk-msearch input{flex:1;min-width:0;height:46px;padding:0 14px;background:#151517;border:1px solid var(--line2);border-radius:12px;color:var(--text);font-size:16px;outline:0}
  .pk-msearch input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(139,191,63,.2)}
  .pk-msearch button{display:grid;place-items:center;flex:none;width:54px;height:46px;padding:0;border:0;border-radius:12px;background:var(--green);color:#0a0a0b;cursor:pointer}
  .pk-msearch button .pk-i{width:20px;height:20px}
  .pk-empty{padding:26px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg2)}
  .pk-empty .pk-msearch{margin:14px 0}

  /* Pagination: 40px touch targets, green current page */
  .pk-pager{margin-top:16px}
  .pk-pager span,.pk-pager a{min-width:40px;height:40px}
  .pk-pager .current{background:var(--green);border-color:var(--green);color:#0a0a0b}

  /* Article: image first (full-bleed), then badge / title / byline, readable body */
  .pk-article.pk-sec{display:flex;flex-direction:column;padding:0}
  .pk-article__img{order:-1;margin:-14px -14px 16px;border-radius:0}
  .pk-article__img img{width:100%;aspect-ratio:16/10;object-fit:cover}
  .pk-article__title{margin:12px 0 8px;font:800 clamp(24px,7vw,30px)/1.15 var(--f-body);letter-spacing:-.015em;text-transform:none}
  .pk-article .pk-meta{margin-bottom:8px;font-size:12.5px;color:var(--silver)}
  .pk-article__stats{display:flex;gap:16px;margin:0 0 14px;font-size:12.5px;color:var(--silver)}
  .pk-article__stats span{display:inline-flex;align-items:center;gap:5px}
  .pk-article__stats .pk-i{width:15px;height:15px}
  .pk-meta__by{display:inline}
  .entry-content{max-width:none;margin-top:6px;font-size:17px;line-height:1.75}
  .entry-content h2{margin-top:1.7em;padding-left:10px;border-left:3px solid var(--green);font-size:21px;line-height:1.25}
  .entry-content h3{font-size:18px;line-height:1.3}
  .pk-ad--article{margin:18px 0}

  /* Newsletter / Latest Lists (sidebar blocks, now below the feed) */
  .pk-news{padding:16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,var(--bg2),#0e0e10)}
  .pk-nl input[type=email]{height:46px;font-size:16px}
  .pk-nl button{padding:0 18px}
  .pk-lists__row{min-height:52px}
  .pk-lists__title{font-size:13px}

  /* Footer stacks; the fixed bottom bar gets its own room */
  .pk-foot{padding:0 14px 14px}
  .pk-foot__bar{gap:14px}
  .pk-foot__nav ul{gap:0 18px}
  .pk-foot__nav a{display:inline-block;padding:7px 0;font-size:13px}
  .pk-tagline{transform:none;text-align:left}

  /* Bottom navigation */
  .pk-bnav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));background:rgba(10,10,11,.96);border-top:1px solid rgba(106,252,90,.18);backdrop-filter:blur(12px)}
  .pk-bnav__it{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:4px 2px;border:0;border-radius:12px;background:none;color:var(--muted);font:600 10.5px/1.1 var(--f-body);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s ease,background-color .22s ease,box-shadow .22s ease,transform .15s ease}
  .pk-bnav__it .pk-i{width:22px;height:22px;transition:filter .22s ease}
  .pk-bnav__it:active{transform:scale(.92)}
  .pk-bnav__it.is-active{color:var(--pk-m-green);background:var(--pk-m-green-wash);box-shadow:inset 0 0 0 1px rgba(106,252,90,.3),0 0 16px rgba(106,252,90,.28)}
  .pk-bnav__it.is-active .pk-i{filter:drop-shadow(0 0 6px rgba(106,252,90,.65))}

  /* Drawer */
  .pk-side{width:min(320px,86vw);padding:16px 14px}
  .pk-side .pk-logo{margin:4px 6px 18px;font-size:32px}
  .pk-side__nav li a{min-height:46px;padding:12px 14px;font-size:15px}
  .pk-side__nav .is-active a,.pk-side__nav .current-menu-item a{background:var(--pk-m-green-wash);color:#fff;box-shadow:inset 0 0 0 1px rgba(106,252,90,.55),0 0 18px rgba(106,252,90,.2)}
  .pk-side__nav .is-active a .pk-i,.pk-side__nav .current-menu-item a .pk-i{color:var(--pk-m-green)}
  .pk-side__pages a{font-size:14px}
}

/* Phones without hover: no sticky "lifted" cards / tiles after a tap */
@media (max-width:767px) and (hover:none){
  .pk-card:hover,.pk-catcard:hover,.pk-trend__row:hover,.pk-lists__row:hover{transform:none}
  .pk-card:hover,.pk-trend__row:hover{box-shadow:none;border-color:var(--line)}
  .pk-catcard:hover{box-shadow:none;border-color:color-mix(in srgb,var(--c) 55%,transparent)}
  .pk-card:hover .pk-card__thumb img,.pk-catcard:hover .pk-catcard__art,.pk-catcard:hover .pk-catcard__label .pk-i{transform:none}
  .pk-card:hover .pk-card__title,.pk-trend__row:hover .pk-trend__title{color:inherit}
  .pk-side__nav li a:hover{transform:none;box-shadow:none;background:none;color:#d6d7dd}
  .pk-side__nav li a:hover .pk-i{transform:none;animation:none;color:inherit}
  .pk-side__nav .is-active a:hover,.pk-side__nav .current-menu-item a:hover{background:rgba(139,191,63,.26);box-shadow:inset 0 0 0 1px var(--green);color:#fff}
}

/* Small phones (<=360px) */
@media (max-width:360px){
  .pk-main{padding-left:12px;padding-right:12px}
  .pk-article__img{margin:-14px -12px 16px}
  .pk-header{padding-left:12px;padding-right:12px}
  .pk-trend__row{grid-template-columns:26px 84px minmax(0,1fr);gap:9px}
  .pk-catcard__label{font-size:11px}
  .pk-page-title{font-size:26px}
  .pk-grid5 .pk-card__thumb,body.search .pk-grid3 .pk-card__thumb{width:92px}
}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ==========================================================================
   AD SLOT SIZE LOCK (min-height only).
   Before the "Advertise With Us" placeholder, several slots took their height from their old
   promo content. With one short line of text they would collapse, so these values hold every
   slot at the size it had before (measured per breakpoint, 320px-1920px). Slots not listed here
   (2 and 3 on desktop, 7, in-feed, in-article, 6 above 328px) already get their height from the
   grid or from existing min-height rules and are untouched. Safe to delete once real ad units
   are in the slots.
   ========================================================================== */
@media (min-width:768px){.pk-ad--1{min-height:46px}}
@media (min-width:901px) and (max-width:1180px){.pk-ad--2{min-height:226px}}
@media (min-width:768px) and (max-width:900px){.pk-ad--2{min-height:218px}}
@media (max-width:767px){.pk-ad--2{min-height:128px}}
@media (max-width:333px){.pk-ad--3{min-height:171px}}
@media (min-width:334px) and (max-width:439px){.pk-ad--3{min-height:129px}}
@media (min-width:440px) and (max-width:578px){.pk-ad--3{min-height:128px}}
@media (min-width:579px) and (max-width:767px){.pk-ad--3{min-height:86px}}
@media (min-width:768px) and (max-width:1180px){.pk-ad--3{min-height:80px}}
@media (max-width:446px){.pk-ad--4{min-height:128px}}
@media (min-width:447px) and (max-width:767px){.pk-ad--4{min-height:86px}}
@media (min-width:768px) and (max-width:900px){.pk-ad--4{min-height:80px}.pk-ad--5{min-height:106px}}
@media (min-width:901px){.pk-ad--4,.pk-ad--5{min-height:156px}}
@media (max-width:344px){.pk-ad--5{min-height:149px}}
@media (min-width:345px) and (max-width:767px){.pk-ad--5{min-height:107px}}
@media (max-width:328px){.pk-ad--6{min-height:126px}}
@media (max-width:413px){.pk-ad--8{min-height:140px}}
@media (min-width:901px) and (max-width:938px){.pk-ad--8{min-height:158px}}
@media (min-width:939px) and (max-width:1128px){.pk-ad--8{min-height:131px}}
@media (min-width:1181px) and (max-width:1255px){.pk-ad--8{min-height:188px}}
@media (min-width:1256px) and (max-width:1267px){.pk-ad--8{min-height:173px}}
@media (min-width:1268px) and (max-width:1598px){.pk-ad--8{min-height:158px}}
@media (min-width:1599px){.pk-ad--8{min-height:131px}}

/* ==========================================================================
   17. CATEGORIES HUB + TRENDING PAGE (new pages, v1.5.0)
   These elements are brand new - page-categories.php and page-trending.php
   did not exist before, so there is no existing desktop appearance to protect
   here. The base rules below work at every width (so a desktop visitor to
   /categories/ or /trending/ sees a clean, functional page, not a blank one);
   the @media (max-width:767px) block further down restyles them to match the
   mobile reference image closely.
   ========================================================================== */
.pk-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.pk-chip{display:inline-flex;align-items:center;padding:7px 16px;border-radius:999px;border:1px solid var(--line2);background:var(--bg3);color:#d6d7dd;font:600 12px/1 var(--f-body);transition:background .2s ease,border-color .2s ease,color .2s ease}
.pk-chip:hover{border-color:var(--cyan);color:#fff}
.pk-chip.is-on{background:var(--green);border-color:var(--green);color:#141a00;font-weight:700}

.pk-catrow-list{display:grid;gap:10px}
.pk-catrow{position:relative;display:flex;align-items:center;gap:14px;padding:10px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,var(--bg2),#0e0e10);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.pk-catrow:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c) 55%,var(--line2));box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent),0 10px 28px color-mix(in srgb,var(--c) 30%,transparent)}
.pk-catrow__thumb{position:relative;flex:none;width:64px;height:64px;border-radius:12px;overflow:hidden}
.pk-catrow__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pk-catrow__ico{position:absolute;right:5px;bottom:5px;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:rgba(0,0,0,.55);color:#fff}
.pk-catrow__ico .pk-i{width:13px;height:13px}
.pk-catrow__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pk-catrow__title{font-size:14px;font-weight:700;color:#fff}
.pk-catrow__desc{display:block;font-size:11.5px;line-height:1.4;color:var(--silver);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-catrow__count{font-size:11px;color:var(--muted)}
.pk-catrow__arrow{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--bg3);color:#fff}
.pk-catrow__arrow .pk-i{width:14px;height:14px}

@media (max-width:767px){
  /* Filter chips: horizontal scroll strip, active chip in vivid green */
  .pk-chip-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
  .pk-chip-row::-webkit-scrollbar{display:none}
  .pk-chip{flex:none}
  .pk-chip.is-on{background:var(--pk-m-green);border-color:var(--pk-m-green);color:var(--pk-m-ink);box-shadow:0 0 16px rgba(106,252,90,.3)}

  .pk-catrow{padding:8px;border-radius:16px}
  .pk-catrow__thumb{width:58px;height:58px}
  .pk-catrow__title{font-size:13.5px}

  /* Trending page: item #1 gets a large feature card (image on top, text below),
     items 2+ stay as the familiar compact ranked row. */
  .pk-trending-list .pk-trend__row:first-child{position:relative;grid-template-columns:1fr;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--line)}
  .pk-trending-list .pk-trend__row:first-child .pk-trend__thumb{order:-1;aspect-ratio:16/9;width:100%;height:auto;border-radius:14px}
  .pk-trending-list .pk-trend__row:first-child .pk-rank{position:absolute;top:10px;left:10px;z-index:2}
  .pk-trending-list .pk-trend__row:first-child .pk-trend__title{font-size:16px;-webkit-line-clamp:2;line-clamp:2}

  /* "Recent" search chips - rendered client-side only, from this browser's own storage */
  .pk-search__recent{display:flex;flex-wrap:wrap;align-items:center;gap:8px;order:5;flex:0 0 100%;width:100%;margin-top:8px;padding:0 2px}
  .pk-search-open .pk-header .pk-search__recent{display:flex}
  .pk-search__recent-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
  .pk-search__chips{display:flex;flex-wrap:wrap;gap:6px}
  .pk-search__chip{padding:6px 12px;border-radius:999px;border:1px solid var(--line2);background:var(--bg3);color:#d6d7dd;font-size:11.5px;cursor:pointer;transition:border-color .2s ease,color .2s ease}
  .pk-search__chip:active{border-color:var(--pk-m-green);color:#fff}
}

/* v1.6.0 quality fixes: keep hero copy and controls inside the frame at all widths. */
.pk-hero{isolation:isolate;min-width:0}
.pk-slide{box-sizing:border-box;padding-right:clamp(78px,8vw,112px);background-repeat:no-repeat;background-size:cover;background-position:center center}
.pk-slide__in{position:relative;z-index:2;width:min(100%,560px);min-width:0;overflow-wrap:anywhere}
.pk-hero__title{max-width:100%;overflow-wrap:anywhere;hyphens:auto;line-height:1.08}
.pk-hero__title span{max-width:100%}
.pk-slide .pk-badge{max-width:100%;white-space:normal;line-height:1.25;overflow-wrap:anywhere}
.pk-slide .pk-btn{position:relative;z-index:4;min-height:42px;max-width:100%;white-space:normal;line-height:1.2;overflow-wrap:anywhere}
.pk-hero__ctrl{z-index:5;pointer-events:auto}
.pk-arrow{flex:0 0 auto;min-width:36px;min-height:36px}
.pk-arrow:focus-visible,.pk-slide .pk-btn:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.pk-slide[hidden]{display:none}
.pk-ad__live{min-width:0;max-width:100%}
.pk-infeed{min-width:0;width:100%}
.pk-infeed .pk-ad{width:100%;max-width:100%}
@media(max-width:900px){
  .pk-slide{padding-right:24px;padding-bottom:72px}
  .pk-hero__ctrl{right:12px;bottom:12px}
}
@media(max-width:767px){
  .pk-slide{padding:16px 14px 76px;background-position:center top}
  .pk-slide__in{gap:8px}
  .pk-hero__title{font-size:clamp(22px,6.6vw,29px);line-height:1.13}
  .pk-slide .pk-btn{min-height:44px;padding:0 16px}
  .pk-hero__ctrl{top:auto;right:10px;bottom:10px;gap:5px}
  .pk-hero__ctrl .pk-arrow{width:36px;height:36px;min-width:36px;min-height:36px}
  .pk-count{padding:7px 9px}
}
@media(max-width:360px){
  .pk-slide{padding-left:12px;padding-right:12px}
  .pk-hero__title{font-size:21px}
  .pk-hero__ctrl{right:8px;bottom:8px}
}
.pk-slide{overflow:hidden;scrollbar-width:none}


/* v1.6.1: reserve a dedicated control lane so hero CTA never collides with arrows/counter. */
.pk-slide{padding-bottom:82px;background-color:#0a0a0b;background-repeat:no-repeat;background-size:cover;background-position:center center}
.pk-slide__in{max-height:100%;}
.pk-slide .pk-btn{align-self:flex-start;flex-shrink:0;min-width:150px;justify-content:center}
.pk-hero__text{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pk-hero__title{max-width:min(100%,700px);text-wrap:pretty}
.pk-hero__ctrl{bottom:12px;right:12px;padding:4px 6px;border-radius:999px;background:rgba(0,0,0,.56);backdrop-filter:blur(4px)}
.pk-hero__quote{z-index:1;pointer-events:none}
.pk-cats{grid-auto-flow:row}
.pk-catcard__photo{pointer-events:none}
@media(max-width:900px){.pk-slide{padding-bottom:86px}.pk-hero__ctrl{bottom:10px;right:10px}}
@media(max-width:767px){.pk-slide{padding:16px 14px 88px;background-position:center center}.pk-slide__in{gap:8px}.pk-hero__ctrl{bottom:8px;right:8px;left:8px;justify-content:flex-end}.pk-count{margin-right:auto}.pk-slide .pk-btn{min-height:44px;max-width:100%}.pk-catcard.has-photo{isolation:isolate}.pk-catcard.has-photo .pk-catcard__label{z-index:2}}
@media(max-width:360px){.pk-slide{padding-left:12px;padding-right:12px;padding-bottom:88px}.pk-hero__ctrl{left:6px;right:6px;gap:4px}.pk-hero__ctrl .pk-arrow{width:34px;height:34px;min-width:34px;min-height:34px}}
@media(min-width:901px){.pk-hero{min-height:380px}.pk-slide{padding-right:34px}}
@media(max-width:900px){.pk-hero{min-height:360px}.pk-slide{padding-right:24px}}
@media(max-width:767px){.pk-hero{min-height:clamp(350px,98vw,450px)}}

/* v1.6.2 critical hero overflow fix: bound headline height and reserve a control lane. */
.pk-hero{min-height:380px;overflow:hidden}
.pk-slide{box-sizing:border-box;justify-content:flex-end;min-width:0;padding:24px 28px 78px;overflow:hidden}
.pk-slide__in{display:flex;flex-direction:column;align-items:flex-start;gap:9px;width:min(100%,620px);max-height:100%;min-width:0;overflow:hidden}
.pk-slide .pk-badge{flex:0 0 auto;max-width:100%;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-hero__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;max-height:calc(3 * 1.08em);margin:0;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;word-break:normal;line-height:1.08}
.pk-hero__title .pk-hero__t1,.pk-hero__title .pk-hero__t2{display:inline;color:inherit}
.pk-hero__title .pk-hero__t2{color:var(--red2)}
.pk-hero__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-height:3.1em;overflow:hidden;margin:0;overflow-wrap:anywhere}
.pk-hero__meta{flex:0 0 auto;margin:0;min-height:22px}
.pk-slide .pk-btn{flex:0 0 auto;position:relative;z-index:6;align-self:flex-start;display:inline-flex;justify-content:center;min-height:42px;height:auto;max-width:100%;margin:0;padding:10px 18px;white-space:normal;overflow-wrap:anywhere;line-height:1.2}
.pk-hero__ctrl{z-index:8;bottom:12px;right:12px;max-width:calc(100% - 24px)}
@media(max-width:900px){
  .pk-hero{min-height:360px}
  .pk-slide{padding:18px 20px 84px}
  .pk-slide__in{gap:7px}
  .pk-hero__title{-webkit-line-clamp:2;line-clamp:2;max-height:calc(2 * 1.08em);font-size:clamp(25px,4vw,36px)}
  .pk-hero__text{-webkit-line-clamp:2;line-clamp:2}
}
@media(max-width:767px){
  .pk-hero{min-height:clamp(350px,98vw,450px)}
  .pk-slide{padding:16px 14px 86px;background-position:center top}
  .pk-slide__in{gap:7px}
  .pk-slide .pk-badge{font-size:9px;max-width:100%}
  .pk-hero__title{-webkit-line-clamp:2;line-clamp:2;max-height:calc(2 * 1.13em);font-size:clamp(21px,6vw,27px);line-height:1.13}
  .pk-hero__text{font-size:12px;line-height:1.4;max-height:2.8em;-webkit-line-clamp:2;line-clamp:2}
  .pk-hero__meta{min-height:18px;font-size:10px}
  .pk-slide .pk-btn{min-height:44px;padding:10px 15px}
  .pk-hero__ctrl{left:auto;right:8px;bottom:8px;gap:5px;justify-content:flex-end}
  .pk-count{margin-right:0}
}
@media(max-width:360px){
  .pk-slide{padding-left:12px;padding-right:12px;padding-bottom:84px}
  .pk-hero__title{font-size:21px}
  .pk-hero__ctrl{right:6px;bottom:6px;gap:4px}
}


/* v1.6.3: scale long hero headlines down instead of allowing them to displace the CTA. */
.pk-slide__in{height:100%;box-sizing:border-box;justify-content:flex-end;min-height:0;padding-bottom:0}
.pk-hero__title{flex:0 1 auto;width:100%;min-width:0;overflow:hidden;text-wrap:pretty}
.pk-hero__title.is-title-medium{font-size:clamp(25px,2.8vw,40px)}
.pk-hero__title.is-title-long{font-size:clamp(22px,2.45vw,34px);line-height:1.06;-webkit-line-clamp:3;line-clamp:3;max-height:calc(3 * 1.06em)}
.pk-hero__title.is-title-xl{font-size:clamp(20px,2.1vw,29px);line-height:1.04;-webkit-line-clamp:3;line-clamp:3;max-height:calc(3 * 1.04em)}
.pk-slide .pk-btn{flex-shrink:0;margin-top:2px;position:relative;z-index:9}
.pk-slide__in>.pk-badge,.pk-slide__in>.pk-hero__text,.pk-slide__in>.pk-hero__meta,.pk-slide__in>.pk-btn{flex-shrink:0}
@media(max-width:900px){
 .pk-hero__title.is-title-medium{font-size:clamp(23px,3.7vw,32px)}
 .pk-hero__title.is-title-long{font-size:clamp(21px,3.3vw,29px);line-height:1.06;max-height:calc(2 * 1.06em);-webkit-line-clamp:2;line-clamp:2}
 .pk-hero__title.is-title-xl{font-size:clamp(19px,2.9vw,25px);line-height:1.04;max-height:calc(2 * 1.04em);-webkit-line-clamp:2;line-clamp:2}
}
@media(max-width:767px){
 .pk-slide__in{height:100%;gap:7px}
 .pk-hero__title.is-title-medium{font-size:clamp(20px,5.2vw,25px)}
 .pk-hero__title.is-title-long{font-size:clamp(18px,4.7vw,22px);line-height:1.08;max-height:calc(2 * 1.08em);-webkit-line-clamp:2;line-clamp:2}
 .pk-hero__title.is-title-xl{font-size:clamp(16px,4.2vw,20px);line-height:1.08;max-height:calc(2 * 1.08em);-webkit-line-clamp:2;line-clamp:2}
 .pk-slide .pk-btn{margin-top:2px;min-height:44px}
}
@media(max-width:360px){
 .pk-hero__title.is-title-long{font-size:17px}
 .pk-hero__title.is-title-xl{font-size:16px}
}


/* v1.6.4: force adaptive headline sizing on desktop too; keep the CTA in its own visible row. */
.pk-slide__in{height:auto!important;max-height:calc(100% - 4px);justify-content:flex-end;gap:8px}
.pk-hero__title.is-title-short{font-size:clamp(28px,3.0vw,44px)!important}
.pk-hero__title.is-title-medium{font-size:clamp(25px,2.55vw,37px)!important;line-height:1.04!important}
.pk-hero__title.is-title-long{font-size:clamp(22px,2.15vw,31px)!important;line-height:1.04!important;-webkit-line-clamp:3!important;line-clamp:3!important;max-height:calc(3 * 1.04em)!important}
.pk-hero__title.is-title-xl{font-size:clamp(19px,1.85vw,27px)!important;line-height:1.02!important;-webkit-line-clamp:3!important;line-clamp:3!important;max-height:calc(3 * 1.02em)!important}
.pk-slide .pk-btn{flex:0 0 auto!important;visibility:visible!important;opacity:1!important;z-index:20!important;position:relative!important;margin-top:3px!important}
@media(max-width:900px){
 .pk-hero__title.is-title-medium{font-size:clamp(22px,3.2vw,29px)!important}
 .pk-hero__title.is-title-long{font-size:clamp(20px,2.9vw,26px)!important;-webkit-line-clamp:2!important;line-clamp:2!important;max-height:calc(2 * 1.04em)!important}
 .pk-hero__title.is-title-xl{font-size:clamp(18px,2.5vw,23px)!important;-webkit-line-clamp:2!important;line-clamp:2!important;max-height:calc(2 * 1.02em)!important}
}
@media(max-width:767px){
 .pk-hero__title.is-title-short{font-size:clamp(23px,6vw,29px)!important}
 .pk-hero__title.is-title-medium{font-size:clamp(20px,5vw,24px)!important}
 .pk-hero__title.is-title-long{font-size:clamp(18px,4.5vw,21px)!important}
 .pk-hero__title.is-title-xl{font-size:clamp(16px,4vw,19px)!important}
 .pk-slide__in{height:auto!important;max-height:100%;gap:7px}
}


/* v1.6.5: category pagination polish + dedicated pre-pagination ad + safer hero headline sizing. */
.navigation.pagination,
.pk-archive-pagination{display:block;width:100%;margin:28px 0 8px;padding:0;clear:both}
.navigation.pagination .nav-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.navigation.pagination .page-numbers{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1px solid #343039;border-radius:10px;background:linear-gradient(180deg,#1b191d,#111013);color:#e8e5e8;text-decoration:none;font-size:13px;font-weight:700;line-height:1;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.navigation.pagination a.page-numbers:hover{background:#32151b;border-color:#e84b58;color:#fff;transform:translateY(-2px);box-shadow:0 5px 18px rgba(232,75,88,.16)}
.navigation.pagination a.page-numbers:focus-visible{outline:3px solid #8bdc79;outline-offset:3px}
.navigation.pagination .page-numbers.current{background:linear-gradient(135deg,#c82d3b,#ed5260);border-color:#f05b66;color:#fff;box-shadow:0 4px 16px rgba(218,51,67,.24)}
.navigation.pagination .page-numbers.dots{min-width:24px;padding:0 3px;background:transparent;border-color:transparent;color:#99939d;box-shadow:none}
.pk-ad--category-pagination{position:relative;box-sizing:border-box;width:100%;min-height:82px;margin:26px 0 18px;padding:10px 14px;border:1px solid rgba(225,66,80,.42);border-radius:13px;overflow:hidden;background:radial-gradient(ellipse at 10% 50%,rgba(153,28,42,.24),transparent 48%),linear-gradient(115deg,#171316,#111215 65%,#171113)}
.pk-ad--category-pagination>.pk-ad__tag{position:absolute;top:8px;left:9px;z-index:2}
.pk-ad--category-pagination .pk-ad__in{min-height:58px;display:flex;align-items:center;justify-content:center;text-align:center}
.pk-ad--category-pagination .pk-ad__note{color:#aaa4ad;font-size:13px;font-weight:700;letter-spacing:.02em}
.pk-ad--category-pagination .pk-ad__live{width:100%;min-width:0;text-align:center}
.pk-ad--category-pagination .pk-adwidget{max-width:100%;overflow:hidden}
.pk-ad--category-pagination img,.pk-ad--category-pagination iframe{max-width:100%;height:auto}

/* The slider title is intentionally smaller and capped at two lines on every viewport. */
.pk-slide{min-width:0}
.pk-slide__in{box-sizing:border-box;min-width:0;max-width:min(100%,620px);gap:8px}
.pk-hero__title{box-sizing:border-box;width:100%;max-width:100%;margin:2px 0 0;font-size:clamp(23px,2.35vw,34px)!important;line-height:1.04!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-height:calc(2 * 1.04em);overflow:hidden;overflow-wrap:anywhere;text-wrap:pretty}
.pk-hero__title.is-title-short{font-size:clamp(25px,2.6vw,38px)!important}
.pk-hero__title.is-title-medium{font-size:clamp(23px,2.3vw,33px)!important}
.pk-hero__title.is-title-long{font-size:clamp(20px,1.95vw,28px)!important;line-height:1.04!important;max-height:calc(2 * 1.04em)!important;-webkit-line-clamp:2!important;line-clamp:2!important}
.pk-hero__title.is-title-xl{font-size:clamp(18px,1.7vw,25px)!important;line-height:1.03!important;max-height:calc(2 * 1.03em)!important;-webkit-line-clamp:2!important;line-clamp:2!important}
.pk-slide__in>.pk-badge,.pk-slide__in>.pk-hero__text,.pk-slide__in>.pk-hero__meta,.pk-slide__in>.pk-btn{flex:0 0 auto}
.pk-slide .pk-btn{flex-shrink:0!important;visibility:visible;opacity:1;z-index:20;margin-top:2px}
@media(max-width:900px){
 .navigation.pagination .nav-links{gap:7px}
 .navigation.pagination .page-numbers{min-width:40px;height:40px;padding:0 10px}
 .pk-hero__title,.pk-hero__title.is-title-short{font-size:clamp(22px,3.5vw,29px)!important}
 .pk-hero__title.is-title-medium{font-size:clamp(21px,3.2vw,27px)!important}
 .pk-hero__title.is-title-long{font-size:clamp(19px,2.9vw,24px)!important}
 .pk-hero__title.is-title-xl{font-size:clamp(17px,2.5vw,21px)!important}
}
@media(max-width:767px){
 .navigation.pagination,.pk-archive-pagination{margin:22px 0 8px}
 .navigation.pagination .nav-links{gap:6px}
 .navigation.pagination .page-numbers{min-width:38px;height:40px;padding:0 9px;border-radius:9px;font-size:12px}
 .pk-ad--category-pagination{min-height:72px;margin:22px 0 14px;padding:8px}
 .pk-ad--category-pagination .pk-ad__in{min-height:54px}
 .pk-hero__title,.pk-hero__title.is-title-short{font-size:clamp(21px,5.4vw,27px)!important;line-height:1.08!important;max-height:calc(2 * 1.08em)!important}
 .pk-hero__title.is-title-medium{font-size:clamp(19px,4.9vw,24px)!important}
 .pk-hero__title.is-title-long{font-size:clamp(17px,4.4vw,21px)!important}
 .pk-hero__title.is-title-xl{font-size:clamp(16px,4vw,19px)!important}
}


/* v1.6.6 verified override: cache-busted archive pagination and hero headline layout. */
nav.navigation.pagination.pk-archive-pagination{display:block!important;width:100%!important;float:none!important;clear:both!important;margin:28px 0 12px!important;padding:0!important;text-align:center!important}
nav.navigation.pagination.pk-archive-pagination .nav-links{display:flex!important;flex-flow:row wrap!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important;margin:0!important;padding:0!important}
nav.navigation.pagination.pk-archive-pagination .page-numbers{box-sizing:border-box!important;display:inline-flex!important;float:none!important;align-items:center!important;justify-content:center!important;min-width:44px!important;height:44px!important;margin:0!important;padding:0 13px!important;border:1px solid #39323b!important;border-radius:10px!important;background:#171519!important;color:#f2edf1!important;text-decoration:none!important;font:700 13px/1 var(--f-body,Arial,sans-serif)!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important}
nav.navigation.pagination.pk-archive-pagination a.page-numbers:hover{background:#38161d!important;border-color:#f05260!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 5px 16px rgba(232,75,88,.2)!important}
nav.navigation.pagination.pk-archive-pagination a.page-numbers:focus-visible{outline:3px solid #8bdc79!important;outline-offset:3px!important}
nav.navigation.pagination.pk-archive-pagination .page-numbers.current{background:linear-gradient(135deg,#bf2637,#ef5361)!important;border-color:#f45e6b!important;color:#fff!important;box-shadow:0 4px 15px rgba(218,51,67,.25)!important}
nav.navigation.pagination.pk-archive-pagination .page-numbers.dots{min-width:25px!important;padding:0 3px!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important;color:#aaa2ac!important}
.pk-ad--category-pagination{display:block!important;clear:both!important}
.pk-ad--category-pagination .pk-ad__in{width:100%;min-height:58px;display:flex;align-items:center;justify-content:center;text-align:center}
.pk-ad--category-pagination .pk-ad__note{display:block;color:#b8b0b9;font-size:13px;font-weight:700;letter-spacing:.02em}
.pk-slide{min-width:0!important;overflow:hidden!important}
.pk-slide__in{box-sizing:border-box!important;min-width:0!important;max-width:min(100%,620px)!important;max-height:100%!important;overflow:hidden!important;gap:8px!important}
.pk-hero__title{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2!important;max-height:calc(2 * 1.04em)!important;overflow:hidden!important;width:100%!important;max-width:100%!important;margin:2px 0 0!important;font-size:clamp(22px,2.25vw,32px)!important;line-height:1.04!important;overflow-wrap:anywhere!important;text-wrap:pretty}
.pk-hero__title.is-title-short{font-size:clamp(25px,2.5vw,36px)!important}
.pk-hero__title.is-title-medium{font-size:clamp(22px,2.2vw,31px)!important}
.pk-hero__title.is-title-long{font-size:clamp(19px,1.85vw,26px)!important}
.pk-hero__title.is-title-xl{font-size:clamp(17px,1.6vw,23px)!important}
.pk-slide__in>.pk-badge,.pk-slide__in>.pk-hero__text,.pk-slide__in>.pk-hero__meta,.pk-slide__in>.pk-btn{flex:0 0 auto!important}
.pk-slide .pk-btn{position:relative!important;z-index:20!important;flex-shrink:0!important;visibility:visible!important;opacity:1!important;align-self:flex-start!important}
@media(max-width:900px){
 nav.navigation.pagination.pk-archive-pagination .nav-links{gap:7px!important}
 nav.navigation.pagination.pk-archive-pagination .page-numbers{min-width:40px!important;height:40px!important;padding:0 10px!important}
 .pk-hero__title,.pk-hero__title.is-title-short{font-size:clamp(21px,3.3vw,28px)!important}
 .pk-hero__title.is-title-medium{font-size:clamp(20px,3vw,26px)!important}
 .pk-hero__title.is-title-long{font-size:clamp(18px,2.7vw,23px)!important}
 .pk-hero__title.is-title-xl{font-size:clamp(16px,2.3vw,20px)!important}
}
@media(max-width:767px){
 nav.navigation.pagination.pk-archive-pagination{margin:22px 0 10px!important}
 nav.navigation.pagination.pk-archive-pagination .nav-links{gap:6px!important}
 nav.navigation.pagination.pk-archive-pagination .page-numbers{min-width:38px!important;height:39px!important;padding:0 9px!important;border-radius:9px!important;font-size:12px!important}
 .pk-ad--category-pagination{min-height:72px!important;margin:22px 0 14px!important;padding:8px!important}
 .pk-ad--category-pagination .pk-ad__in{min-height:54px!important}
 .pk-hero__title,.pk-hero__title.is-title-short{font-size:clamp(20px,5.1vw,26px)!important;line-height:1.07!important;max-height:calc(2 * 1.07em)!important}
 .pk-hero__title.is-title-medium{font-size:clamp(18px,4.6vw,23px)!important}
 .pk-hero__title.is-title-long{font-size:clamp(16px,4.1vw,20px)!important}
 .pk-hero__title.is-title-xl{font-size:clamp(15px,3.8vw,18px)!important}
}


/* v1.6.7: polished category/archive page-switcher — strong selectors override legacy rules. */
body.category .navigation.pagination,
body.archive .navigation.pagination,
body.search .navigation.pagination,
body.blog .navigation.pagination {
  display:flex !important; justify-content:center !important; width:100%; box-sizing:border-box;
  margin:26px auto 12px !important; padding:0 12px !important; border:0 !important; background:transparent !important;
}
body.category .navigation.pagination .nav-links,
body.archive .navigation.pagination .nav-links,
body.search .navigation.pagination .nav-links,
body.blog .navigation.pagination .nav-links {
  display:flex !important; flex-wrap:wrap; align-items:center; justify-content:center; gap:9px;
  width:100%; margin:0 auto !important; padding:12px !important; box-sizing:border-box;
  border:1px solid rgba(255,255,255,.09); border-radius:16px;
  background:linear-gradient(180deg,rgba(24,24,29,.96),rgba(12,12,15,.98));
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}
body.category .navigation.pagination .page-numbers,
body.archive .navigation.pagination .page-numbers,
body.search .navigation.pagination .page-numbers,
body.blog .navigation.pagination .page-numbers {
  display:inline-flex !important; align-items:center; justify-content:center; box-sizing:border-box;
  min-width:42px; height:42px; margin:0 !important; padding:0 13px !important;
  border:1px solid #35353d !important; border-radius:11px !important;
  background:#1b1b21 !important; color:#e8e8ed !important;
  font-size:14px !important; font-weight:650; line-height:1; text-decoration:none !important;
  box-shadow:0 2px 0 rgba(0,0,0,.22); transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;
}
body.category .navigation.pagination a.page-numbers:hover,
body.archive .navigation.pagination a.page-numbers:hover,
body.search .navigation.pagination a.page-numbers:hover,
body.blog .navigation.pagination a.page-numbers:hover {
  transform:translateY(-2px); background:#35141b !important; border-color:#d92b45 !important;
  color:#fff !important; box-shadow:0 5px 16px rgba(217,43,69,.18);
}
body.category .navigation.pagination .page-numbers.current,
body.archive .navigation.pagination .page-numbers.current,
body.search .navigation.pagination .page-numbers.current,
body.blog .navigation.pagination .page-numbers.current {
  background:linear-gradient(135deg,#ed334e,#a90f2b) !important; border-color:#f04a60 !important;
  color:#fff !important; box-shadow:0 4px 14px rgba(217,43,69,.28); cursor:default;
}
body.category .navigation.pagination .page-numbers.dots,
body.archive .navigation.pagination .page-numbers.dots,
body.search .navigation.pagination .page-numbers.dots,
body.blog .navigation.pagination .page-numbers.dots {
  min-width:24px; padding:0 3px !important; border-color:transparent !important; background:transparent !important; box-shadow:none; color:#92929c !important;
}
body.category .navigation.pagination a.page-numbers:focus-visible,
body.archive .navigation.pagination a.page-numbers:focus-visible,
body.search .navigation.pagination a.page-numbers:focus-visible,
body.blog .navigation.pagination a.page-numbers:focus-visible {
  outline:3px solid #8bd34f !important; outline-offset:3px;
}
@media(max-width:600px){
  body.category .navigation.pagination,body.archive .navigation.pagination,body.search .navigation.pagination,body.blog .navigation.pagination {margin:20px auto 10px !important;padding:0 8px !important}
  body.category .navigation.pagination .nav-links,body.archive .navigation.pagination .nav-links,body.search .navigation.pagination .nav-links,body.blog .navigation.pagination .nav-links {gap:6px;padding:9px !important;border-radius:13px}
  body.category .navigation.pagination .page-numbers,body.archive .navigation.pagination .page-numbers,body.search .navigation.pagination .page-numbers,body.blog .navigation.pagination .page-numbers {min-width:36px;height:38px;padding:0 10px !important;border-radius:9px !important;font-size:13px !important}
}
@media(prefers-reduced-motion:reduce){
  body.category .navigation.pagination .page-numbers,body.archive .navigation.pagination .page-numbers,body.search .navigation.pagination .page-numbers,body.blog .navigation.pagination .page-numbers {transition:none}
}


/* v1.6.8 DESKTOP CATEGORY PAGINATION — final cascade override.
   Targets WordPress core pagination markup directly so legacy archive rules cannot leave bare text. */
@media (min-width: 768px) {
  body.category nav.navigation.pagination.pk-archive-pagination,
  body.archive nav.navigation.pagination.pk-archive-pagination,
  body.search nav.navigation.pagination.pk-archive-pagination,
  body.blog nav.navigation.pagination.pk-archive-pagination,
  nav.navigation.pagination.pk-archive-pagination {
    display:block !important;
    position:relative !important;
    float:none !important;
    clear:both !important;
    width:100% !important;
    max-width:100% !important;
    margin:30px auto 18px !important;
    padding:0 !important;
    text-align:center !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }
  nav.navigation.pagination.pk-archive-pagination .nav-links {
    display:flex !important;
    position:relative !important;
    float:none !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    width:max-content !important;
    max-width:100% !important;
    min-height:68px !important;
    margin:0 auto !important;
    padding:12px 18px !important;
    box-sizing:border-box !important;
    list-style:none !important;
    border:1px solid #30282e !important;
    border-radius:17px !important;
    background:linear-gradient(180deg,#191619 0%,#101012 100%) !important;
    box-shadow:0 10px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035) !important;
  }
  nav.navigation.pagination.pk-archive-pagination .page-numbers {
    display:inline-flex !important;
    position:static !important;
    float:none !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    min-width:44px !important;
    width:auto !important;
    height:44px !important;
    margin:0 !important;
    padding:0 14px !important;
    box-sizing:border-box !important;
    border:1px solid #3b343b !important;
    border-radius:11px !important;
    background:#1b191d !important;
    color:#f2edf0 !important;
    font-family:inherit !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-align:center !important;
    text-decoration:none !important;
    opacity:1 !important;
    box-shadow:0 2px 7px rgba(0,0,0,.2) !important;
    transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease !important;
  }
  nav.navigation.pagination.pk-archive-pagination a.page-numbers:hover {
    transform:translateY(-2px) !important;
    background:#35141b !important;
    border-color:#ed4057 !important;
    color:#fff !important;
    box-shadow:0 6px 18px rgba(217,43,69,.22) !important;
  }
  nav.navigation.pagination.pk-archive-pagination .page-numbers.current {
    background:linear-gradient(135deg,#ed334e 0%,#a90f2b 100%) !important;
    border-color:#ff5368 !important;
    color:#fff !important;
    box-shadow:0 4px 16px rgba(217,43,69,.3),inset 0 1px 0 rgba(255,255,255,.14) !important;
  }
  nav.navigation.pagination.pk-archive-pagination .page-numbers.dots {
    min-width:24px !important;
    padding:0 2px !important;
    border-color:transparent !important;
    background:transparent !important;
    color:#9a929a !important;
    box-shadow:none !important;
  }
  nav.navigation.pagination.pk-archive-pagination a.page-numbers:focus-visible {
    outline:3px solid #8bd34f !important;
    outline-offset:3px !important;
  }
  .pk-ad--category-pagination {
    margin:26px 0 18px !important;
    clear:both !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  nav.navigation.pagination.pk-archive-pagination .page-numbers { transition:none !important; }
  nav.navigation.pagination.pk-archive-pagination a.page-numbers:hover { transform:none !important; }
}


/* v1.6.9: purpose-built archive pagination, avoiding conflicts with core navigation styles. */
body .pk-category-pager {
  display:block !important; width:100% !important; max-width:100% !important;
  clear:both !important; float:none !important; margin:34px auto 28px !important;
  padding:0 18px !important; box-sizing:border-box !important; text-align:center !important;
}
body .pk-category-pager__inner {
  display:flex !important; flex-direction:column !important; align-items:center !important;
  justify-content:center !important; gap:13px !important; width:max-content !important;
  max-width:100% !important; margin:0 auto !important; padding:18px 24px !important;
  box-sizing:border-box !important; border:1px solid #34262c !important; border-radius:18px !important;
  background:linear-gradient(180deg,#1c191b 0%,#111112 100%) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035) !important;
}
body .pk-category-pager__label { display:block !important; margin:0 !important; color:#a99ca2 !important;
  font-size:10px !important; font-weight:800 !important; line-height:1.2 !important;
  letter-spacing:.19em !important; text-transform:uppercase !important; }
body .pk-category-pager__links { display:flex !important; flex-flow:row wrap !important;
  align-items:center !important; justify-content:center !important; gap:9px !important;
  margin:0 !important; padding:0 !important; }
body .pk-category-pager__links .page-numbers { display:inline-flex !important; align-items:center !important;
  justify-content:center !important; gap:8px !important; min-width:46px !important; height:46px !important;
  margin:0 !important; padding:0 15px !important; box-sizing:border-box !important;
  border:1px solid #3a3036 !important; border-radius:12px !important; background:#242024 !important;
  color:#f7f1f4 !important; font-family:inherit !important; font-size:14px !important;
  font-weight:750 !important; line-height:1 !important; text-decoration:none !important; white-space:nowrap !important;
  box-shadow:0 3px 9px rgba(0,0,0,.22) !important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease !important; }
body .pk-category-pager__links a.page-numbers:hover { transform:translateY(-2px) !important;
  border-color:#f0445b !important; background:#3a151e !important; color:#fff !important;
  box-shadow:0 7px 20px rgba(220,40,67,.24) !important; }
body .pk-category-pager__links .page-numbers.current { border-color:#ff596e !important;
  background:linear-gradient(135deg,#f0445b 0%,#a80e2a 100%) !important; color:#fff !important;
  box-shadow:0 5px 18px rgba(217,43,69,.31),inset 0 1px 0 rgba(255,255,255,.16) !important; }
body .pk-category-pager__links .page-numbers.dots { min-width:20px !important; padding:0 2px !important;
  border-color:transparent !important; background:transparent !important; box-shadow:none !important; color:#8e828a !important; }
body .pk-category-pager__links a.page-numbers:focus-visible { outline:3px solid #8bd34f !important; outline-offset:3px !important; }
body .pk-category-pager__links .pk-pager-arrow { font-size:18px !important; line-height:1 !important; }
@media (min-width:768px) {
  body .pk-category-pager__inner { min-width:390px !important; }
  body .pk-category-pager__links .prev, body .pk-category-pager__links .next { min-width:126px !important; }
}
@media (max-width:767px) {
  body .pk-category-pager { margin:24px auto 18px !important; padding:0 8px !important; }
  body .pk-category-pager__inner { width:100% !important; padding:14px 10px !important; border-radius:14px !important; }
  body .pk-category-pager__links { gap:6px !important; }
  body .pk-category-pager__links .page-numbers { min-width:38px !important; height:40px !important; padding:0 10px !important; border-radius:10px !important; font-size:13px !important; }
  body .pk-category-pager__links .prev, body .pk-category-pager__links .next { min-width:42px !important; }
  body .pk-category-pager__links .pk-pager-word { display:none !important; }
}
@media (prefers-reduced-motion:reduce) {
  body .pk-category-pager__links .page-numbers { transition:none !important; }
  body .pk-category-pager__links a.page-numbers:hover { transform:none !important; }
}


/* v1.7.0 — All Stories homepage pagination matches the archive pagination system. */
body .pk-home-pager {
  display:block !important; width:100% !important; max-width:100% !important;
  clear:both !important; float:none !important; margin:30px auto 24px !important;
  padding:0 16px !important; box-sizing:border-box !important; text-align:center !important;
}
body .pk-home-pager__inner {
  display:flex !important; flex-direction:column !important; align-items:center !important;
  justify-content:center !important; gap:12px !important; width:fit-content !important;
  max-width:100% !important; margin:0 auto !important; padding:17px 22px !important;
  box-sizing:border-box !important; border:1px solid #30272d !important; border-radius:18px !important;
  background:linear-gradient(180deg,#1a171a 0%,#101012 100%) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.035) !important;
}
body .pk-home-pager__label {
  display:block !important; margin:0 !important; color:#aaa0a8 !important;
  font-size:10px !important; font-weight:800 !important; line-height:1.2 !important;
  letter-spacing:.18em !important; text-transform:uppercase !important;
}
body .pk-home-pager__links {
  display:flex !important; flex-direction:row !important; flex-wrap:wrap !important;
  align-items:center !important; justify-content:center !important; gap:9px !important;
  margin:0 !important; padding:0 !important;
}
body .pk-home-pager__links .page-numbers {
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  gap:8px !important; min-width:46px !important; height:46px !important; margin:0 !important;
  padding:0 15px !important; box-sizing:border-box !important; border:1px solid #393039 !important;
  border-radius:12px !important; background:#211d22 !important; color:#f4eff2 !important;
  font:700 14px/1.2 inherit !important; text-decoration:none !important; white-space:nowrap !important;
  box-shadow:0 3px 9px rgba(0,0,0,.22) !important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease !important;
}
body .pk-home-pager__links a.page-numbers:hover {
  transform:translateY(-2px) !important; border-color:#ed4057 !important;
  background:#38141c !important; color:#fff !important; box-shadow:0 7px 20px rgba(218,43,66,.22) !important;
}
body .pk-home-pager__links .page-numbers.current {
  border-color:#ff5368 !important; background:linear-gradient(135deg,#f0445a 0%,#a90f2b 100%) !important;
  color:#fff !important; box-shadow:0 5px 17px rgba(217,43,69,.3),inset 0 1px 0 rgba(255,255,255,.15) !important;
}
body .pk-home-pager__links .page-numbers.dots {
  min-width:22px !important; padding:0 2px !important; border-color:transparent !important;
  background:transparent !important; box-shadow:none !important; color:#8f858d !important;
}
body .pk-home-pager__links a.page-numbers:focus-visible { outline:3px solid #8bd34f !important; outline-offset:3px !important; }
body .pk-home-pager__links .pk-pager-arrow { font-size:18px !important; line-height:1 !important; }
@media (min-width:768px) {
  body .pk-home-pager__inner { min-width:390px !important; }
  body .pk-home-pager__links .prev, body .pk-home-pager__links .next { min-width:126px !important; }
}
@media (max-width:767px) {
  body .pk-home-pager { margin:24px auto 18px !important; padding:0 8px !important; }
  body .pk-home-pager__inner { width:100% !important; padding:14px 10px !important; border-radius:14px !important; }
  body .pk-home-pager__links { gap:6px !important; }
  body .pk-home-pager__links .page-numbers { min-width:38px !important; height:40px !important; padding:0 10px !important; border-radius:10px !important; font-size:13px !important; }
  body .pk-home-pager__links .prev, body .pk-home-pager__links .next { min-width:42px !important; }
  body .pk-home-pager__links .pk-pager-word { display:none !important; }
}
@media (prefers-reduced-motion:reduce) {
  body .pk-home-pager__links .page-numbers { transition:none !important; }
  body .pk-home-pager__links a.page-numbers:hover { transform:none !important; }
}