.home-top{background:#690e19;color:#fff}.home-top-layout{padding:0}.home-top-panels{min-width:0}.home-top-panel:not(:first-child){border-top:1px solid #a7525c}.home-top-nav{padding:20px;min-width:0}.home-top-controls{display:flex;gap:12px;align-items:center;justify-content:space-between}.home-top-controls h2,.home-top-phone-label{font-size:16px;color:inherit;margin:0 0 12px}.home-top-pause{flex-shrink:0;background:transparent;border:1px solid #e7b9bf;color:#fff;border-radius:5px;min-height:44px;padding:5px 12px}.home-top-card{display:block;color:#fff!important;border:1px solid #b5777e;border-radius:8px;padding:14px;margin:10px 0;min-height:64px;overflow-wrap:anywhere}.home-top-card.is-current{background:#ffffff21;border-color:#fff}.home-top-kind{display:block;font-size:12px;margin-bottom:5px}.home-top-phone-label{display:none}.home-latest{margin-top:20px;border-top:1px solid #ffffff4d;padding-top:16px}.home-latest h2{font-size:16px;color:#fff}.home-latest a{display:block;color:#fff;text-decoration:underline;margin:8px 0}.home-top .story-hero .container{width:100%}.home-top [hidden]{display:none!important}.home-top a:focus-visible,.home-top button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(min-width:768px){.home-top-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px}.home-top .story-hero .container{padding:36px;gap:24px}.home-top .story-hero h1,.home-top .story-hero h2{font-size:clamp(26px,3vw,42px);color:#fff}.home-top .home-latest h2{font-size:16px}.home-top .story-hero .story-img{max-width:280px}.home-top.is-enhanced .home-top-panel{border-top:0}.home-top.is-enhanced .home-top-panel:not(.is-current){display:none}.home-top-nav{border-left:1px solid #a7525c}.home-top .story-hero{height:100%;min-height:460px}.home-top .story-hero .story-text{min-width:0}.home-top .story-hero .actions{flex-wrap:wrap}.home-top .slide-hero{height:100%}}
@media(max-width:767.98px){.home-top.is-enhanced .home-top-panel:not(:first-child){display:none}.home-top-controls,.home-top-status{display:none}.home-top-phone-label{display:block}.home-top-card[data-card="0"]{display:none}.home-top .story-hero .container{padding:24px 20px}.home-top .story-hero h1,.home-top .story-hero h2{font-size:30px;color:#fff}.home-top .home-latest h2{font-size:16px}.home-top-nav{padding-top:0}.home-top .story-img{max-height:240px}}
/* Shared by single heroes and every rotation panel, including the no-script view.
   Keep text and new-tab cues together in one padded phone tap target. */
@media(max-width:767.98px){
  .story-hero a,.slide-hero a,.home-top-nav a,.home-top-nav button{min-height:44px;min-width:44px}
  .story-where a,.story-links a{display:inline-block}
  .story-where a,.story-links a,.home-latest a{padding-top:8px;padding-bottom:8px}
  .slide-hero > a{display:block}
  .slide-actions .btn{padding-top:9px;padding-bottom:9px}
}
/* With scripts off, the first item stays full and the remaining items are compact cards. */
.home-top-size{display:none}
.home-top-size *{transition:none}
/* Inert, media-free copies share a grid cell and reserve the tallest desktop turn.
   Media slots use modern.css's upper bounds so first activation cannot grow it. */
@media(min-width:768px){.home-top.is-enhanced .home-top-panels{display:grid}.home-top.is-enhanced .home-top-panel,.home-top-size{grid-area:1/1;min-width:0}.home-top.is-enhanced .home-top-size{display:block;visibility:hidden;pointer-events:none}.home-top-size .story-img{height:380px}.home-top-size .slide-hero picture{height:640px}}
@media(min-width:768px) and (max-width:991px){.home-top-size .story-img{height:200px}}
.home-top:not(.is-enhanced) .home-top-panel:not(:first-child) .story-hero{min-height:0}.home-top:not(.is-enhanced) .home-top-panel:not(:first-child) .story-hero .container{padding:24px}.home-top:not(.is-enhanced) .home-top-panel:not(:first-child) .story-img{display:none}.home-top:not(.is-enhanced) .home-top-panel:not(:first-child) .story-text{max-width:none}.home-top:not(.is-enhanced) .home-top-panel:not(:first-child) h2{font-size:24px}