/* Potatoes.News: JNews editorial refinement, 2026-11-11. */
.pn-jnews-home4 .pnh4 { --pnh4-paper:#fffdf8; --pnh4-ink:#172c25; --pnh4-rule:#d8ddd5; padding-top:22px; }
.pnh4, .pnh4 * { box-sizing:border-box; }
.pnh4 a:focus-visible { outline:3px solid #b76100; outline-offset:4px; }
.pnh4 h1, .pnh4 h2, .pnh4 h3 { overflow-wrap:break-word; }
.pnh4 time { color:#595f59; font-size:.75rem; }
.pnh4-index { display:flex; flex-wrap:wrap; gap:12px 28px; align-items:center; justify-content:space-between; margin-bottom:22px; border-block:1px solid #d8ddd5; padding-block:12px; }
.pnh4-index > p { margin:0; font:italic 1.125rem/1.4 Georgia,serif; }
.pnh4-index nav { display:flex; flex-wrap:wrap; gap:4px 20px; }
.pnh4-index nav a { display:inline-flex; align-items:center; min-height:44px; font:700 .8125rem/1.4 'PT Sans',sans-serif; color:#205541; }
.pnh4-hero { align-items:start; gap:24px; grid-template-columns:minmax(0,2fr) minmax(0,1fr); }
.pnh4 .pnh4-hero-lead { min-height:0; background:transparent; overflow:visible; }
.pnh4 .pnh4-hero-lead::after { display:none; }
.pnh4 .pnh4-hero-lead > img.pnh4-cover-image { position:relative; display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.pnh4 .pnh4-hero-lead > .pnh4-cover-link { bottom:auto; aspect-ratio:16/9; }
.pnh4 .pnh4-hero-copy { position:relative; inset:auto; padding:20px 0 12px; color:#172c25!important; }
.pnh4 .pnh4-hero-copy h1, .pnh4 .pnh4-hero-copy h1 a { color:#172c25!important; }
.pnh4 .pnh4-hero-copy h1 { font-size:clamp(1.9rem,1.2rem + 2vw,2.75rem); line-height:1.1; margin:12px 0 14px; text-wrap:balance; }
.pnh4 .pnh4-hero-copy time { color:#595f59; }
.pnh4 .pnh4-hero-side { gap:24px; }
.pnh4 .pnh4-hero-mini { min-height:245px; }
.pnh4 .pnh4-hero-mini::after { background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.86)); }
.pnh4 .pnh4-hero-mini h2 { font-size:1.4rem; line-height:1.16; }
.pnh4 .pnh4-featured { background:#172c25; padding:28px; }
.pnh4 .pnh4-featured time, .pnh4 .pnh4-dark-head span { color:#d5ded5; }
.pnh4 .pnh4-card h3 { line-height:1.2; }
.pnh4 .pnh4-section-head { align-items:center; gap:12px; border-bottom:2px solid #172c25; }
.pnh4 .pnh4-section-head h2 { font-size:1.65rem; line-height:1.14; }
.pnh4 .pnh4-section-head > a { color:#205541; min-height:44px; display:inline-flex; align-items:center; flex-shrink:0; }
.pnh4 .pnh4-card-compact { grid-template-columns:88px minmax(0,1fr); }
.pnh4 .pnh4-popular li > span { color:#726651; }
.pnh4 section[id] { scroll-margin-top:90px; }
.pnh4 .pnh4-card h3 a:hover, .pnh4 .pnh4-latest-card h3 a:hover { text-decoration:underline; text-underline-offset:.15em; }
@media(min-width:1025px) {
 .pn-jnews-home4 .jeg_midbar .jeg_desktop_logo .site-title > a { font-size:clamp(2.8rem,1.5rem + 3.8vw,5rem); }
 .pn-jnews-home4 .jeg_midbar .jeg_nav_right { flex:0 0 220px; }
 .pn-jnews-home4 .jeg_midbar .jeg_nav_search, .pn-jnews-home4 .jeg_midbar .jeg_search_wrapper { width:220px; }
 .pn-jnews-home4 .jeg_midbar .jeg_search_form { display:flex; width:220px; }
 .pn-jnews-home4 .jeg_midbar .jeg_search_input { min-width:0; width:176px; padding:12px; }
 .pn-jnews-home4 .jeg_midbar .jeg_search_button { min-width:44px; }
}
@media(max-width:960px) {
 .pnh4 .pnh4-hero { grid-template-columns:1fr; }
 .pnh4 .pnh4-hero-side { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:680px) {
 .pnh4 .pnh4-hero { gap:18px; }
 .pnh4 .pnh4-hero-copy { padding-top:16px; }
 .pnh4 .pnh4-hero-copy h1 { font-size:clamp(1.75rem,1.2rem + 3vw,2.25rem); line-height:1.12; }
 .pnh4 .pnh4-hero-side { grid-template-columns:1fr; gap:16px; }
 .pnh4 .pnh4-hero-mini { min-height:220px; }
 .pnh4 .pnh4-section-head { flex-wrap:wrap; gap:2px 12px; }
 .pnh4 .pnh4-featured { padding:24px 18px; }
 .pnh4 .pnh4-card-compact { grid-template-columns:88px minmax(0,1fr); }
 .pnh4 .pnh4-index { gap:4px; }
 .pnh4 .pnh4-index nav { gap:2px 18px; }
}

/* Long taxonomy names stay inside compact news columns. */
.pnh4 .pnh4-kicker { max-width:100%; width:fit-content; min-width:0; white-space:normal; overflow-wrap:anywhere; }
.pnh4 .pnh4-card-copy { min-width:0; }