.upne-ticker{display:flex;align-items:center;gap:14px;overflow:hidden;background:#0b1c2c;color:#fff;padding:10px 16px}
.upne-ticker-label{background:#c81e1e;color:#fff;padding:4px 9px;font-size:11px;letter-spacing:.12em;font-weight:800}
.upne-ticker-window{overflow:hidden;flex:1;min-width:0}
.upne-ticker-track{display:flex;gap:42px;white-space:nowrap;width:max-content;animation:upneTicker var(--upne-ticker-speed,35s) linear infinite}
.upne-ticker-track a{color:inherit;text-decoration:none;font-size:.95rem}
.upne-ticker-track a:hover,.upne-ticker-track a:focus{text-decoration:underline}
.upne-ticker.is-paused .upne-ticker-track{animation-play-state:paused}
@keyframes upneTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.upne-recent{position:relative;display:flex;align-items:center;gap:16px;padding:12px 48px;border:1px solid #e6e1d8;background:#fff}
.upne-recent-heading{font-weight:800;letter-spacing:.12em;font-size:.75rem}
.upne-recent-viewport{flex:1;min-width:0;overflow:hidden}
.upne-recent-item{display:flex;align-items:baseline;justify-content:space-between;gap:16px;text-decoration:none;color:inherit}
.upne-recent-item em{font-style:normal;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#c81e1e;margin-right:8px}
.upne-recent-item time{opacity:.6;white-space:nowrap;font-size:.82em}
.upne-recent-prev,.upne-recent-next{position:absolute;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:28px;cursor:pointer;line-height:1}
.upne-recent-prev{left:10px}.upne-recent-next{right:10px}

.upne-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.upne-layout-list{grid-template-columns:1fr}
.upne-layout-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.upne-layout-magazine{grid-template-columns:2fr 1fr 1fr}

.upne-card{min-width:0}
.upne-card-image{display:block;aspect-ratio:16/10;overflow:hidden;background:#ece7de;position:relative}
.upne-card-image img,.upne-card-ph{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.upne-card-ph{background:linear-gradient(135deg,#d7cbb8,#b9c4c8)}
.upne-card:hover .upne-card-image img{transform:scale(1.04)}
.upne-card-body{padding-top:10px}
.upne-card-category{font-size:.72rem;text-transform:uppercase;font-weight:700;letter-spacing:.1em;color:#c81e1e}
.upne-card h3{margin:.35rem 0 .2rem;font-size:1.12rem;line-height:1.25}
.upne-card h3 a{text-decoration:none;color:inherit}
.upne-card h3 a:hover{color:#c81e1e}
.upne-meta{font-size:.8rem;opacity:.65;display:flex;gap:8px;flex-wrap:wrap}
.upne-excerpt{margin:.4rem 0;font-size:.92rem;line-height:1.5}

.upne-featured{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}
.upne-featured-secondary{display:grid;gap:16px}
.upne-featured-main h3{font-size:2rem}
.upne-featured-small{display:grid;grid-template-columns:120px 1fr;gap:12px}
.upne-featured-small .upne-card-image{aspect-ratio:4/3}
.upne-featured-small h3{font-size:1rem}

.upne-section{margin:42px 0}
.upne-section-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #0b1c2c;margin-bottom:20px;gap:16px}
.upne-section-header h2{margin:0;font-size:1.35rem;letter-spacing:.02em}
.upne-section-header a{text-decoration:none;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#c81e1e}

.upne-ranked ol{list-style:none;margin:0;padding:0}
.upne-ranked li{display:grid;grid-template-columns:42px 64px 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #ece7de}
.upne-ranked img{width:64px;height:48px;object-fit:cover}
.upne-rank{font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums}
.upne-ranked a{text-decoration:none;color:inherit;font-weight:600}
.upne-ranked time{display:block;font-size:.78rem;opacity:.6;margin-top:2px}
.upne-ranked-title{margin:0 0 8px}

.upne-live-badge{display:inline-block;background:#c81e1e;color:#fff;padding:2px 7px;font-size:.68rem;font-weight:800;letter-spacing:.1em;animation:upnePulse 1.6s ease-in-out infinite}
@keyframes upnePulse{0%,100%{opacity:1}50%{opacity:.55}}
.upne-live-list article{padding:14px 0;border-bottom:1px solid #ece7de}
.upne-live-list h3{margin:6px 0}
.upne-live-list a{text-decoration:none;color:inherit}

.upne-play{position:absolute;inset:auto auto 10px 10px;width:36px;height:36px;border-radius:50%;background:rgba(11,28,44,.85)}
.upne-play:after{content:"";position:absolute;left:14px;top:11px;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent #fff}

.upne-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px}
.upne-share-label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.upne-share a,.upne-share button{border:1px solid #d7cbb8;background:#fff;padding:7px 11px;text-decoration:none;color:inherit;cursor:pointer;font:inherit;font-size:.85rem}
.upne-share a:hover,.upne-share button:hover{border-color:#0b1c2c}

.upne-newsletter{padding:40px 24px;text-align:center;background:#0b1c2c;color:#f6f3ee;margin:36px 0}
.upne-newsletter h2{margin:0 0 8px}
.upne-newsletter form{display:flex;max-width:520px;margin:18px auto 0;gap:0}
.upne-newsletter input{flex:1;padding:12px 14px;border:0}
.upne-newsletter button{padding:12px 18px;border:0;background:#c81e1e;color:#fff;font-weight:700;cursor:pointer}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}

@media(max-width:900px){
  .upne-grid,.upne-layout-compact,.upne-layout-magazine{grid-template-columns:repeat(2,minmax(0,1fr))}
  .upne-featured{grid-template-columns:1fr}
  .upne-featured-main h3{font-size:1.6rem}
}
@media(max-width:560px){
  .upne-grid,.upne-layout-compact,.upne-layout-magazine{grid-template-columns:1fr}
  .upne-featured-small{grid-template-columns:100px 1fr}
  .upne-recent-item time{display:none}
  .upne-newsletter form{display:block}
  .upne-newsletter input,.upne-newsletter button{width:100%;box-sizing:border-box}
  .upne-ranked li{grid-template-columns:36px 1fr}
  .upne-ranked img{display:none}
}
@media(prefers-reduced-motion:reduce){
  .upne-ticker-track,.upne-live-badge{animation:none}
  .upne-card-image img{transition:none}
}
