/* Etando MSN Edition V3 — responsive polish, denser newsroom layout and modern mobile navigation */
:root{
  --et-blue:#1769e0;--et-blue-strong:#0b57d0;--et-cyan:#1aa6b7;--et-green:#1f9d66;--et-red:#d83b01;
  --et-radius:18px;--et-radius-lg:24px;--et-shadow:0 8px 28px rgba(17,24,39,.08);--et-shadow-hover:0 14px 34px rgba(17,24,39,.13);
  --et-safe-bottom:env(safe-area-inset-bottom,0px);
}
html[data-theme="dark"]{--et-shadow:0 10px 28px rgba(0,0,0,.28);--et-shadow-hover:0 16px 38px rgba(0,0,0,.38)}
html{scroll-padding-top:112px}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.msn-app{padding-bottom:0}.msn-main,.msn-right,.msn-view,.msn-section{min-width:0}
button,a,input,select,textarea{touch-action:manipulation}.msn-icon-btn,.msn-menu-btn,.msn-account,.bottom-item{min-width:44px;min-height:44px}

/* Command area */
.msn-commandbar{height:70px;max-width:1560px}.msn-brand{gap:10px}.msn-brand img{width:40px;height:40px;object-fit:cover;border-radius:12px;box-shadow:0 5px 18px rgba(23,105,224,.18)}
.msn-command-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.msn-command-pill{border:1px solid color-mix(in srgb,var(--msn-line) 82%,transparent);background:color-mix(in srgb,var(--msn-panel) 90%,transparent);box-shadow:0 2px 9px rgba(17,24,39,.04)}
.msn-command-pill:hover,.msn-account:hover,.msn-menu-btn:hover{background:var(--msn-panel);box-shadow:var(--et-shadow)}
.msn-search-stage{max-width:1560px}.msn-welcome-copy h1{letter-spacing:-.045em;max-width:780px}.msn-search{box-shadow:0 9px 30px rgba(20,45,88,.12);border:1px solid rgba(23,105,224,.15);transition:.2s ease}.msn-search:focus-within{box-shadow:0 0 0 4px rgba(23,105,224,.12),0 12px 34px rgba(20,45,88,.14);border-color:rgba(23,105,224,.45)}
.msn-services button,.msn-services a{transition:transform .18s ease,background .18s ease}.msn-services button:hover,.msn-services a:hover{transform:translateY(-2px)}

/* Category rail */
.msn-today-strip{scroll-snap-type:x proximity;overscroll-behavior-inline:contain}.msn-today-strip .chip{scroll-snap-align:start;min-height:39px;font-weight:700}.msn-today-strip .chip.active{box-shadow:inset 0 -2px 0 var(--msn-blue)}

/* Page layout */
.msn-page-shell{max-width:1560px;grid-template-columns:minmax(0,1fr) 330px;gap:20px;padding-inline:20px}.msn-main{width:100%}.msn-right{position:sticky;top:116px;align-self:start;max-height:calc(100vh - 130px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--msn-line) transparent;padding-bottom:12px}
.msn-right::-webkit-scrollbar{width:6px}.msn-right::-webkit-scrollbar-thumb{background:var(--msn-line);border-radius:999px}
.msn-daily-bar{border-radius:var(--et-radius-lg);box-shadow:var(--et-shadow);border:1px solid var(--msn-line);padding:18px 20px}.msn-daily-copy h2{font-size:clamp(1.55rem,2.8vw,2.2rem);letter-spacing:-.035em}.msn-refresh{min-height:44px}

/* Quick topical access */
.msn-quick-pulse{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 18px}.msn-quick-pulse button{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;padding:12px 13px;border:1px solid var(--msn-line);border-radius:16px;background:var(--msn-panel);color:var(--msn-text);box-shadow:0 3px 12px rgba(17,24,39,.045);cursor:pointer;transition:.18s ease}.msn-quick-pulse button:hover{border-color:color-mix(in srgb,var(--msn-blue) 32%,var(--msn-line));box-shadow:var(--et-shadow);transform:translateY(-2px)}.msn-quick-pulse button>span{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:var(--msn-blue-soft);color:var(--msn-blue);display:grid;place-items:center;font-size:1rem}.msn-quick-pulse b{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msn-quick-pulse small{font-size:.7rem;color:var(--msn-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Hero + feed cards */
.msn-hero-grid{gap:12px}.msn-lead-story,.msn-side-story,.msn-personal-card,.msn-feed-card,.msn-headline-row,.msn-headline-hero,.msn-brief-item,.msn-widget,.favorite-manage-section,.favorite-saved-section,.collection-list,.collection-detail,.world-region,.world-country-chip,.kiosk-source-tile{border:1px solid var(--msn-line)!important;box-shadow:var(--et-shadow)!important}.msn-lead-story,.msn-side-story,.msn-personal-card,.msn-feed-card,.msn-headline-row,.msn-headline-hero{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.msn-lead-story:hover,.msn-side-story:hover,.msn-personal-card:hover,.msn-feed-card:hover,.msn-headline-row:hover,.msn-headline-hero:hover{box-shadow:var(--et-shadow-hover)!important;border-color:color-mix(in srgb,var(--msn-blue) 24%,var(--msn-line))!important;transform:translateY(-2px)}
.msn-lead-story{border-radius:22px!important}.msn-lead-story img{min-height:340px}.msn-side-story{border-radius:16px!important}.msn-side-story .msn-story-media{border-radius:12px;overflow:hidden}.msn-story-source,.msn-card-source-row{font-weight:650}.msn-source-dot,.msn-card-source-logo{box-shadow:inset 0 0 0 1px var(--msn-line)}
.msn-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.msn-feed-card{border-radius:16px!important;overflow:hidden}.msn-feed-card.wide{grid-column:span 2}.msn-feed-card.compact{display:grid;grid-template-columns:minmax(0,1fr) 128px}.msn-feed-card.compact .msn-card-media{grid-column:2;grid-row:1}.msn-feed-card.compact .msn-card-content{grid-column:1;grid-row:1}.msn-card-media img{transition:transform .28s ease}.msn-feed-card:hover .msn-card-media img,.msn-lead-story:hover img,.msn-side-story:hover img{transform:scale(1.018)}.msn-card-content{min-width:0}.msn-card-content h3{overflow-wrap:anywhere}.msn-card-footer{gap:8px}.msn-card-actions button{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;transition:.16s ease}.msn-card-actions button:hover{background:var(--msn-blue-soft);color:var(--msn-blue);transform:translateY(-1px)}
.msn-personal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.msn-brief-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.msn-brief-item{border-radius:15px!important;transition:.16s ease}.msn-brief-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--msn-blue) 26%,var(--msn-line))!important}

/* Search result state */
.msn-search-context{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:var(--msn-panel);border:1px solid var(--msn-line);border-radius:18px;padding:16px 18px;margin:0 0 14px;box-shadow:var(--et-shadow)}.msn-search-context h2{font-size:1.22rem;margin:4px 0 2px;letter-spacing:-.025em}.msn-search-context p{margin:0;color:var(--msn-muted);font-size:.8rem}.msn-search-context .msn-icon-btn{background:var(--msn-panel-2);border:1px solid var(--msn-line);flex:0 0 44px}

/* Right rail */
.msn-widget{border-radius:18px!important;overflow:hidden}.msn-widget-head{align-items:center}.msn-widget-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.msn-widget-shortcuts button{min-height:72px;border:1px solid var(--msn-line);background:var(--msn-panel-2);color:var(--msn-text);border-radius:13px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:11px;cursor:pointer;text-align:left}.msn-widget-shortcuts button i{color:var(--msn-blue);font-size:1rem}.msn-widget-shortcuts button span{font-size:.75rem;font-weight:750}.msn-widget-shortcuts button:hover{background:var(--msn-blue-soft);border-color:transparent}

/* Kiosk/favorites/settings */
.kiosk-regions{grid-template-columns:repeat(4,minmax(0,1fr))}.favorite-topic-shelf,.favorite-source-shelf{gap:10px}.favorite-topic-card,.favorite-source-card{min-height:132px;border-radius:16px!important;transition:.18s ease}.favorite-topic-card:hover,.favorite-source-card:hover{transform:translateY(-2px);box-shadow:var(--et-shadow-hover)}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preferences-screen .settings-row{border-radius:16px}.topic-setting button,.language-switch button,.theme-switch{min-height:42px}

/* Article reader responsiveness */
.article-full-modal{overscroll-behavior:contain}.article-modal-topbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.article-full-content{max-width:1180px}.msn-reader-layout{grid-template-columns:minmax(0,760px) minmax(250px,320px);gap:30px}.msn-reader-headline{font-size:clamp(2rem,4.4vw,4rem);line-height:1.03}.msn-reader-lead{font-size:clamp(1.03rem,1.6vw,1.25rem)}.article-modal-body{overflow-wrap:anywhere}.article-modal-body img,.article-modal-body video,.article-modal-body iframe{max-width:100%;height:auto}.article-modal-body iframe{aspect-ratio:16/9}.reader-rail-card{border-radius:16px}

/* Floating pro mobile nav */
.msn-mobile-nav{display:none!important}

/* Tablet */
@media(max-width:1240px){
  .msn-page-shell{grid-template-columns:minmax(0,1fr) 286px;gap:14px;padding-inline:14px}.msn-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msn-personal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msn-quick-pulse{grid-template-columns:repeat(5,minmax(132px,1fr));overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.msn-quick-pulse::-webkit-scrollbar{display:none}.msn-quick-pulse button{scroll-snap-align:start}.kiosk-regions{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  html{scroll-padding-top:96px}.msn-page-shell{display:block;padding:12px 12px calc(98px + var(--et-safe-bottom))}.msn-right{position:static;max-height:none;overflow:visible;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.msn-personalize-card{display:none}.msn-search-stage{padding-inline:12px}.msn-commandbar{width:calc(100% - 20px)}.msn-services{overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.msn-services>*{scroll-snap-align:start}.msn-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msn-mobile-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:12px;right:12px;bottom:calc(10px + var(--et-safe-bottom));z-index:480;min-height:68px;padding:7px 8px;border:1px solid color-mix(in srgb,var(--msn-line) 80%,transparent);border-radius:22px;background:color-mix(in srgb,var(--msn-panel) 92%,transparent);box-shadow:0 16px 48px rgba(17,24,39,.22);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.bottom-item{position:relative;border:0;background:transparent;color:var(--msn-muted);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.66rem;font-weight:720;cursor:pointer;padding:5px 2px}.bottom-item>i{font-size:1.05rem}.bottom-item.active{color:var(--msn-blue);background:var(--msn-blue-soft)}.bottom-search-action{overflow:visible!important}.bottom-search-action .bottom-search-orb{width:48px;height:48px;margin-top:-25px;border-radius:50%;display:grid;place-items:center;background:var(--msn-blue);color:#fff;box-shadow:0 9px 24px rgba(23,105,224,.35);border:4px solid var(--msn-panel);font-size:1.05rem;transition:.18s ease}.bottom-search-action:active .bottom-search-orb{transform:scale(.94)}.bottom-search-action>span:last-child{margin-top:-1px}.msn-drawer{z-index:520}.drawer-backdrop{z-index:510}
}

/* Mobile */
@media(max-width:720px){
  .msn-hero-shell{padding-bottom:6px}.msn-commandbar{height:60px;width:calc(100% - 16px);gap:5px}.msn-brand span small{display:none}.msn-brand img{width:36px;height:36px;border-radius:10px}.desktop-quick{display:none!important}.msn-command-pill{padding-inline:9px;min-width:42px}.msn-action-label{display:none}.msn-search-stage{padding:4px 10px 10px}.msn-welcome-copy{display:none}.msn-search{height:48px;border-radius:14px;box-shadow:none}.msn-search input{font-size:16px}.msn-services{gap:5px;margin-top:9px}.msn-services button,.msn-services a{min-width:70px;padding:7px 6px;border-radius:12px}.msn-services .service-icon{width:34px;height:34px;border-radius:10px}.msn-services button span:last-child,.msn-services a span:last-child{font-size:.65rem}.msn-today-strip{padding-inline:10px;gap:4px}.msn-today-strip .chip{padding:8px 11px;font-size:.76rem}.msn-page-shell{padding:10px 9px calc(96px + var(--et-safe-bottom))}.msn-daily-bar{padding:14px;border-radius:18px}.msn-daily-copy h2{font-size:1.46rem}.msn-daily-copy p{font-size:.75rem}.msn-refresh span{display:none}.msn-refresh{width:42px;padding:0;display:grid;place-items:center}.msn-quick-pulse{margin:10px -1px 14px;display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x mandatory}.msn-quick-pulse button{flex:0 0 148px;grid-template-columns:36px minmax(0,1fr);padding:9px;border-radius:14px}.msn-quick-pulse button>span{width:36px;height:36px;border-radius:11px}.msn-section{margin-top:14px}.msn-section-head{align-items:flex-start}.msn-section-head h2{font-size:1.18rem}.msn-section-head p{font-size:.78rem}.msn-hero-grid{display:block}.msn-lead-story{margin-bottom:8px}.msn-lead-story img{min-height:0;height:230px}.msn-lead-story .msn-story-copy{padding:15px}.msn-lead-story h3{font-size:1.2rem}.msn-side-story{display:grid!important;grid-template-columns:108px minmax(0,1fr);min-height:104px;margin-bottom:7px;border-radius:14px!important}.msn-side-story:nth-child(n+5){display:none!important}.msn-side-story .msn-story-media img{height:100%;min-height:102px}.msn-side-story .msn-story-copy{padding:9px}.msn-side-story h3{font-size:.85rem;line-height:1.25}.msn-personal-grid{grid-template-columns:1fr;gap:7px}.msn-personal-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:108px}.msn-personal-card img{height:100%;min-height:108px}.msn-personal-card .msn-card-body{padding:10px}.msn-personal-card p{display:none}.msn-brief-grid{grid-template-columns:1fr}.msn-feed-grid{grid-template-columns:1fr;gap:7px}.msn-feed-card,.msn-feed-card.wide,.msn-feed-card.compact{display:grid;grid-template-columns:minmax(0,1fr) 116px;grid-column:auto;min-height:126px;border-radius:14px!important}.msn-feed-card .msn-card-media,.msn-feed-card.wide .msn-card-media,.msn-feed-card.compact .msn-card-media{grid-column:2;grid-row:1;height:100%;min-height:126px}.msn-feed-card .msn-card-media img,.msn-feed-card.wide .msn-card-media img,.msn-feed-card.compact .msn-card-media img{height:100%;min-height:126px;object-fit:cover}.msn-feed-card .msn-card-content,.msn-feed-card.wide .msn-card-content,.msn-feed-card.compact .msn-card-content{grid-column:1;grid-row:1;padding:10px}.msn-feed-card p{display:none!important}.msn-feed-card h3,.msn-feed-card.wide h3{font-size:.9rem;line-height:1.25}.msn-card-source-row{font-size:.68rem}.msn-card-footer small{font-size:.64rem}.msn-card-actions button{width:30px;height:30px}.msn-right{grid-template-columns:1fr}.msn-shortcuts-card,.msn-trends-card{display:none}.msn-weather-card{display:block!important}.msn-search-context{padding:13px 14px;border-radius:15px}.msn-search-context h2{font-size:1rem}.msn-search-context p{font-size:.7rem}.kiosk-regions{grid-template-columns:repeat(2,minmax(0,1fr))}.favorite-topic-shelf,.favorite-source-shelf,.source-setting-grid,.visual-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.favorite-row{grid-template-columns:minmax(0,1fr) 100px!important}.collection-layout{grid-template-columns:1fr}.collection-list{display:flex;overflow-x:auto;gap:7px}.collection-item{min-width:150px}.collection-grid{grid-template-columns:1fr}.preferences-screen{padding:0!important}.settings-row{grid-template-columns:1fr!important;gap:12px!important}.article-full-content{padding:0 12px 28px!important}.msn-reader-layout{display:block!important}.msn-reader-rail{display:none!important}.msn-reader-headline{font-size:clamp(1.8rem,9vw,2.65rem)!important}.msn-reader-lead{font-size:1rem!important}.article-modal-body{font-size:1rem;line-height:1.72}.article-modal-body h2{font-size:1.45rem}.article-modal-body h3{font-size:1.2rem}.article-modal-topbar{padding:8px!important}.article-modal-tools{overflow-x:auto!important;scrollbar-width:none}.article-modal-tools::-webkit-scrollbar{display:none}.article-modal-tools>*{flex:0 0 42px!important}.msn-mobile-nav{left:8px;right:8px;bottom:calc(7px + var(--et-safe-bottom));border-radius:20px;min-height:64px;padding:6px}.bottom-item{font-size:.61rem;gap:3px}.bottom-item>i{font-size:1rem}.bottom-search-action .bottom-search-orb{width:46px;height:46px;margin-top:-23px}.toast{max-width:calc(100vw - 24px)!important;bottom:calc(88px + var(--et-safe-bottom))!important}
}
@media(max-width:390px){
  .msn-commandbar .msn-brand span{display:none}.msn-commandbar{gap:3px}.msn-command-pill,.msn-account,.msn-menu-btn{width:38px;min-width:38px;height:38px}.msn-page-shell{padding-inline:7px}.msn-daily-copy h2{font-size:1.32rem}.msn-quick-pulse button{flex-basis:136px}.msn-feed-card,.msn-feed-card.wide,.msn-feed-card.compact{grid-template-columns:minmax(0,1fr) 104px}.msn-feed-card .msn-card-media,.msn-feed-card.wide .msn-card-media,.msn-feed-card.compact .msn-card-media,.msn-feed-card .msn-card-media img,.msn-feed-card.wide .msn-card-media img,.msn-feed-card.compact .msn-card-media img{min-height:118px}.bottom-item span{max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-search-action .bottom-search-orb{width:43px;height:43px}
}
@media(min-width:1600px){.msn-page-shell{grid-template-columns:minmax(0,1fr) 350px}.msn-feed-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.msn-feed-card.wide{grid-column:span 2}.msn-personal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}