/* WPPress 0.1.7 — Compact Editorial Layout
 * Homepage only. Original WPPress brand and existing section/ads configuration are retained.
 */
.wp-home-content {padding-top:24px;padding-bottom:45px;}
.wp-home-content .wppress-section {min-width:0;margin-bottom:30px;}
.wp-home-content .wp-section-head {margin-bottom:15px;padding-bottom:10px;gap:12px;}
.wp-home-content .wp-section-title {font-size:clamp(19px,2vw,23px);letter-spacing:-.035em;}
.wp-home-content .wp-section-title::before {height:19px;width:4px;flex-basis:4px;}
.wp-home-content .wp-section-more {font-size:12px;}
.wp-home-content .wp-card__body {min-width:0;padding-top:10px;}
.wp-home-content .wp-card__eyebrow {display:flex;align-items:center;flex-wrap:nowrap;gap:8px;min-width:0;max-width:100%;font-size:11px;line-height:1.45;}
.wp-home-content .wp-card__eyebrow .wp-kicker {flex:0 1 auto;min-width:0;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.45;letter-spacing:0;text-transform:none;}
.wp-home-content .wp-card__eyebrow time {min-width:0;color:var(--wp-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;}
.wp-home-content .wp-card__eyebrow time::before {content:"";display:inline-block;height:12px;border-left:1px solid #cdd7df;margin-right:8px;vertical-align:-2px;}
.wp-home-content .wp-card__eyebrow .wp-kicker:empty {display:none;}
.wp-home-content .wp-card__eyebrow:not(:has(.wp-kicker)) time::before {display:none;}
.wp-home-content .wp-card__meta {display:none;}
.wp-home-content .wp-card__title {margin:6px 0 0;font-size:clamp(13px,1.3vw,16px);line-height:1.45;letter-spacing:-.025em;overflow-wrap:anywhere;}
.wp-home-content .wp-card__media {border-radius:6px;}
.wp-home-content .wp-card__excerpt {margin:8px 0 0;line-height:1.6;}
/* Preserve the 0.1.5 hero layout on desktop; a dedicated viewport enables native mobile scroll. */
.wp-home-content .wp-hero-viewport {min-width:0;overflow:hidden;}
.wp-home-content .wp-hero-track {position:relative;gap:0;}
.wp-home-content .wp-hero-slide--mobile-only {display:none;}
.wp-home-content .wp-hero-layout {grid-template-columns:minmax(0,1.63fr) minmax(0,.83fr);gap:20px;}
.wp-home-content .wp-hero-layout--solo {grid-template-columns:1fr;}
.wp-home-content .wp-hero-slide .wp-card__title {font-size:clamp(23px,2.4vw,30px);line-height:1.32;}
.wp-home-content .wp-hero-aside {gap:15px;}
.wp-home-content .wp-hero-aside .wp-card__title {font-size:15px;line-height:1.4;}
.wp-home-content .wp-hero-aside .wp-card__body {padding-top:8px;}
.wp-home-content .wp-hero-controls {margin-top:8px;}
/* On desktop editorial cards use available columns instead of fixed three-card stacks. */
.wp-home-content .wppress-section--grid .wp-news-grid {grid-template-columns:repeat(auto-fit,minmax(174px,1fr));gap:20px 16px;}
.wp-home-content .wppress-section--grid .wp-card__title {font-size:clamp(13px,1.15vw,15px);line-height:1.42;}
.wp-home-content .wppress-section--grid .wp-card__body {padding-top:9px;}
/* Compact Flash/Recent News: paired desktop lists, image at the right. */
.wp-home-content .wppress-section--feed .wp-feed-layout {grid-template-columns:minmax(0,1fr) 270px;gap:24px;}
.wp-home-content .wppress-section--feed .wp-feed-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 19px;}
.wp-home-content .wppress-section--feed .wp-feed-list .wp-card {display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:12px;align-items:start;margin:0;padding:12px 0;border-bottom:1px solid var(--wp-line);}
.wp-home-content .wppress-section--feed .wp-feed-list .wp-card__media {grid-column:2;grid-row:1;aspect-ratio:1/1;border-radius:5px;}
.wp-home-content .wppress-section--feed .wp-feed-list .wp-card__body {grid-column:1;grid-row:1;min-width:0;display:block;padding:0;}
.wp-home-content .wppress-section--feed .wp-feed-list .wp-card__title {font-size:clamp(13px,1.15vw,15px);line-height:1.4;margin:5px 0 0;}
.wp-home-content .wp-feed-aside {padding:16px 17px;}
.wp-home-content .wp-feed-aside .wp-card {margin-bottom:12px;}
.wp-home-content .wp-feed-aside .wp-card--compact {grid-template-columns:76px minmax(0,1fr);}
.wp-home-content .wp-feed-aside .wp-card--compact .wp-card__title {font-size:12px;}
/* Split: a single feature plus a compact editorial companion grid. */
.wp-home-content .wp-grid-split {grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:22px;}
.wp-home-content .wp-grid-split__side {grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px;align-content:start;}
.wp-home-content .wp-grid-split__side .wp-card {display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:10px;align-items:start;min-width:0;padding:10px 0;border-bottom:1px solid var(--wp-line);}
.wp-home-content .wp-grid-split__side .wp-card__media {grid-column:2;grid-row:1;aspect-ratio:1/1;}
.wp-home-content .wp-grid-split__side .wp-card__body {grid-column:1;grid-row:1;min-width:0;padding:0;}
.wp-home-content .wp-grid-split__feature .wp-card__title {font-size:clamp(19px,2vw,24px);}
.wp-home-content .wp-grid-split__side .wp-card__title {font-size:13px;line-height:1.38;}
/* Rankings: image-led cards with badges over the photo, not a tall 2-column list. */
.wp-home-content .wp-popular-grid {grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:17px;}
.wp-home-content .wp-card--ranked {position:relative;display:flex;flex-direction:column;gap:0;align-items:stretch;padding:0 0 8px;border:0;min-width:0;}
.wp-home-content .wp-card--ranked .wp-card__media {aspect-ratio:4/3;}
.wp-home-content .wp-card--ranked .wp-card__rank {position:absolute;top:auto;bottom:8px;left:auto;right:8px;transform:none;z-index:2;display:grid;place-items:center;width:35px;height:35px;border:3px solid white;border-radius:50%;background:var(--wp-accent);color:white;font:800 15px/1 var(--wp-font-heading);pointer-events:none;}
.wp-home-content .wp-card--ranked .wp-card__body {padding-top:9px;}
.wp-home-content .wp-card--ranked .wp-card__title {font-size:14px;line-height:1.4;}
/* Portrait graphics are opt-in through Homepage Builder's 3:4 ratio. */
.wp-home-content .wppress-section[data-ratio="3:4"] .wp-news-grid .wp-card__media {aspect-ratio:3/4;}
@media (min-width:701px) and (max-width:1050px) {
  .wp-home-content .wppress-section--feed .wp-feed-list {grid-template-columns:1fr;}
  .wp-home-content .wppress-section--feed .wp-feed-layout {grid-template-columns:minmax(0,1fr) 245px;}
  .wp-home-content .wp-hero-layout {grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);}
}
@media (max-width:850px) {
  .wp-home-content .wp-hero-layout {grid-template-columns:1fr;}
  .wp-home-content .wp-hero-aside {grid-template-columns:repeat(2,minmax(0,1fr));}
  .wp-home-content .wppress-section--feed .wp-feed-layout {grid-template-columns:1fr;}
  .wp-home-content .wppress-section--feed .wp-feed-list {grid-template-columns:repeat(2,minmax(0,1fr));}
  .wp-home-content .wppress-section--feed .wp-feed-aside {display:none;}
}
@media (max-width:700px) {
  .wp-home-content {padding-top:14px;padding-bottom:30px;}
  .wp-home-content .wppress-section {margin-bottom:23px;padding-bottom:18px;border-bottom:7px solid #f4f6f8;}
  .wp-home-content .wppress-section:last-of-type {border-bottom:0;}
  .wp-home-content .wp-section-head {margin-bottom:12px;padding-bottom:9px;}
  .wp-home-content .wp-section-title {font-size:21px;line-height:1.3;}
  .wp-home-content .wp-section-more {font-size:12px;}
  .wp-home-content .wp-section-more span {display:none;}
  .wp-home-content .wp-card__eyebrow {gap:6px;font-size:11px;}
  .wp-home-content .wp-card__eyebrow .wp-kicker {font-size:11px;}
  .wp-home-content .wp-card__eyebrow time::before {margin-right:6px;}
  .wp-home-content .wp-card__title {line-height:1.4;}
  /* Hero: visible 10-15% next slide, native swipe, no autoplay on mobile. */
  .wp-home-content .wppress-section--hero .wp-section-head {display:none;}
  .wp-home-content .wp-hero-aside {display:none;}
  .wp-home-content .wp-hero-layout {display:block;}
  .wp-home-content .wp-hero-slider {overflow:visible;}
  .wp-home-content .wp-hero-viewport {overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;touch-action:pan-x;}
  .wp-home-content .wp-hero-viewport::-webkit-scrollbar {display:none;}
  .wp-home-content .wp-hero-track {gap:12px;transform:none!important;transition:none!important;padding-right:0;}
  .wp-home-content .wp-hero-track::after {content:"";flex:0 0 53px;}
  .wp-home-content .wp-hero-track:has(> .wp-hero-slide:only-child)::after {display:none;}
  .wp-home-content .wp-hero-slide:only-child {flex-basis:100%;}
  .wp-home-content .wp-hero-slide {flex:0 0 calc(100% - 53px);scroll-snap-align:start;scroll-snap-stop:normal;}
  .wp-home-content .wp-hero-slide--mobile-only {display:block;}
  .wp-home-content .wp-hero-slide .wp-card {position:relative;aspect-ratio:1.47;border-radius:11px;overflow:hidden;background:var(--wp-ink);isolation:isolate;}
  .wp-home-content .wp-hero-slide .wp-card__media {position:absolute;inset:0;aspect-ratio:auto;border-radius:0;}
  .wp-home-content .wp-hero-slide .wp-card__media::after {content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.87),rgba(0,0,0,.12) 56%,transparent 78%);pointer-events:none;}
  .wp-home-content .wp-hero-slide .wp-card__body {position:absolute;z-index:1;bottom:0;left:0;right:0;padding:16px 17px 19px;pointer-events:none;}
  .wp-home-content .wp-hero-slide .wp-card__body a {pointer-events:auto;}
  .wp-home-content .wp-hero-slide .wp-card__title {font-size:clamp(17px,4.5vw,22px);line-height:1.3;font-weight:800;margin:5px 0 0;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
  .wp-home-content .wp-hero-slide .wp-card__title a {color:#fff;}
  .wp-home-content .wp-hero-slide .wp-card__eyebrow .wp-kicker {color:#9bdbff!important;}
  .wp-home-content .wp-hero-slide .wp-card__eyebrow time {color:#d5dce3;}
  .wp-home-content .wp-hero-slide .wp-card__eyebrow time::before {border-color:rgba(255,255,255,.48);}
  .wp-home-content .wp-hero-slide .wp-card__excerpt,.wp-home-content .wp-hero-controls {display:none;}
  /* Mobile Flash News: ~5 entries by the saved section count, compact title left/square photo right. */
  .wp-home-content .wppress-section--feed .wp-feed-layout {display:block;}
  .wp-home-content .wppress-section--feed .wp-feed-list {display:block;}
  .wp-home-content .wppress-section--feed .wp-feed-list .wp-card {display:grid;grid-template-columns:minmax(0,1fr) clamp(91px,24vw,113px);gap:13px;padding:14px 0;align-items:start;}
  .wp-home-content .wppress-section--feed .wp-feed-list .wp-card:first-child {padding-top:5px;}
  .wp-home-content .wppress-section--feed .wp-feed-list .wp-card__title {font-size:clamp(15px,4.2vw,19px);line-height:1.38;font-weight:750;}
  .wp-home-content .wppress-section--feed .wp-feed-list .wp-card__media {aspect-ratio:1/1;}
  .wp-home-content .wppress-section--feed .wp-feed-aside {display:none;}
  /* Reusable Peek Carousel: one row, one full card plus part of the next card. */
  .wp-home-content .wppress-section--grid .wp-news-grid,
  .wp-home-content .wppress-section--popular .wp-popular-grid {display:grid;grid-template-columns:none;grid-template-rows:minmax(0,auto);grid-auto-flow:column;grid-auto-columns:82%;gap:12px;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;padding-bottom:3px;}
  .wp-home-content .wppress-section--grid .wp-news-grid::-webkit-scrollbar,
  .wp-home-content .wppress-section--popular .wp-popular-grid::-webkit-scrollbar {display:none;}
  .wp-home-content .wppress-section--grid .wp-news-grid > .wp-card,
  .wp-home-content .wppress-section--popular .wp-popular-grid > .wp-card {scroll-snap-align:start;border:1px solid #e0e6ec;border-radius:10px;padding:11px 11px 14px;min-width:0;}
  .wp-home-content .wppress-section--grid .wp-card__media {aspect-ratio:1.64/1;}
  .wp-home-content .wppress-section--grid .wp-card__title,
  .wp-home-content .wppress-section--popular .wp-card__title {font-size:clamp(15px,4vw,18px);line-height:1.37;}
  .wp-home-content .wppress-section--grid .wp-card__body {padding-top:9px;}
  .wp-home-content .wppress-section--popular .wp-card--ranked {display:flex;gap:0;}
  .wp-home-content .wppress-section--popular .wp-card__media {aspect-ratio:1.64/1;}
  .wp-home-content .wp-card--ranked .wp-card__rank {right:18px;width:39px;height:39px;font-size:17px;}
  /* News Plus/Editorial Split: one full-width lead, two synced rows of companion cards. */
  .wp-home-content .wp-grid-split {display:block;}
  .wp-home-content .wp-grid-split__feature {margin-bottom:15px;}
  .wp-home-content .wp-grid-split__feature .wp-card__media {aspect-ratio:16/9;}
  .wp-home-content .wp-grid-split__feature .wp-card__title {font-size:clamp(20px,5vw,24px);line-height:1.34;}
  .wp-home-content .wp-grid-split__side {display:grid;grid-template-columns:none;grid-template-rows:repeat(2, minmax(135px,auto));grid-auto-flow:column;grid-auto-columns:90%;gap:10px 12px;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;padding-bottom:3px;}
  .wp-home-content .wp-grid-split__side::-webkit-scrollbar {display:none;}
  .wp-home-content .wp-grid-split__side .wp-card {display:grid;grid-template-columns:minmax(0,1fr) clamp(80px,23vw,104px);grid-template-rows:1fr;gap:10px;align-items:start;border:1px solid #e0e6ec;border-radius:10px;padding:12px;scroll-snap-align:start;}
  .wp-home-content .wp-grid-split__side .wp-card__media {grid-column:2;grid-row:1;aspect-ratio:1/1;}
  .wp-home-content .wp-grid-split__side .wp-card__body {grid-column:1;grid-row:1;min-width:0;padding:0;}
  .wp-home-content .wp-grid-split__side .wp-card__title {font-size:clamp(14px,3.75vw,17px);line-height:1.34;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
  /* High aspect ratio infographics keep their original editorial reading format. */
  .wp-home-content .wppress-section--grid[data-ratio="3:4"] .wp-news-grid .wp-card__media {aspect-ratio:3/4;}
}
@media (max-width:375px) {
  .wp-home-content .wp-hero-slide {flex-basis:calc(100% - 44px);}
  .wp-home-content .wp-card__eyebrow .wp-kicker {max-width:48%;}
  .wp-home-content .wp-grid-split__side .wp-card {grid-template-columns:minmax(0,1fr) 80px;padding:10px;}
}
@media(prefers-reduced-motion:reduce){
  .wp-home-content .wp-hero-viewport,
  .wp-home-content .wp-news-grid,
  .wp-home-content .wp-popular-grid,
  .wp-home-content .wp-grid-split__side {scroll-behavior:auto;}
}

/* v0.1.7 — split rubrics: main article remains full width; companion list becomes a
   compact horizontal peek carousel without affecting desktop grids. */
@media (max-width:700px) {
  .wp-home-content .wppress-section--split .wp-grid-split__feature {width:100%;}
  .wp-home-content .wppress-section--split .wp-grid-split__side {
    grid-auto-columns:90%;grid-auto-flow:column;
    grid-template-rows:repeat(2,minmax(128px,auto));
    overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;
  }
  .wp-home-content .wppress-section--split .wp-grid-split__side .wp-card {
    scroll-snap-align:start;
  }
}

@media (max-width:700px) {
  /* With only two companion stories, two rows would hide the swipe hint.
     Keep one full compact card and peek the second one to the right. */
  .wp-home-content .wppress-section--split .wp-grid-split__side--single-row {
    grid-template-rows:minmax(128px,auto);
    grid-auto-columns:90%;
  }
}