/* PilotTrain Editorial (.ptnw): the list of posts and a single post. The same family as the
   about, contact and legal pages: a short navy hero, then a ruled column. The markup is printed
   by inc/pt-editorial.php through the theme's home.php, category.php and single-post.php. A
   post's body is plain WordPress content (paragraphs, headings, lists, pictures), dressed by the
   rules under "the words". Nothing on these pages moves, so there is no script. */

.ptnw, .ptnw *, .ptnw *::before, .ptnw *::after{box-sizing:border-box;}
.ptnw{
  --ink:#0a1a2b; --text:#3d4c60; --muted:#66768a; --line:#dde5ee; --bg:#f6f8fb; --card:#fff;
  --blue:#2f7bf0; --blue-dk:#1f5fcc; --a:#5d8ce6; --b:#a9c8f5; --navy:#071320;
  --ok:#16a34a; --hi:#d92d20; --md:#b45309;
  --dline:rgba(255,255,255,.12); --dtext:#cfdbe8; --ddim:#9fb3c8;
  width:100%; background:var(--bg); color:var(--text);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased;
}

/* ---------- hold our own against the theme's global rules ---------- */
.ptnw h1, .ptnw h2, .ptnw h3, .ptnw p, .ptnw ul, .ptnw ol, .ptnw li, .ptnw figure, .ptnw blockquote{margin:0; padding:0;}
.ptnw h1, .ptnw h2, .ptnw h3{font-family:inherit; text-transform:none; border:0; background:none;}
.ptnw h1::before, .ptnw h1::after, .ptnw h2::before, .ptnw h2::after, .ptnw h3::before, .ptnw h3::after{content:none; display:none;}
.ptnw ul, .ptnw ol, .ptnw li{list-style:none;}
.ptnw svg{display:block;}
.ptnw a, .ptnw a:hover, .ptnw a:focus, .ptnw a:visited{text-decoration:none; color:inherit;}
.ptnw a:focus-visible{outline:3px solid var(--a); outline-offset:3px; border-radius:8px;}
.ptnw img{display:block; max-width:100%; height:auto; border:0;}

/* =============================================================
   THE HERO, ON THE LIST AND ON A POST
   ============================================================= */
.ptnw .ptnw-hero{
  text-align:center; color:#e9f1f8; padding:44px 16px 0;
  background:
    radial-gradient(80% 110% at 50% -30%, rgba(47,123,240,.34), rgba(47,123,240,0) 64%),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px) 0 0/28px 28px,
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0/28px 28px,
    var(--navy);
}
.ptnw .ptnw-hero-in{max-width:820px; margin:0 auto;}
.ptnw .ptnw-pill, .ptnw a.ptnw-pill, .ptnw a.ptnw-pill:visited{
  display:inline-flex; align-items:center; gap:7px; padding:6px 13px; border-radius:999px;
  font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; line-height:1.2; color:var(--b);
  border:1px solid var(--dline); background:rgba(255,255,255,.05);
}
.ptnw a.ptnw-pill:hover{color:#fff; background:rgba(255,255,255,.12);}
.ptnw .ptnw-pill svg{width:14px; height:14px;}
.ptnw .ptnw-hero h1{margin:18px 0 0; font-weight:800; letter-spacing:-.028em; line-height:1.08; color:#fff; text-wrap:balance; font-size:clamp(30px,6.6vw,52px);}
.ptnw .ptnw-grad{background:linear-gradient(90deg,var(--a),var(--b)); -webkit-background-clip:text; background-clip:text; color:transparent;}
.ptnw .ptnw-sub{max-width:600px; margin:14px auto 0; font-size:clamp(15px,2vw,17.5px); line-height:1.55; color:var(--ddim); text-wrap:balance;}

/* the kinds of post (the list): pills that wrap on a phone, so none is hidden off the side;
   tabs along the hero's lower edge on a wider screen */
.ptnw .ptnw-cats{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; max-width:860px; margin:24px auto 0; padding:0 0 30px;}
.ptnw a.ptnw-cat, .ptnw a.ptnw-cat:visited{
  display:flex; align-items:center; justify-content:center; min-height:40px; padding:0 15px; white-space:nowrap;
  border-radius:999px; border:1px solid var(--dline);
  font-size:14.5px; font-weight:700; line-height:1.2; color:var(--dtext); background:rgba(255,255,255,.05);
  transition:background .16s ease, color .16s ease;
}
.ptnw a.ptnw-cat:hover{background:rgba(255,255,255,.12); color:#fff;}
.ptnw a.ptnw-cat[aria-current="page"], .ptnw a.ptnw-cat[aria-current="page"]:hover{background:var(--bg); border-color:var(--bg); color:var(--ink);}

/* a post's hero: what it is, when, how long */
.ptnw .ptnw-hero--post{padding-bottom:120px;}
.ptnw .ptnw-hero--post h1{font-size:clamp(28px,5.4vw,46px); letter-spacing:-.026em; line-height:1.12;}
.ptnw .ptnw-crumbs{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px;}
.ptnw ul.ptnw-meta{display:flex; flex-wrap:wrap; justify-content:center; gap:6px 18px; margin:20px 0 0; font-size:13.5px; font-weight:600; line-height:1.3; color:var(--dtext);}
.ptnw ul.ptnw-meta li{display:inline-flex; align-items:center; gap:7px;}
.ptnw ul.ptnw-meta svg{width:14px; height:14px; color:var(--a);}

/* =============================================================
   THE RULED COLUMN
   ============================================================= */
.ptnw .ptnw-body{max-width:1200px; margin:0 auto; border-left:1px solid var(--line); border-right:1px solid var(--line);}
.ptnw .ptnw-chip{
  display:inline-flex; align-items:center; padding:4px 10px; border-radius:999px;
  font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; line-height:1.3; color:var(--blue-dk); background:rgba(47,123,240,.11);
}
.ptnw .ptnw-date{font-size:13.5px; font-weight:600; color:var(--muted);}
.ptnw .ptnw-more{display:inline-flex; align-items:center; gap:7px; font-size:14.5px; font-weight:700; color:var(--blue-dk);}
.ptnw .ptnw-more svg{width:15px; height:15px; transition:transform .18s ease;}

/* =============================================================
   THE LIST: the latest post large, the rest as cards
   ============================================================= */
.ptnw .ptnw-list{padding:20px 16px 44px;}
.ptnw a.ptnw-lead{
  display:grid; grid-template-columns:minmax(0,1fr); border:1px solid var(--line); border-radius:18px; background:var(--card); overflow:hidden;
  box-shadow:0 1px 2px rgba(10,26,43,.04); transition:box-shadow .2s ease, transform .2s ease;
}
.ptnw a.ptnw-lead:hover{box-shadow:0 18px 40px rgba(10,26,43,.1); transform:translateY(-2px);}
.ptnw a.ptnw-lead:hover .ptnw-more svg, .ptnw a.ptnw-card:hover .ptnw-more svg{transform:translateX(3px);}
.ptnw .ptnw-thumb{
  position:relative; display:grid; place-items:center; min-height:200px; padding:22px; overflow:hidden; color:#fff;
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(47,123,240,.5), rgba(47,123,240,0) 62%),
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px) 0 0/24px 24px,
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px) 0 0/24px 24px,
    #0b1c2f;
}
.ptnw .ptnw-lead-t{padding:22px 20px 24px;}
.ptnw .ptnw-row{display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px;}
.ptnw a.ptnw-lead h2{margin-top:14px; font-size:clamp(24px,3.4vw,34px); font-weight:800; letter-spacing:-.028em; line-height:1.14; color:var(--ink); text-wrap:balance;}
.ptnw a.ptnw-lead p{margin-top:12px; font-size:16.5px; line-height:1.6; color:var(--text);}
.ptnw a.ptnw-lead .ptnw-more{margin-top:18px;}

.ptnw .ptnw-shelf{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:40px 2px 14px;}
.ptnw .ptnw-shelf h2{font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; line-height:1.3; color:var(--blue-dk);}
.ptnw .ptnw-cards{display:grid; grid-template-columns:minmax(0,1fr); gap:16px;}
.ptnw a.ptnw-card{
  display:flex; flex-direction:column; border:1px solid var(--line); border-radius:16px; background:var(--card); overflow:hidden;
  transition:box-shadow .2s ease, transform .2s ease;
}
.ptnw a.ptnw-card:hover{box-shadow:0 14px 32px rgba(10,26,43,.09); transform:translateY(-2px);}
.ptnw a.ptnw-card .ptnw-thumb{min-height:132px;}
.ptnw a.ptnw-card .ptnw-thumb svg{width:34px; height:34px; opacity:.9;}
.ptnw .ptnw-card-t{display:flex; flex-direction:column; flex:1; padding:18px 18px 20px;}
.ptnw a.ptnw-card h3{margin-top:12px; font-size:19px; font-weight:800; letter-spacing:-.02em; line-height:1.25; color:var(--ink);}
.ptnw a.ptnw-card p{margin-top:8px; font-size:14.5px; line-height:1.55; color:var(--muted);}
.ptnw a.ptnw-card .ptnw-more{margin-top:auto; padding-top:14px;}
/* a post's own picture fills the card's top, whatever its shape */
.ptnw .ptnw-thumb.ptnw-thumb--img, .ptnw a.ptnw-lead .ptnw-thumb.ptnw-thumb--img, .ptnw a.ptnw-card .ptnw-thumb.ptnw-thumb--img{
  position:relative; display:block; padding:0; min-height:0; aspect-ratio:16 / 9; background:#0b1c2f;
}
.ptnw .ptnw-thumb--img img{position:absolute; left:0; top:0; width:100%; height:100%; max-width:none; object-fit:cover; pointer-events:none;}
/* nothing to list yet, and the way to older and newer posts */
.ptnw .ptnw-empty{padding:56px 22px; border:1px dashed #cdd8e5; border-radius:18px; text-align:center;}
.ptnw .ptnw-empty h2{font-size:24px; font-weight:800; letter-spacing:-.02em; line-height:1.2; color:var(--ink);}
.ptnw .ptnw-empty p{margin-top:8px; font-size:16px; color:var(--muted);}
.ptnw .ptnw-empty p + p{margin-top:18px;}
.ptnw .ptnw-pages{display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:28px;}
.ptnw .ptnw-pages a, .ptnw .ptnw-pages a:visited{
  display:inline-flex; align-items:center; gap:8px; min-height:46px; padding:0 18px; border-radius:12px;
  font-size:15px; font-weight:700; color:var(--ink); background:var(--card); border:1px solid var(--line); transition:border-color .16s ease, color .16s ease;
}
.ptnw .ptnw-pages a:hover{color:var(--blue-dk); border-color:#b9c8da;}
.ptnw .ptnw-pages svg{width:15px; height:15px;}
/* a card that stands for a post not written yet (mock-up only) */
.ptnw a.ptnw-card.is-example{border-style:dashed; background:transparent;}
.ptnw a.ptnw-card.is-example .ptnw-thumb{background:#e6edf5; color:#9aa9bb;}
.ptnw a.ptnw-card.is-example h3{color:#8a99ad;}

/* =============================================================
   A POST
   ============================================================= */
.ptnw .ptnw-article{display:flow-root; padding:0 16px 52px;}
.ptnw .ptnw-figure{max-width:860px; margin:-96px auto 0;}
.ptnw .ptnw-figure figcaption{margin-top:10px; text-align:center; font-size:13.5px; line-height:1.5; color:var(--muted);}
.ptnw .ptnw-figure--img img{width:100%; border-radius:18px; box-shadow:0 22px 50px rgba(10,26,43,.16); background:#0b1c2f;}
/* a post with no picture: nothing overlaps the hero, so it needs no room below its words */
.ptnw .ptnw-hero--plain{padding-bottom:44px;}
.ptnw .ptnw-hero--plain + .ptnw-body .ptnw-prose{margin-top:40px;}
.ptnw .ptnw-also{max-width:1040px; margin:56px auto 0;}
.ptnw .ptnw-also .ptnw-shelf{margin-top:0;}

/* an example SmartKDR report, drawn in the page */
.ptnw .ptnw-kdr{
  border:1px solid var(--line); border-radius:18px; background:var(--card); overflow:hidden; text-align:left;
  box-shadow:0 22px 50px rgba(10,26,43,.16);
}
.ptnw .ptnw-kdr-bar{display:flex; align-items:center; gap:10px; padding:12px 16px; border-bottom:1px solid var(--line); background:#f9fbfd; font-size:13.5px; color:var(--muted);}
.ptnw .ptnw-kdr-bar i{flex:none; width:9px; height:9px; border-radius:50%; background:#e24b4a;}
.ptnw .ptnw-kdr-bar i:nth-child(2){background:#efa027;}
.ptnw .ptnw-kdr-bar i:nth-child(3){background:#5dcaa5;}
.ptnw .ptnw-kdr-bar strong{min-width:0; margin-left:4px; font-weight:700; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ptnw .ptnw-kdr-bar span{margin-left:auto; padding:3px 9px; border-radius:999px; font-size:11.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--blue-dk); background:rgba(47,123,240,.11); white-space:nowrap;}
.ptnw .ptnw-kdr-in{padding:18px 16px 18px;}
.ptnw .ptnw-kdr-top{display:flex; align-items:center; gap:16px;}
.ptnw .ptnw-kdr-score{flex:none; width:76px; height:76px; border-radius:50%; display:grid; place-items:center; background:conic-gradient(var(--blue) 0 82%, #e6edf5 82% 100%);}
.ptnw .ptnw-kdr-score b{display:grid; place-items:center; width:60px; height:60px; border-radius:50%; background:#fff; font-size:20px; font-weight:800; letter-spacing:-.02em; color:var(--ink);}
.ptnw .ptnw-kdr-eye{display:block; font-size:11.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; line-height:1.3; color:var(--blue-dk);}
.ptnw .ptnw-kdr-h{margin-top:3px; font-size:19px; font-weight:800; letter-spacing:-.02em; line-height:1.25; color:var(--ink);}
.ptnw .ptnw-kdr-sum{margin-top:5px; font-size:14.5px; line-height:1.5; color:var(--text);}
.ptnw .ptnw-kdr-cols{display:grid; grid-template-columns:minmax(0,1fr); gap:12px; margin-top:16px;}
.ptnw .ptnw-kdr-box{padding:14px 14px 6px; border:1px solid var(--line); border-radius:13px; background:#f9fbfd;}
.ptnw .ptnw-kdr-lab{font-size:11.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; line-height:1.3; color:var(--muted);}
.ptnw .ptnw-kdr-item{display:flex; gap:10px; align-items:flex-start; padding:10px 0; border-top:1px solid var(--line);}
.ptnw .ptnw-kdr-lab + .ptnw-kdr-item{margin-top:10px;}
.ptnw .ptnw-kdr-item b{display:block; font-size:15px; font-weight:700; line-height:1.3; color:var(--ink);}
.ptnw .ptnw-kdr-item small{display:block; margin-top:2px; font-size:13.5px; line-height:1.45; color:var(--muted);}
.ptnw .ptnw-kdr-pri{flex:none; margin-top:1px; padding:3px 7px; border-radius:6px; font-size:10.5px; font-weight:800; letter-spacing:.08em; line-height:1.3;}
.ptnw .ptnw-kdr-pri--hi{color:var(--hi); background:rgba(217,45,32,.1);}
.ptnw .ptnw-kdr-pri--md{color:var(--md); background:rgba(245,158,11,.16);}
.ptnw .ptnw-kdr-tick{flex:none; width:20px; height:20px; margin-top:1px; border-radius:50%; display:grid; place-items:center; color:#fff; background:var(--ok);}
.ptnw .ptnw-kdr-tick svg{width:12px; height:12px;}

/* in a card's picture only the top of the report shows, fading out */
.ptnw .ptnw-thumb .ptnw-kdr{position:relative; width:100%; max-width:520px; max-height:250px; box-shadow:0 18px 40px rgba(0,0,0,.35);}
.ptnw .ptnw-thumb .ptnw-kdr::after{content:""; position:absolute; left:0; right:0; bottom:0; height:84px; background:linear-gradient(rgba(255,255,255,0), #fff 88%); pointer-events:none;}
.ptnw .ptnw-thumb .ptnw-kdr-cols{grid-template-columns:minmax(0,1fr);}
@media (max-width:420px){
  .ptnw .ptnw-kdr-bar i{display:none;}
  .ptnw .ptnw-kdr-bar strong{margin-left:0;}
  .ptnw .ptnw-kdr-top{gap:12px;}
  .ptnw .ptnw-kdr-score{width:64px; height:64px;}
  .ptnw .ptnw-kdr-score b{width:50px; height:50px; font-size:17px;}
}

/* ---------- the words: plain WordPress content ---------- */
.ptnw .ptnw-prose{max-width:720px; margin:36px auto 0;}
.ptnw .ptnw-prose > *{margin:18px 0 0;}
.ptnw .ptnw-prose > :first-child{margin-top:0;}
.ptnw .ptnw-prose p, .ptnw .ptnw-prose li{font-size:17.5px; line-height:1.75; color:var(--text); overflow-wrap:anywhere;}
.ptnw .ptnw-prose > p:first-child{font-size:19.5px; line-height:1.65; color:var(--ink);}
.ptnw .ptnw-prose strong{font-weight:700; color:var(--ink);}
.ptnw .ptnw-prose h2{margin-top:40px; font-size:clamp(22px,2.8vw,27px); font-weight:800; letter-spacing:-.022em; line-height:1.22; color:var(--ink); text-wrap:balance;}
.ptnw .ptnw-prose h3{margin-top:30px; font-size:19px; font-weight:700; letter-spacing:-.01em; line-height:1.3; color:var(--ink);}
.ptnw .ptnw-prose h2 + *, .ptnw .ptnw-prose h3 + *{margin-top:12px;}
.ptnw .ptnw-prose a, .ptnw .ptnw-prose a:visited{color:var(--blue-dk); font-weight:600; text-decoration:underline; text-decoration-color:rgba(47,123,240,.4); text-decoration-thickness:1.5px; text-underline-offset:3px;}
.ptnw .ptnw-prose a:hover{color:var(--blue); text-decoration-color:currentColor;}
.ptnw .ptnw-prose ul, .ptnw .ptnw-prose ol{display:grid; gap:10px;}
.ptnw .ptnw-prose ol{counter-reset:ptnw-li;}
.ptnw .ptnw-prose li{position:relative; padding-left:32px;}
.ptnw .ptnw-prose ul > li::before{content:""; position:absolute; left:11px; top:.78em; width:7px; height:7px; border-radius:50%; background:var(--a);}
.ptnw .ptnw-prose ol > li{counter-increment:ptnw-li;}
.ptnw .ptnw-prose ol > li::before{content:counter(ptnw-li) "."; position:absolute; left:0; top:0; width:22px; text-align:right; font-weight:700; font-variant-numeric:tabular-nums; color:#8a99ad;}
.ptnw .ptnw-prose figure img{border-radius:14px; border:1px solid var(--line);}
.ptnw .ptnw-prose figcaption{margin-top:8px; text-align:center; font-size:13.5px; color:var(--muted);}
.ptnw .ptnw-prose blockquote{padding:4px 0 4px 20px; border-left:3px solid var(--a);}
.ptnw .ptnw-prose blockquote p{font-size:19px; line-height:1.6; color:var(--ink);}
.ptnw .ptnw-prose figure{margin-left:0; margin-right:0;}
.ptnw .ptnw-prose .wp-block-image img, .ptnw .ptnw-prose > p > img{border-radius:14px; border:1px solid var(--line);}
.ptnw .ptnw-prose .aligncenter{margin-left:auto; margin-right:auto; text-align:center;}
.ptnw .ptnw-prose hr{height:1px; border:0; margin:36px 0; background:var(--line);}
.ptnw .ptnw-prose table{width:100%; border-collapse:collapse; font-size:15.5px;}
.ptnw .ptnw-prose .wp-block-table{overflow-x:auto;}
.ptnw .ptnw-prose th, .ptnw .ptnw-prose td{padding:10px 12px; border:1px solid var(--line); text-align:left; vertical-align:top;}
.ptnw .ptnw-prose th{font-weight:700; color:var(--ink); background:#eef3fa;}
.ptnw .ptnw-prose code{padding:2px 6px; border-radius:6px; font-size:.92em; background:#e9eff6; color:var(--ink);}
.ptnw .ptnw-prose pre{padding:16px 18px; border-radius:12px; overflow-x:auto; background:#0b1c2f; color:#dbe6f2; font-size:14.5px; line-height:1.6;}
.ptnw .ptnw-prose pre code{padding:0; background:none; color:inherit;}
.ptnw .ptnw-prose iframe, .ptnw .ptnw-prose video{max-width:100%;}
.ptnw .ptnw-prose .wp-block-button__link, .ptnw .ptnw-prose .wp-block-button__link:visited{
  display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border-radius:12px;
  font-size:15.5px; font-weight:700; color:#fff; text-decoration:none; background:linear-gradient(180deg,#3b86f5,#2a6fe0); box-shadow:0 10px 24px rgba(47,123,240,.34);
}
/* a paragraph set apart: the small print of a post (class "ptnw-note" on the block) */
.ptnw .ptnw-prose p.ptnw-note{
  margin-top:34px; padding:16px 18px; border:1px solid var(--line); border-left:3px solid var(--a); border-radius:0 12px 12px 0; background:var(--card);
  font-size:15px; line-height:1.6; color:var(--muted);
}

/* ---------- where a post ends: the call, and the way back ---------- */
.ptnw .ptnw-end{
  max-width:860px; margin:44px auto 0; padding:30px 22px 32px; border-radius:18px; text-align:center; color:var(--dtext);
  background:
    radial-gradient(90% 140% at 50% 130%, rgba(47,123,240,.42), rgba(47,123,240,0) 62%),
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px) 0 0/28px 28px,
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px) 0 0/28px 28px,
    #0b1c2f;
}
.ptnw .ptnw-end h2{font-size:clamp(22px,3vw,30px); font-weight:800; letter-spacing:-.025em; line-height:1.2; color:#fff; text-wrap:balance;}
.ptnw .ptnw-end p{max-width:52ch; margin:10px auto 0; font-size:15.5px; line-height:1.55; color:var(--ddim);}
.ptnw .ptnw-end-cta{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:20px;}
.ptnw a.ptnw-btn, .ptnw a.ptnw-btn:visited{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; height:48px; padding:0 22px; border-radius:12px;
  font-size:15.5px; font-weight:700; line-height:1.2; white-space:nowrap; color:#fff; transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.ptnw a.ptnw-btn--1, .ptnw a.ptnw-btn--1:hover{background:linear-gradient(180deg,#3b86f5,#2a6fe0); box-shadow:0 10px 26px rgba(47,123,240,.4);}
.ptnw a.ptnw-btn--1:hover{color:#fff; transform:translateY(-2px); box-shadow:0 14px 32px rgba(47,123,240,.52);}
.ptnw a.ptnw-btn--2, .ptnw a.ptnw-btn--2:hover{background:rgba(255,255,255,.07); border:1px solid var(--dline);}
.ptnw a.ptnw-btn--2:hover{color:#fff; background:rgba(255,255,255,.14); transform:translateY(-2px);}
.ptnw .ptnw-back{max-width:860px; margin:26px auto 0; text-align:center;}
.ptnw .ptnw-back a{display:inline-flex; align-items:center; gap:8px; font-size:15px; font-weight:700; color:var(--blue-dk);}
.ptnw .ptnw-back svg{width:15px; height:15px;}

/* =============================================================
   WIDER SCREENS
   ============================================================= */
@media (min-width:700px){
  .ptnw .ptnw-hero{padding-top:56px;}
  .ptnw .ptnw-cats{flex-wrap:nowrap; gap:6px; margin-top:36px; padding:0 2px;}
  .ptnw a.ptnw-cat, .ptnw a.ptnw-cat:visited{min-height:50px; padding:0 22px; font-size:15px; border-radius:12px 12px 0 0; border-bottom:0;}
  .ptnw .ptnw-list{padding:32px 32px 64px;}
  .ptnw .ptnw-cards{grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px;}
  .ptnw .ptnw-shelf{margin-top:52px;}
  .ptnw .ptnw-hero--post{padding-bottom:150px;}
  .ptnw .ptnw-figure{margin-top:-118px;}
  .ptnw .ptnw-article{padding:0 32px 76px;}
  .ptnw .ptnw-kdr-in{padding:22px 24px 22px;}
  .ptnw .ptnw-kdr-cols{grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px;}
  .ptnw .ptnw-prose{margin-top:48px;}
  .ptnw .ptnw-end{padding:40px 36px 42px; margin-top:56px;}
}
@media (min-width:860px){
  .ptnw a.ptnw-lead{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); align-items:stretch;}
  .ptnw a.ptnw-lead .ptnw-thumb{min-height:340px; padding:30px;}
  .ptnw a.ptnw-lead .ptnw-thumb.ptnw-thumb--img{aspect-ratio:auto; min-height:340px; height:100%;}
  .ptnw .ptnw-thumb .ptnw-kdr{max-height:290px;}
  .ptnw .ptnw-lead-t{display:flex; flex-direction:column; justify-content:center; padding:36px 40px;}
}