/*
Theme Name: PersonaArch News
Theme URI: https://news.personaarch.com/
Author: PersonaArch
Author URI: https://www.personaarch.com/
Description: Швидка багатoавторська медіатема для «Персональних новин». Головні матеріали, редакційні добірки, рубрики, профілі авторів і готовність до розвитку в платформу.
Version: 2.0.2
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: personaarch-news
Tags: news, blog, grid-layout, custom-logo, featured-images, threaded-comments, translation-ready
*/

:root {
  --pn-ink: #17354a;
  --pn-muted: #6b8392;
  --pn-paper: #f8fbfd;
  --pn-soft: #eaf5fb;
  --pn-gold: #2079c7;
  --pn-gold-dark: #175e9c;
  --pn-line: #dce8ee;
  --pn-white: #fff;
  --pn-width: 1240px;
  --pn-radius: 14px;
  --pn-shadow: 0 18px 45px rgba(49, 36, 18, .08);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--pn-ink);
  background: var(--pn-paper);
  font: 16px/1.65 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--pn-gold-dark); }
button, input, textarea, select { font: inherit; }
.screen-reader-text {
  clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px;
  overflow: hidden; position: absolute; width: 1px; word-wrap: normal;
}
.screen-reader-text:focus {
  clip: auto; clip-path: none; display: block; height: auto; left: 8px;
  padding: 12px 16px; top: 8px; width: auto; z-index: 100000;
  background: #fff; color: #111;
}
.pn-container { width: min(calc(100% - 40px), var(--pn-width)); margin-inline: auto; }
.pn-kicker {
  color: var(--pn-gold-dark); font-size: .72rem; font-weight: 800;
  letter-spacing: .12em; text-transform: uppercase;
}
.pn-section-title {
  display: flex; align-items: center; gap: 12px; margin: 0 0 24px;
  font: 800 clamp(1.45rem, 3vw, 2rem)/1.15 Georgia, serif;
}
.pn-section-title::before { content: ""; width: 35px; height: 3px; background: var(--pn-gold); }

/* Header */
.pn-topline { background: var(--pn-ink); color: #eee8dd; font-size: .78rem; }
.pn-topline-inner {
  min-height: 34px; display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
.pn-platform-link { color: #d8ba80; font-weight: 700; letter-spacing: .06em; }
.pn-header { background: rgba(255,253,248,.96); border-bottom: 1px solid var(--pn-line); }
.pn-brand-row {
  min-height: 96px; display: grid; grid-template-columns: 1fr auto 1fr;
  align-items: center; gap: 24px;
}
.pn-brand { display: flex; justify-content: center; align-items: center; }
.pn-brand .custom-logo { max-height: 60px; width: auto; }
.pn-wordmark { text-align: center; }
.pn-wordmark strong {
  display: block; font: 900 clamp(1.45rem, 4vw, 2.3rem)/1 Georgia, serif;
  letter-spacing: -.04em;
}
.pn-wordmark span {
  color: var(--pn-muted); display: block; font-size: .67rem;
  font-weight: 800; letter-spacing: .2em; margin-top: 8px; text-transform: uppercase;
}
.pn-header-actions { justify-self: end; display: flex; align-items: center; gap: 10px; }
.pn-button {
  border: 1px solid var(--pn-ink); border-radius: 999px; display: inline-flex;
  align-items: center; justify-content: center; min-height: 42px; padding: 0 18px;
  font-size: .82rem; font-weight: 800;
}
.pn-button--gold { background: var(--pn-gold); border-color: var(--pn-gold); color: white; }
.pn-button--gold:hover { background: var(--pn-gold-dark); color: white; }
.pn-menu-toggle { display: none; background: transparent; border: 0; padding: 10px; }
.pn-menu-toggle span { display:block; width:24px; height:2px; margin:5px; background: var(--pn-ink); }
.pn-nav { border-top: 1px solid var(--pn-line); }
.pn-nav .menu {
  list-style: none; margin: 0; padding: 0; min-height: 52px;
  display: flex; justify-content: center; align-items: center; gap: clamp(18px, 3vw, 38px);
}
.pn-nav a { font-size: .84rem; font-weight: 800; letter-spacing: .03em; }
.pn-nav .current-menu-item > a { color: var(--pn-gold-dark); }

/* Homepage */
.pn-breaking { border-bottom: 1px solid var(--pn-line); background: var(--pn-white); }
.pn-breaking-inner { min-height: 44px; display: flex; align-items: center; gap: 16px; overflow: hidden; }
.pn-breaking-label {
  flex: 0 0 auto; background: var(--pn-ink); color: white; padding: 5px 10px;
  font-size: .65rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase;
}
.pn-breaking a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; font-size: .9rem; }
.pn-hero { padding: 42px 0 50px; }
.pn-hero-grid { display: grid; grid-template-columns: 1.55fr .85fr; gap: 28px; }
.pn-lead {
  min-height: 520px; position: relative; overflow: hidden; border-radius: var(--pn-radius);
  background: var(--pn-ink);
}
.pn-lead img { width: 100%; height: 100%; object-fit: cover; opacity: .78; transition: transform .5s; }
.pn-lead:hover img { transform: scale(1.025); }
.pn-lead::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 20%, rgba(12,10,7,.9) 100%);
}
.pn-lead-content { position: absolute; inset: auto 0 0; padding: clamp(24px, 5vw, 48px); color: white; z-index: 1; }
.pn-lead-content h1 { max-width: 850px; margin: 10px 0 14px; font: 800 clamp(2rem, 5vw, 3.7rem)/1.04 Georgia, serif; letter-spacing: -.035em; }
.pn-lead-content p { color: #eee6d8; max-width: 750px; margin: 0; }
.pn-hero-side { display: grid; gap: 22px; }
.pn-side-story {
  display: grid; grid-template-columns: 42% 1fr; gap: 16px;
  padding-bottom: 22px; border-bottom: 1px solid var(--pn-line);
}
.pn-side-story:last-child { border-bottom: 0; }
.pn-side-story img, .pn-placeholder { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 9px; background: var(--pn-soft); }
.pn-side-story h2 { margin: 6px 0 8px; font: 800 clamp(1.05rem, 2vw, 1.35rem)/1.2 Georgia, serif; }
.pn-meta { color: var(--pn-muted); font-size: .76rem; display: flex; flex-wrap: wrap; gap: 8px; }
.pn-main { padding: 28px 0 70px; }
.pn-content-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 54px; }
.pn-post-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 34px 26px; }
.pn-card { min-width: 0; }
.pn-card-media { display:block; overflow:hidden; border-radius: 10px; margin-bottom: 16px; background: var(--pn-soft); }
.pn-card-media img { width:100%; aspect-ratio: 16/10; object-fit: cover; transition: transform .35s; }
.pn-card:hover img { transform: scale(1.03); }
.pn-card h2, .pn-card h3 { margin: 7px 0 10px; font: 800 1.4rem/1.2 Georgia, serif; }
.pn-card-excerpt { color: #4e4a43; font-size: .92rem; margin: 0 0 12px; }
.pn-sidebar { min-width: 0; }
.pn-widget { margin-bottom: 38px; padding-top: 18px; border-top: 3px solid var(--pn-ink); }
.pn-widget-title { margin: 0 0 18px; font: 800 1.15rem/1.2 Georgia, serif; }
.pn-popular { counter-reset: popular; list-style:none; padding:0; margin:0; }
.pn-popular li { counter-increment: popular; display:grid; grid-template-columns: 38px 1fr; gap:10px; padding: 15px 0; border-bottom:1px solid var(--pn-line); }
.pn-popular li::before { content: counter(popular, decimal-leading-zero); color:var(--pn-gold); font: 700 1.3rem Georgia,serif; }
.pn-popular a { font-weight: 750; line-height:1.3; }
.pn-newsletter { background: var(--pn-ink); color:white; border-radius: var(--pn-radius); padding:28px; }
.pn-newsletter p { color:#cfc7ba; }
.pn-newsletter input { width:100%; border:0; border-radius:999px; padding:13px 17px; margin-bottom:10px; }

/* Archives and article */
.pn-page-head { padding: 52px 0 30px; border-bottom: 1px solid var(--pn-line); margin-bottom: 42px; }
.pn-page-head h1 { margin: 6px 0; font: 850 clamp(2rem,5vw,3.7rem)/1.05 Georgia,serif; letter-spacing:-.035em; }
.pn-page-head p { max-width: 720px; color: var(--pn-muted); }
.pn-archive-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px 25px; padding-bottom:70px; }
.pn-pagination { grid-column:1/-1; margin-top:25px; }
.pn-pagination .nav-links { display:flex; gap:8px; flex-wrap:wrap; }
.pn-pagination .page-numbers { border:1px solid var(--pn-line); border-radius:50%; min-width:40px; height:40px; display:grid; place-items:center; }
.pn-pagination .current { background:var(--pn-ink); color:white; border-color:var(--pn-ink); }
.pn-article { padding: 48px 0 80px; }
.pn-article-header { max-width: 920px; margin: 0 auto 38px; text-align:center; }
.pn-article-header h1 { margin: 14px 0 18px; font: 850 clamp(2.2rem,6vw,4.5rem)/1.03 Georgia,serif; letter-spacing:-.045em; }
.pn-article-deck { color:#4c4840; font: 1.15rem/1.55 Georgia,serif; max-width:780px; margin:0 auto 20px; }
.pn-article-meta { justify-content:center; }
.pn-article-image { width:min(calc(100% - 40px), 1120px); margin:0 auto 42px; }
.pn-article-image img { width:100%; max-height:680px; object-fit:cover; border-radius:var(--pn-radius); }
.pn-article-layout { width:min(calc(100% - 40px), 1000px); margin:auto; display:grid; grid-template-columns: 90px minmax(0,730px); justify-content:center; gap:40px; }
.pn-share { position:sticky; top:24px; align-self:start; }
.pn-share-label { color:var(--pn-muted); font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.pn-share a { display:grid; place-items:center; width:42px; height:42px; margin-top:9px; border:1px solid var(--pn-line); border-radius:50%; font-weight:800; }
.pn-entry-content { font: 1.08rem/1.82 Georgia,serif; }
.pn-entry-content > *:first-child { margin-top:0; }
.pn-entry-content h2 { margin-top:2em; font-size:1.85rem; line-height:1.2; }
.pn-entry-content h3 { margin-top:1.7em; font-size:1.4rem; }
.pn-entry-content a { color:var(--pn-gold-dark); text-decoration:underline; }
.pn-entry-content blockquote { margin:2em 0; border-left:4px solid var(--pn-gold); padding:6px 0 6px 24px; font-size:1.3rem; color:#3e392f; }
.pn-entry-content figure { margin:2em 0; }
.pn-entry-content figcaption { color:var(--pn-muted); font: .78rem/1.4 Inter,sans-serif; margin-top:8px; }
.pn-author-box { max-width:730px; margin:50px auto 0; display:grid; grid-template-columns:80px 1fr; gap:20px; padding:28px; background:var(--pn-soft); border-radius:var(--pn-radius); }
.pn-author-box img { border-radius:50%; }
.pn-author-box h3 { margin:0 0 5px; }
.pn-tags { max-width:730px; margin:28px auto; display:flex; flex-wrap:wrap; gap:8px; }
.pn-tags a { padding:6px 11px; border:1px solid var(--pn-line); border-radius:999px; font-size:.76rem; }

/* Comments, footer, utilities */
.comments-area { max-width:730px; margin:50px auto 0; border-top:1px solid var(--pn-line); padding-top:35px; }
.comment-list { list-style:none; padding:0; }
.comment-list .children { list-style:none; }
.comment-body { padding:20px 0; border-bottom:1px solid var(--pn-line); }
.comment-form input:not([type=submit]), .comment-form textarea { width:100%; border:1px solid var(--pn-line); border-radius:8px; padding:12px; background:white; }
.submit { border:0; border-radius:999px; background:var(--pn-gold); color:white; padding:12px 20px; font-weight:800; }
.pn-footer { background:var(--pn-ink); color:#d8d1c5; padding:58px 0 22px; }
.pn-footer-grid { display:grid; grid-template-columns:1.4fr repeat(2,1fr); gap:50px; }
.pn-footer h2, .pn-footer h3 { color:white; margin-top:0; }
.pn-footer ul { list-style:none; padding:0; }
.pn-footer li { margin:8px 0; }
.pn-footer-bottom { margin-top:45px; padding-top:20px; border-top:1px solid #3c3933; display:flex; justify-content:space-between; gap:15px; font-size:.78rem; }
.alignwide { margin-left:50%; transform:translateX(-50%); width:min(1050px,calc(100vw - 40px)); max-width:none; }
.alignfull { margin-left:50%; transform:translateX(-50%); width:100vw; max-width:none; }

@media (max-width: 960px) {
  .pn-brand-row { grid-template-columns:auto 1fr auto; min-height:78px; }
  .pn-date, .pn-header-actions .pn-button:not(.pn-button--gold) { display:none; }
  .pn-brand { justify-content:start; }
  .pn-menu-toggle { display:block; }
  .pn-nav { display:none; }
  .pn-nav.is-open { display:block; }
  .pn-nav .menu { min-height:0; padding:18px 20px; flex-direction:column; align-items:flex-start; }
  .pn-hero-grid, .pn-content-grid { grid-template-columns:1fr; }
  .pn-hero-side { grid-template-columns:repeat(3,1fr); }
  .pn-side-story { display:block; border-bottom:0; }
  .pn-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
  .pn-archive-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 650px) {
  .pn-container { width:min(calc(100% - 26px),var(--pn-width)); }
  .pn-topline-inner { justify-content:center; }
  .pn-topline-inner span:last-child { display:none; }
  .pn-wordmark strong { font-size:1.2rem; }
  .pn-wordmark span { font-size:.52rem; letter-spacing:.12em; }
  .pn-header-actions .pn-button--gold { display:none; }
  .pn-hero { padding-top:20px; }
  .pn-lead { min-height:450px; }
  .pn-lead-content p { display:none; }
  .pn-hero-side, .pn-post-grid, .pn-sidebar, .pn-archive-grid { grid-template-columns:1fr; }
  .pn-side-story { display:grid; }
  .pn-article-header { padding-inline:13px; }
  .pn-article-layout { grid-template-columns:1fr; width:min(calc(100% - 30px),730px); }
  .pn-share { position:static; display:flex; align-items:center; gap:7px; }
  .pn-share a { margin:0; }
  .pn-footer-grid { grid-template-columns:1fr; gap:25px; }
  .pn-footer-bottom { flex-direction:column; }
}

/* PersonaArch News 2.0 — approved light editorial design */
:root {
  --pn-ink: #17354a;
  --pn-muted: #6b8392;
  --pn-paper: #f8fbfd;
  --pn-soft: #eaf5fb;
  --pn-gold: #2079c7;
  --pn-gold-dark: #175e9c;
  --pn-line: #dce8ee;
  --pn-white: #fff;
  --pn-radius: 20px;
  --pn-shadow: 0 14px 38px rgba(49,86,114,.09);
}
body { background: var(--pn-paper); color: var(--pn-ink); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.pn-topline { background:#eef5f9; color:var(--pn-muted); }
.pn-platform-link { color:#557082; }
.pn-header { background:#fff; border-color:var(--pn-line); }
.pn-brand-row { min-height:104px; grid-template-columns:auto 1fr auto; }
.pn-date { display:none; }
.pn-brand { justify-content:flex-start; }
.pn-wordmark { text-align:left; position:relative; padding-left:72px; min-height:55px; display:flex; flex-direction:column; justify-content:center; }
.pn-wordmark::before {
  content:""; position:absolute; left:0; top:0; width:55px; height:55px; border-radius:16px;
  background:#2079c7 url("assets/brand/favicon.svg") center/55px 55px no-repeat;
}
.pn-wordmark strong { font:800 clamp(1.35rem,3vw,1.75rem)/1.05 Inter,sans-serif; letter-spacing:-.025em; }
.pn-wordmark span { color:#6b8392; font-size:.58rem; letter-spacing:.22em; margin-top:7px; }
.pn-brand .custom-logo { max-height:58px; }
.pn-button { border-color:#cadbe5; color:#36576d; }
.pn-button--gold { background:#2079c7; border-color:#2079c7; }
.pn-button--gold:hover { background:#175e9c; }
.pn-nav { border-top:0; position:absolute; top:70px; left:50%; transform:translateX(-50%); z-index:4; }
.pn-nav .menu { gap:28px; }
.pn-nav a { color:#314b5e; font-size:.8rem; }
.pn-nav .current-menu-item>a { color:#2079c7; }
.pn-breaking { background:#f8fbfd; border:0; }
.pn-breaking-inner { min-height:70px; gap:12px; }
.pn-breaking-label { background:transparent; color:#718794; padding:0; margin-right:10px; }
.pn-breaking a { display:inline-flex; background:#eaf4fb; color:#276a98; padding:8px 16px; border-radius:999px; font-size:.76rem; }
.pn-hero { padding:8px 0 58px; }
.pn-hero-grid { grid-template-columns:minmax(0,2fr) minmax(330px,1fr); gap:30px; }
.pn-lead {
  min-height:475px; background:#fff; box-shadow:var(--pn-shadow); border-radius:24px;
  display:grid; grid-template-rows:292px 1fr;
}
.pn-lead::after { display:none; }
.pn-lead>a { display:contents; }
.pn-lead img, .pn-lead .pn-placeholder { width:100%; height:292px; opacity:1; object-fit:cover; border-radius:24px 24px 0 0; background:#c9e5f7; }
.pn-lead-content { position:static; color:var(--pn-ink); padding:28px 34px; }
.pn-lead-content .pn-kicker { color:#2079c7; }
.pn-lead-content h1 { color:var(--pn-ink); margin:8px 0 10px; font:800 clamp(1.65rem,3vw,2.35rem)/1.12 Inter,sans-serif; letter-spacing:-.035em; }
.pn-lead-content p { color:var(--pn-muted); font-size:.9rem; }
.pn-hero-side { display:block; }
.pn-side-story {
  grid-template-columns:1fr; gap:8px; padding:0 0 19px; margin-bottom:19px;
  border-bottom:1px solid var(--pn-line);
}
.pn-side-story>a { display:none; }
.pn-side-story h2 { font:750 1.02rem/1.28 Inter,sans-serif; margin:6px 0; }
.pn-side-story .pn-kicker { font-size:.63rem; }
.pn-side-story:first-child::before {
  content:"Останні новини"; display:block; color:var(--pn-ink); padding-bottom:12px;
  border-bottom:3px solid #2079c7; font-size:1.25rem; font-weight:800;
}
.pn-main { padding-top:0; }
.pn-section-title { font:800 clamp(1.45rem,3vw,1.9rem)/1.15 Inter,sans-serif; }
.pn-section-title::before { display:none; }
.pn-content-grid { grid-template-columns:minmax(0,1fr) 320px; gap:28px; }
.pn-post-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pn-card { background:#fff; border-radius:18px; box-shadow:var(--pn-shadow); overflow:hidden; padding-bottom:20px; }
.pn-card-media { border-radius:18px 18px 0 0; margin-bottom:18px; }
.pn-card-media img, .pn-card-media .pn-placeholder { aspect-ratio:16/9; background:#dceef8; }
.pn-card>.pn-kicker, .pn-card>h2, .pn-card>.pn-card-excerpt, .pn-card>.pn-meta { margin-left:20px; margin-right:20px; }
.pn-card h2, .pn-card h3 { font:800 1.25rem/1.25 Inter,sans-serif; }
.pn-card-excerpt { color:var(--pn-muted); }
.pn-kicker { color:#2079c7; }
.pn-meta { color:#78909e; }
.pn-widget { background:#fff; border:0; border-radius:18px; box-shadow:var(--pn-shadow); padding:24px; }
.pn-popular li::before { color:#2079c7; }
.pn-newsletter { background:#eaf5fb; color:var(--pn-ink); }
.pn-newsletter p { color:var(--pn-muted); }
.pn-page-head { background:#eaf5fb; border:0; padding:58px 0; margin-bottom:46px; }
.pn-page-head h1 { font-family:Inter,sans-serif; }
.pn-archive-grid { gap:28px; }
.pn-article { padding-top:72px; }
.pn-article-header { max-width:1000px; }
.pn-article-header h1 { font:800 clamp(2.2rem,5.5vw,4rem)/1.08 Inter,sans-serif; letter-spacing:-.045em; }
.pn-article-deck { color:#557082; font:1.15rem/1.55 Inter,sans-serif; }
.pn-article-image img { border-radius:24px; box-shadow:var(--pn-shadow); max-height:620px; }
.pn-article-layout { grid-template-columns:70px minmax(0,760px) 220px; max-width:1120px; }
.pn-entry-content { color:#3f5969; font:1.07rem/1.85 Inter,sans-serif; }
.pn-entry-content>p:first-child { color:var(--pn-ink); font-size:1.2rem; font-weight:650; }
.pn-entry-content h2, .pn-entry-content h3 { color:var(--pn-ink); font-family:Inter,sans-serif; }
.pn-entry-content blockquote { background:#eaf5fb; border-color:#2079c7; border-radius:14px; padding:22px 26px; font-size:1.15rem; }
.pn-share a { background:#eaf5fb; border:0; color:#2079c7; }
.pn-author-box { background:#eaf5fb; border-radius:20px; }
.comments-area { background:#fff; box-shadow:var(--pn-shadow); padding:30px; border:0; border-radius:20px; }
.submit { background:#2079c7; }
.pn-footer { background:#eaf5fb; color:#557082; }
.pn-footer h2,.pn-footer h3 { color:var(--pn-ink); }
.pn-footer-bottom { border-color:#cfdee7; }
.pn-author-profile {
  width:min(calc(100% - 40px),var(--pn-width)); margin:48px auto; padding:48px;
  background:#eaf5fb; border-radius:24px; display:grid; grid-template-columns:150px 1fr;
  gap:34px; align-items:center; overflow:hidden; position:relative;
}
.pn-author-profile::after { content:""; position:absolute; width:280px; height:280px; border-radius:50%; background:#c5e4f4; right:-50px; top:-80px; opacity:.8; }
.pn-author-profile img { border-radius:50%; border:10px solid #fff; position:relative; z-index:1; }
.pn-author-profile-content { position:relative; z-index:1; max-width:800px; }
.pn-author-profile h1 { margin:8px 0 10px; font-size:2.8rem; line-height:1.05; }
.pn-author-profile p { color:#557082; max-width:720px; }
.pn-author-stats { display:flex; gap:28px; align-items:center; margin-top:20px; font-size:.8rem; font-weight:700; color:#557082; }
.pn-author-stats .pn-button { background:#2079c7; color:#fff; border-color:#2079c7; }

/* 2.0.1 — contemporary controls: pills only for tags/statuses */
.pn-button,
.submit {
  border-radius: 9px;
}
.pn-breaking a,
.pn-tags a {
  border-radius: 7px;
}
.pn-pagination .page-numbers {
  border-radius: 8px;
}
.pn-newsletter input {
  border-radius: 8px;
}

/* 2.0.2 — sticky footer, editorial write action, native form reset */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
#content {
  flex: 1 0 auto;
  width: 100%;
}
.pn-footer {
  flex-shrink: 0;
  margin-top: auto;
  width: 100%;
}
.pn-header-actions .pn-button--gold {
  min-height: 40px;
  padding: 0 2px;
  gap: 9px;
  border: 0;
  background: transparent;
  color: #2079c7;
  font-weight: 800;
}
.pn-header-actions .pn-button--gold::before {
  content: "+";
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: #2079c7;
  color: #fff;
  font-size: 1.15rem;
  line-height: 1;
}
.pn-header-actions .pn-button--gold:hover {
  background: transparent;
  color: #175e9c;
}
.pn-header-actions .pn-button--gold:hover::before {
  background: #175e9c;
}
.search-form {
  display: flex;
  width: min(100%, 520px);
  gap: 8px;
  margin-top: 22px;
}
.search-form label {
  flex: 1;
}
.search-form .search-field {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border: 1px solid #bfd2df;
  border-radius: 8px;
  background: #fff;
  color: var(--pn-ink);
  outline: none;
}
.search-form .search-field:focus {
  border-color: #2079c7;
  box-shadow: 0 0 0 3px rgba(32,121,199,.12);
}
.search-form .search-submit {
  height: 44px;
  padding: 0 18px;
  border: 0;
  border-radius: 8px;
  background: #2079c7;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
.search-form .search-submit:hover {
  background: #175e9c;
}

@media (max-width:1100px) {
  .pn-nav { position:static; transform:none; }
  .pn-brand-row { grid-template-columns:auto 1fr auto; }
  .pn-article-layout { grid-template-columns:60px minmax(0,760px); }
}
@media (max-width:960px) {
  .pn-nav { display:none; }
  .pn-nav.is-open { display:block; }
  .pn-hero-grid,.pn-content-grid { grid-template-columns:1fr; }
  .pn-hero-side { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
  .pn-side-story:first-child::before { grid-column:1/-1; }
}
@media (max-width:650px) {
  .pn-brand-row { min-height:76px; }
  .pn-wordmark { padding-left:52px; }
  .pn-wordmark::before { width:42px; height:42px; border-radius:12px; background-size:42px; }
  .pn-wordmark strong { font-size:1rem; }
  .pn-wordmark span { font-size:.43rem; }
  .pn-breaking-inner { overflow-x:auto; }
  .pn-lead { min-height:0; grid-template-rows:210px 1fr; }
  .pn-lead img,.pn-lead .pn-placeholder { height:210px; }
  .pn-lead-content { padding:22px; }
  .pn-lead-content h1 { font-size:1.65rem; }
  .pn-hero-side,.pn-post-grid { grid-template-columns:1fr; }
  .pn-side-story:first-child::before { grid-column:auto; }
  .pn-article { padding-top:42px; }
  .pn-article-header h1 { font-size:2.15rem; }
  .pn-article-layout { grid-template-columns:1fr; }
  .pn-author-profile { grid-template-columns:1fr; padding:28px; text-align:center; }
  .pn-author-profile img { margin:auto; }
  .pn-author-profile h1 { font-size:2rem; }
  .pn-author-stats { justify-content:center; flex-wrap:wrap; }
}