:root{--bg:#050505;--surface:#0d0d0d;--surface-2:#131313;--surface-3:#1a1a1a;--text:#f5f7f7;--text-soft:#d5dbda;--muted:#939c99;--border:#292d2c;--brand:#19dfb1;--shadow:0 14px 40px rgba(0,0,0,.22);--danger:#ff6b7a;--info:#5fa9ff;--gold:#ffd166}
html[data-theme="light"]{--bg:#f5f7f7;--surface:#fff;--surface-2:#f0f3f2;--surface-3:#e8edeb;--text:#101514;--text-soft:#27322f;--muted:#64706c;--border:#d9dfdc;--shadow:0 12px 34px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.5}body.drawer-open,body.modal-open{overflow:hidden}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.hidden{display:none!important}.mobile-only{display:none}
.topbar{position:sticky;top:0;z-index:200;background:var(--bg);border-bottom:1px solid var(--border)}.topbar-inner{height:72px;max-width:1480px;margin:auto;display:flex;align-items:center;gap:14px;padding:0 20px}.icon-btn,.avatar-btn{width:42px;height:42px;border:1px solid var(--border);background:var(--surface);border-radius:13px;display:grid;place-items:center;cursor:pointer}.icon-btn:hover,.avatar-btn:hover{border-color:var(--brand)}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.02em;min-width:150px}.brand-logo{width:40px;height:40px;object-fit:cover;border-radius:11px}.brand span{font-size:1.18rem}.search{position:relative;flex:1;max-width:780px;margin:auto}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}.search input{width:100%;height:44px;padding:0 44px;border:1px solid var(--border);border-radius:15px;background:var(--surface);color:var(--text);outline:none}.search input:focus{border-color:var(--brand)}.clear-search{position:absolute;right:6px;top:4px;width:36px;height:36px;background:transparent;border:0;border-radius:10px;cursor:pointer}.top-actions{display:flex;gap:8px;align-items:center}.top-actions #installBtn{color:var(--info)}.top-actions .avatar-btn{color:#f58aa8}
.category-bar{position:sticky;top:72px;z-index:120;display:flex;gap:8px;overflow:auto;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--bg);scrollbar-width:none}.category-bar::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 13px;cursor:pointer;white-space:nowrap;font-weight:700}.chip:hover,.chip.active{border-color:var(--brand);color:var(--text);background:var(--surface-3)}.chip i{color:var(--gold);margin-right:6px}
.layout{max-width:1480px;margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr) 310px;gap:22px;padding:22px 20px 120px}.sidebar{position:sticky;top:106px;height:calc(100vh - 128px);display:flex;flex-direction:column;border-right:1px solid var(--border);padding-right:20px}.sidebar-mobile-head{display:none}.sidebar-head{display:flex;gap:10px;align-items:center;margin:10px 0 24px}.sidebar-logo{width:44px;height:44px;border-radius:12px;object-fit:cover}.sidebar-head strong{display:block}.sidebar-head span{display:block;color:var(--muted);font-size:.78rem;margin-top:3px}.nav-item,.admin-entry{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;margin:4px 0;color:var(--muted)}.nav-item:hover,.nav-item.active,.admin-entry:hover{background:var(--surface-3);color:var(--text)}.nav-item.active{box-shadow:inset 2px 0 0 var(--brand)}.nav-home{color:#60a5fa}.nav-saved{color:var(--gold)}.nav-settings{color:#a78bfa}.nav-account{color:#f58aa8}.nav-featured{color:#ffb347}.admin-entry{margin-top:10px;border:1px solid rgba(255,179,71,.25);background:rgba(255,179,71,.06)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--border);padding-top:16px;display:flex;gap:9px;align-items:center;color:var(--muted);font-size:.82rem}.status-dot{width:8px;height:8px;border-radius:50%;background:#21d59e}
.feed-area{min-width:0}.welcome{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;padding:8px 0 18px}.eyebrow-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eyebrow{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:var(--brand)}.country-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);padding:5px 8px;border-radius:999px;font-size:.74rem;color:var(--muted)}.welcome h1{margin:8px 0 7px;font-size:clamp(1.75rem,4vw,2.8rem);line-height:1.06;letter-spacing:-.03em}.welcome p{margin:0;max-width:760px;color:var(--muted)}.outline-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:800;white-space:nowrap}.outline-btn:hover{border-color:var(--brand)}.icon-refresh{color:#7dd3fc}
.feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.story{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);content-visibility:auto;contain-intrinsic-size:320px}.story-media,.featured-media{position:relative;overflow:hidden;background:var(--surface-2)}.story-media img,.featured-media img{display:block;width:100%;height:210px;object-fit:cover}.story-tag{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:.72rem;font-weight:800}.story-body{padding:15px}.source-row{display:flex;gap:8px;align-items:center;justify-content:space-between;color:var(--muted);font-size:.76rem}.source{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border);color:var(--text-soft);font-weight:800}.story-title-btn{width:100%;display:block;text-align:left;padding:0;margin:8px 0;border:0;background:transparent;color:inherit;cursor:pointer}.story h2,.featured-card h3{margin:0;line-height:1.2;letter-spacing:-.02em}.story h2{font-size:1.12rem}.story-title-btn:hover h2,.story-title-btn:hover h3{color:var(--brand)}.story p{margin:0 0 12px;color:var(--muted);font-size:.9rem}.story-actions,.featured-actions{display:flex;gap:8px;flex-wrap:wrap}.action{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;background:var(--surface-3);color:var(--muted);border-radius:10px;padding:8px 10px;cursor:pointer;font-size:.82rem;font-weight:800}.action:hover,.action.active{border-color:var(--brand);color:var(--text)}.action:disabled{opacity:.55;cursor:not-allowed}.action-save i{color:var(--gold)}.action-share i{color:#56a8ff}.icon-share{color:#56a8ff}.action-read i{color:#a78bfa}.action-feature i{color:#ffb347}.read-link{margin-left:auto;color:var(--text-soft)}.load-wrap{text-align:center;padding:24px}.load-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft);border-radius:13px;padding:11px 18px;cursor:pointer}.load-btn:hover{border-color:var(--brand)}
.trend-rail{min-width:0}.rail-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:var(--shadow)}.rail-card.mini{color:var(--muted)}.rail-title{display:flex;align-items:center;gap:8px;font-weight:900;margin-bottom:10px}.icon-bolt{color:#ffb347}.icon-bell{color:#ff6b9a}.icon-external{color:#9f9df6}.trend{display:grid;grid-template-columns:28px 1fr;gap:9px;width:100%;text-align:left;border:0;background:transparent;color:inherit;padding:10px 7px;border-radius:11px;cursor:pointer}.trend:hover{background:var(--surface-2)}.trend-num{font-weight:900;color:var(--muted)}.trend-text{font-size:.86rem;line-height:1.35}

.home-featured-block{margin:4px 0 18px}.compact-heading{margin-bottom:12px}.section-link{display:inline-flex;align-items:center;gap:7px;color:var(--text-soft);font-size:.82rem;font-weight:900}.section-link:hover{color:var(--brand)}.home-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-featured-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer}.home-featured-card.lead{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr}.home-featured-media{position:relative;background:var(--surface-2);overflow:hidden}.home-featured-media img{display:block;width:100%;height:205px;object-fit:cover}.home-featured-card.lead .home-featured-media img{height:260px}.home-featured-badge{position:absolute;left:10px;top:10px;background:#101010;color:#fff;border:1px solid rgba(255,255,255,.16);padding:5px 8px;border-radius:999px;font-size:.7rem;font-weight:900}.home-featured-badge i{color:#ffb347}.home-featured-body{padding:13px 14px}.home-featured-body h3{margin:7px 0 0;font-size:1.02rem;line-height:1.22;letter-spacing:-.02em}.home-featured-body p{margin:8px 0 0;color:var(--muted);font-size:.84rem}.external-feed-label{display:flex;align-items:center;gap:10px;margin:20px 0 10px;padding:0 2px}.external-feed-label strong{font-size:.9rem}.story-internal{border-color:rgba(255,179,71,.25)}.story-featured-mark{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(255,179,71,.92);color:#161616;font-size:.7rem;font-weight:900}.story-featured-mark i{margin-right:4px}
.featured-view{padding:2px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:15px}.section-heading h2{margin:4px 0 4px;font-size:1.65rem;line-height:1.1}.section-heading p{margin:0;color:var(--muted)}.section-icon{font-size:1.4rem;color:#ffb347}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.featured-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.featured-card.lead{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr}.featured-media{min-height:250px}.featured-card.lead .featured-media{min-height:360px}.featured-media img{height:250px}.featured-card.lead .featured-media img{height:100%;min-height:360px}.featured-badge{position:absolute;top:12px;left:12px;background:#101010;color:#fff;border:1px solid rgba(255,255,255,.16);padding:6px 9px;border-radius:999px;font-size:.72rem;font-weight:900}.featured-badge i{color:#ffb347}.featured-body{padding:17px}.featured-card h3{font-size:1.22rem;margin-top:10px}.featured-card p{color:var(--muted);margin:9px 0 14px}.featured-actions .action{margin:0}
.saved-row{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:10px;margin:10px 0}.saved-row img{width:140px;height:88px;object-fit:cover;border-radius:10px;background:var(--surface-2)}.saved-row h3{margin:8px 0;font-size:1rem}.panel{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:18px}.empty{padding:28px;text-align:center;color:var(--muted)}
.bottom-nav{display:none;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:300;background:var(--surface);border:1px solid var(--border);border-radius:19px;padding:6px;box-shadow:0 16px 34px rgba(0,0,0,.26)}.bottom-item{display:flex;flex:1;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:.63rem;background:transparent;border:0;border-radius:13px;padding:5px 2px;cursor:pointer}.bottom-item i{font-size:1rem}.bottom-item.active{background:var(--surface-3);color:var(--text)}.bottom-item span{font-weight:800}.bottom-item .nav-home{color:#60a5fa}.bottom-item .nav-saved{color:var(--gold)}.bottom-item .nav-featured{color:#ffb347}.bottom-item .nav-account{color:#f58aa8}
.drawer-backdrop{display:none;position:fixed;inset:72px 0 0;background:rgba(0,0,0,.66);z-index:150}.drawer-backdrop.active{display:block}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:600;max-width:min(92vw,560px);background:var(--surface-3);border:1px solid var(--border);color:var(--text);padding:11px 15px;border-radius:12px;box-shadow:var(--shadow)}.offline-badge{position:fixed;right:14px;bottom:14px;z-index:500;background:var(--surface-3);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:.75rem;display:inline-flex;gap:7px;align-items:center}.icon-offline{color:#ff9b71}
.skeleton{height:300px;border-radius:18px;background:var(--surface-2);border:1px solid var(--border);animation:pulse 1.1s infinite alternate}@keyframes pulse{from{opacity:.55}to{opacity:.9}}
.dialog-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:400}.dialog,.article-modal{position:fixed;z-index:410;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,calc(100vw - 24px));max-height:min(90vh,780px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:0 28px 100px rgba(0,0,0,.56)}.dialog{padding:24px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-kicker{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:var(--brand)}.dialog h2{font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.1;margin:12px 0 8px}.dialog>p{color:var(--muted);margin:0 0 20px}.preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preference-choice{display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:16px;padding:14px;text-align:left;cursor:pointer}.preference-choice:hover,.preference-choice.active{border-color:var(--brand);background:var(--surface-3)}.preference-choice i{font-size:1.1rem}.pref-tech i{color:#5cc8ff}.pref-sports i{color:var(--gold)}.pref-business i{color:#c084fc}.pref-health i{color:#ff7a90}.pref-world i{color:#60a5fa}.pref-science i{color:#7ee787}.pref-entertainment i{color:#f78fb3} .pref-politics i{color:#d9a441}.pref-education i{color:#7aa2f7}.pref-environment i{color:#79c267}.pref-lifestyle i{color:#caa8ff}.pref-automotive i{color:#ff7e67}.pref-gaming i{color:#49d6c0}.preference-choice small{color:var(--muted)}.dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.preference-count{color:var(--muted);font-size:.85rem;font-weight:800}.primary-btn,.secondary-btn{border:1px solid var(--border);border-radius:12px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:800}.primary-btn{background:var(--brand);border-color:var(--brand);color:#00130f}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.secondary-btn{background:var(--surface-2);color:var(--text-soft)}.secondary-btn:hover{border-color:var(--brand)}
.article-modal{width:min(820px,calc(100vw - 24px));padding:0}.modal-close{position:absolute;right:14px;top:14px;z-index:3;background:rgba(0,0,0,.68);color:#fff;border-color:rgba(255,255,255,.16)}.modal-media:empty{display:none}.modal-media img{width:100%;max-height:390px;object-fit:cover;display:block}.modal-content{padding:22px}.modal-content h2{font-size:clamp(1.45rem,3.5vw,2.2rem);line-height:1.15;margin:10px 0}.modal-content>p{color:var(--text-soft);line-height:1.65}.external-warning,.internal-banner{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid var(--border);background:var(--surface-2);border-radius:14px;margin:18px 0}.external-warning strong,.internal-banner strong{display:block}.external-warning p{margin:4px 0 0;color:var(--muted);font-size:.85rem}.icon-warning{color:#ffb347}.internal-banner{border-color:rgba(25,223,177,.35);background:rgba(25,223,177,.07)}.internal-banner i{color:var(--brand)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.preferences-open{overflow:hidden}.preferences-screen{position:fixed;inset:0;z-index:360;background:var(--bg);overflow:auto;padding-bottom:40px}.preferences-topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px clamp(14px,3vw,34px);background:var(--bg);border-bottom:1px solid var(--border)}.preferences-title-wrap .eyebrow{display:block;margin-bottom:2px}.preferences-title-wrap h2{margin:0;font-size:1.1rem}.preferences-home-btn{white-space:nowrap}.preferences-content{width:min(940px,calc(100% - 32px));margin:28px auto}.preferences-hero{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid var(--border);border-radius:22px;background:var(--surface);margin-bottom:16px}.preferences-hero-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:rgba(25,223,177,.1);color:var(--brand);font-size:1.25rem}.preferences-hero h3{margin:2px 0 6px;font-size:clamp(1.25rem,3vw,1.8rem)}.preferences-hero p{margin:0;color:var(--muted)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--border)}.settings-row>div:first-child{min-width:0}.settings-row strong{display:block;margin-bottom:3px}.settings-desc{color:var(--muted);font-size:.88rem}.theme-switch,.language-switch button,.topic-setting button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:11px;padding:9px 12px;cursor:pointer;font-weight:800}.theme-switch{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.language-switch{display:flex;gap:8px}.language-switch button.active,.topic-setting button.active{border-color:var(--brand);color:var(--brand)}.topic-setting{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.topic-setting button{display:inline-flex;gap:7px;align-items:center}.install-help-dialog{z-index:430}
@media(max-width:1100px){.layout{grid-template-columns:210px minmax(0,1fr)}.trend-rail{display:none}.feed{grid-template-columns:1fr}.featured-grid{grid-template-columns:1fr}.home-featured-grid{grid-template-columns:1fr}.featured-card.lead,.home-featured-card.lead{grid-column:auto;display:block}.featured-card.lead .featured-media,.featured-card.lead .featured-media img,.home-featured-card.lead .home-featured-media,.home-featured-card.lead .home-featured-media img{height:280px;min-height:280px}}
@media(max-width:800px){.mobile-only{display:grid}.topbar-inner{height:64px;padding:0 12px;gap:9px}.topbar{z-index:220}.brand{min-width:auto}.brand span{display:none}.search{max-width:none}.top-actions #installBtn{display:grid}.top-actions .avatar-btn{width:38px;height:38px}.top-actions .icon-btn{width:38px;height:38px}.category-bar{top:64px;padding:9px 12px}.drawer-backdrop{inset:64px 0 0}.layout{display:block;padding:16px 12px 110px}.sidebar{position:fixed;left:-310px;top:64px;bottom:0;width:min(310px,88vw);height:auto;background:var(--bg);z-index:190;padding:12px 16px 18px;border-right:1px solid var(--border);transition:left .22s ease;overflow:auto}.sidebar.mobile-open{left:0;box-shadow:20px 0 50px rgba(0,0,0,.32)}.sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;padding:4px 0 13px;border-bottom:1px solid var(--border);margin-bottom:8px}.welcome{align-items:flex-start;flex-direction:column;padding-top:3px}.welcome h1{font-size:1.85rem}.outline-btn{width:100%;justify-content:center}.story-media img{height:205px}.story-body{padding:13px}.story p{font-size:.86rem}.story-actions{display:grid;grid-template-columns:1fr 1fr}.story-actions .read-link{grid-column:1/-1;margin-left:0}.featured-card.lead .featured-media,.featured-card.lead .featured-media img{height:230px;min-height:230px}.saved-row{grid-template-columns:88px 1fr}.saved-row img{width:88px;height:70px}.saved-row .action{grid-column:1/-1}.bottom-nav{display:flex}.preference-grid{grid-template-columns:1fr}.dialog{padding:20px}.dialog-foot{align-items:stretch;flex-direction:column}.primary-btn,.secondary-btn{width:100%}.modal-actions{flex-direction:column}.modal-actions>*{width:100%}.modal-media img{max-height:250px}.preferences-topbar{grid-template-columns:auto 1fr auto;padding-top:calc(10px + env(safe-area-inset-top))}.preferences-home-btn{width:42px;height:42px;padding:0}.preferences-home-btn span{display:none}.preferences-content{width:min(calc(100% - 24px),700px);margin:18px auto 100px}.preferences-hero{align-items:flex-start;padding:16px}.settings-row{align-items:flex-start;flex-direction:column}.theme-switch,.language-switch,.topic-setting{width:100%}.language-switch button{flex:1}.topic-setting{justify-content:flex-start}.admin-entry{margin-top:10px}.section-heading{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skeleton{animation:none}}
/* Etando v8 */
.weather-widget{margin:0 0 18px;border:1px solid var(--border);background:var(--surface);border-radius:18px;overflow:hidden}.weather-widget a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;color:var(--text);text-decoration:none}.weather-main{display:flex;align-items:center;gap:13px}.weather-icon{font-size:1.7rem;color:#60a5fa;width:30px;text-align:center}.weather-location{display:block;color:var(--muted);font-size:.78rem;font-weight:800}.weather-temperature{display:block;font-size:1.45rem;line-height:1.1}.weather-meta{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.8rem;text-align:right}.weather-meta i{color:var(--brand)}.smart-section{margin:0 0 24px}.smart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.smart-card{overflow:hidden;border:1px solid var(--border);background:var(--surface);border-radius:18px}.smart-media{height:150px;background:var(--surface-2);position:relative}.smart-media img{width:100%;height:100%;object-fit:cover;display:block}.smart-media>span{position:absolute;left:9px;bottom:9px;background:rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.12);padding:5px 8px;border-radius:999px;font-size:.7rem;font-weight:800}.smart-body{padding:13px}.smart-body h3{margin:7px 0;font-size:1rem;line-height:1.25}.smart-body p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.brief-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.brief-item{display:flex;align-items:flex-start;gap:10px;text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:15px;padding:12px;cursor:pointer}.brief-item:hover{border-color:var(--brand)}.brief-number{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:rgba(25,223,177,.1);color:var(--brand);font-weight:900}.brief-item strong{display:block;font-size:.82rem;line-height:1.35}.brief-item small{display:block;color:var(--muted);margin-top:5px;font-size:.68rem}.reader-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:700}.reader-view{position:fixed;inset:0;z-index:710;background:var(--bg);overflow:auto}.reader-topbar{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px clamp(14px,3vw,42px);background:var(--bg);border-bottom:1px solid var(--border)}.reader-topbar h2{margin:2px 0 0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-tools{display:flex;gap:7px;align-items:center}.reader-tools .secondary-btn{white-space:nowrap}.reader-content{width:min(820px,calc(100% - 30px));margin:32px auto 90px}.reader-meta{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:.8rem;margin-bottom:18px}.reader-meta span{border:1px solid var(--border);border-radius:999px;padding:5px 9px}.reader-image{width:100%;max-height:430px;object-fit:cover;border-radius:18px;margin-bottom:28px}.reader-article{font-size:1.14rem;line-height:1.9;color:var(--text-soft);transition:font-size .15s}.reader-article h2,.reader-article h3{color:var(--text);line-height:1.25;margin:1.7em 0 .65em}.reader-article p{margin:0 0 1.15em}.reader-article blockquote{border-left:3px solid var(--brand);padding-left:18px;color:var(--muted)}.reader-article a{color:var(--brand)}
@media(max-width:1100px){.smart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brief-item:last-child{grid-column:1/-1}}
@media(max-width:800px){.weather-widget a{align-items:flex-start}.weather-meta{max-width:45%}.smart-grid,.brief-grid{grid-template-columns:1fr}.brief-item:last-child{grid-column:auto}.reader-topbar{grid-template-columns:auto minmax(0,1fr);padding-top:calc(10px + env(safe-area-inset-top))}.reader-tools{grid-column:1/-1;justify-content:flex-end}.reader-tools .secondary-btn{flex:1}.reader-content{width:min(100% - 24px,720px);margin-top:20px}.reader-article{font-size:1.08rem}}
.social-share-dialog{z-index:730}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.social-btn{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;padding:11px;text-decoration:none;font-weight:800;cursor:pointer}.social-btn:hover{border-color:var(--brand)}@media(max-width:520px){.social-grid{grid-template-columns:1fr}}

/* Etando v9 similar stories */
.similar-articles{margin-top:28px;padding-top:22px;border-top:1px solid var(--border,#222)}
.similar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.similar-card{display:flex;flex-direction:column;text-align:left;background:var(--panel,#111);border:1px solid var(--border,#222);border-radius:14px;overflow:hidden;padding:0;color:inherit;cursor:pointer}
.similar-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.similar-card span{display:flex;flex-direction:column;gap:5px;padding:10px 11px 12px}.similar-card small{opacity:.65}.similar-card strong{font-size:.9rem;line-height:1.25}
@media(max-width:700px){}

/* Etando v13 — full article experience */
.article-full-modal{position:fixed;inset:0;z-index:620;width:100vw;max-width:none;height:100dvh;max-height:none;transform:none;left:0;top:0;margin:0;padding:0;border:0;border-radius:0;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.article-modal-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px clamp(14px,3vw,42px);background:color-mix(in srgb,var(--bg) 96%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.article-modal-brand{display:flex;align-items:center;gap:14px;min-width:0}.article-modal-brand>span:last-child{font-size:.75rem;font-weight:900;color:var(--brand);border:1px solid var(--border);border-radius:999px;padding:5px 9px}.article-modal-tools{display:flex;align-items:center;gap:7px}.article-modal-tools .secondary-btn{white-space:nowrap}.article-modal-scroll{overflow:auto;scroll-behavior:smooth;overscroll-behavior:contain}.article-full-content{width:min(1050px,calc(100% - 30px));margin:0 auto;padding:42px 0 100px}.article-full-head{width:min(900px,100%);margin:0 auto 28px}.article-full-head .source-row{justify-content:flex-start}.article-full-head h1{font-size:clamp(2rem,5vw,4.2rem);line-height:1.03;letter-spacing:-.035em;margin:16px 0 20px;overflow-wrap:anywhere}.article-full-lead{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65;color:var(--muted);margin:0}.article-gallery{position:relative;width:min(100%,1000px);margin:30px auto 40px}.gallery-stage{background:#050505;border:1px solid var(--border);border-radius:24px;overflow:hidden;display:grid;place-items:center;min-height:300px}.gallery-stage img{width:100%;height:min(66vh,650px);object-fit:contain;display:block}.gallery-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.72);color:#fff;display:grid;place-items:center;cursor:pointer}.gallery-arrow.prev{left:14px}.gallery-arrow.next{right:14px}.gallery-counter{position:absolute;right:16px;top:16px;background:rgba(0,0,0,.72);color:#fff;padding:6px 9px;border-radius:999px;font-size:.75rem;font-weight:900}.gallery-thumbs{display:flex;gap:8px;overflow:auto;padding:10px 2px 2px}.gallery-thumb{flex:0 0 74px;height:54px;border:2px solid transparent;background:var(--surface-2);padding:0;border-radius:9px;overflow:hidden;cursor:pointer;opacity:.7}.gallery-thumb.active{border-color:var(--brand);opacity:1}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.article-body{width:min(820px,100%);margin:34px auto 0;font-size:18px;line-height:1.9;color:var(--text-soft);overflow-wrap:anywhere}.article-body h2,.article-body h3{color:var(--text);line-height:1.2;margin:1.8em 0 .7em}.article-body p{margin:0 0 1.25em}.article-body img{max-width:100%;height:auto;border-radius:16px}.article-body blockquote{border-left:3px solid var(--brand);padding:10px 0 10px 18px;margin:1.4em 0;color:var(--muted)}.article-body a{color:var(--brand)}.article-videos{width:min(900px,100%);margin:42px auto}.article-videos h2{margin:0}.video-frame{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;border:1px solid var(--border);margin-top:12px}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.article-video{width:100%;border-radius:18px;margin-top:12px;background:#000}.article-actions-panel{width:min(820px,100%);margin:40px auto 0;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface);display:flex;gap:10px;flex-wrap:wrap}.article-actions-panel>*{flex:1;min-width:210px}.article-actions-panel .active{border-color:var(--brand);color:var(--brand)}.article-full-modal .similar-articles{width:min(1050px,100%);margin:50px auto 0}.similar-card em{font-style:normal;opacity:.55;font-size:.7rem}.hidden{display:none!important}
@media(max-width:800px){.article-modal-topbar{align-items:flex-start;padding-top:calc(9px + env(safe-area-inset-top));flex-direction:column}.article-modal-brand,.article-modal-tools{width:100%}.article-modal-tools{justify-content:flex-end}.article-modal-tools .secondary-btn{flex:1}.article-full-content{width:min(100% - 20px,760px);padding-top:25px}.article-full-head h1{font-size:clamp(2rem,9vw,3rem)}.gallery-stage{min-height:220px;border-radius:17px}.gallery-stage img{height:42vh}.gallery-arrow{width:38px;height:38px}.article-body{font-size:17px;line-height:1.78}.article-actions-panel{flex-direction:column}.article-actions-panel>*{width:100%}}

/* Etando v17 — lecteur plein écran et cartes similaires */
.article-full-modal .article-modal-scroll{width:100%;height:100%;flex:1;min-height:0;overflow:auto}
.article-full-modal .article-full-content{width:min(1050px,calc(100% - 40px));max-width:1050px;margin:0 auto;padding:42px 0 100px}
.article-full-modal .similar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.article-full-modal .similar-card{display:flex;flex-direction:column;min-width:0;background:var(--surface-2);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease;box-shadow:var(--shadow)}
.article-full-modal .similar-card:hover{transform:translateY(-2px);border-color:var(--brand);background:var(--surface-3)}
.article-full-modal .similar-card img{width:100%;height:155px;aspect-ratio:16/9;object-fit:cover;display:block}
.article-full-modal .similar-card span{display:flex;flex-direction:column;gap:5px;padding:12px;min-width:0}
.article-full-modal .similar-card small{font-size:.7rem;color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.article-full-modal .similar-card strong{font-size:.94rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.article-full-modal .similar-card em{font-style:normal;opacity:.55;font-size:.7rem;margin-top:2px}
@media(max-width:900px){.article-full-modal .article-full-content{width:min(100% - 28px,760px);padding:28px 0 70px}.article-full-modal .similar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.article-full-modal .article-full-content{width:calc(100% - 22px);padding:22px 0 55px}.article-full-modal .similar-grid{grid-template-columns:1fr}.article-full-modal .similar-card{display:grid;grid-template-columns:112px 1fr}.article-full-modal .similar-card img{height:100%;min-height:96px;aspect-ratio:auto}.article-full-modal .similar-card span{padding:10px}.article-full-modal .similar-card strong{-webkit-line-clamp:4}}

/* Etando v19 — responsive Brief, météo enrichie, lecteur éditorial renforcé */
.weather-widget{border-radius:22px;background:var(--surface);box-shadow:var(--shadow);border-color:var(--border)}
.weather-link{display:block;padding:0!important}
.weather-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px 14px}
.weather-main{min-width:0}
.weather-icon-wrap{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border)}
.weather-icon{font-size:1.55rem!important;width:auto!important}
.weather-main-copy{min-width:0}
.weather-temperature-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;margin-top:3px}
.weather-temperature{font-size:1.65rem!important;letter-spacing:-.03em}
.weather-description{font-size:.78rem;color:var(--muted);font-weight:750;text-transform:capitalize}
.weather-link-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;color:var(--brand);flex:0 0 auto}
.weather-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 20px 14px}
.weather-detail{min-width:0;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}
.weather-detail>i{width:24px;text-align:center;color:var(--brand);font-size:.8rem;flex:0 0 auto}
.weather-detail span{min-width:0;display:block}
.weather-detail b{display:block;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.weather-detail small{display:block;margin-top:2px;color:var(--muted);font-size:.64rem;line-height:1.2}
.weather-updated{display:flex;justify-content:space-between;gap:10px;padding:10px 20px;border-top:1px solid var(--border);font-size:.68rem;color:var(--muted)}
.weather-updated span:last-child{color:var(--brand);font-weight:800}

.brief-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch}
.brief-item{position:relative;min-width:0;min-height:122px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:14px;border-radius:17px;background:var(--surface);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.brief-item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.brief-item>span:last-child{min-width:0}
.brief-number{width:31px;height:31px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);font-size:.75rem}
.brief-item strong{font-size:.82rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.brief-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.66rem}

.article-progress-track{position:absolute;left:0;right:0;top:0;height:3px;background:var(--surface-2);z-index:30}
.article-progress-track span{display:block;height:100%;width:0;background:var(--brand);transition:width .1s linear}
.article-context-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.article-context-row .source-row{flex:1;justify-content:flex-end;min-width:240px}
.article-category-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.7rem;font-weight:900;color:var(--brand);text-transform:uppercase;letter-spacing:.06em}
.article-full-head{padding-top:6px}
.article-full-head h1{max-width:950px}
.article-full-lead{max-width:900px}
.gallery-kicker{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;color:var(--muted);font-size:.68rem;font-weight:800}
.gallery-kicker [data-i18n]{color:var(--brand)}
.gallery-shell{position:relative}
.gallery-stage{min-height:340px;border-radius:24px;box-shadow:var(--shadow);touch-action:pan-y;cursor:grab}
.gallery-stage:active{cursor:grabbing}
.gallery-stage img{max-width:100%;transition:opacity .16s ease}
.gallery-dots{display:flex;justify-content:center;gap:6px;margin:10px 0 2px}
.gallery-dot{width:7px;height:7px;border:0;border-radius:99px;padding:0;background:var(--border);cursor:pointer;transition:all .18s ease}
.gallery-dot.active{width:22px;background:var(--brand)}
.gallery-thumbs{padding-top:9px}
.gallery-thumb{flex-basis:82px;height:58px}
.article-videos{border-top:1px solid var(--border);padding-top:22px}
.article-actions-panel{position:sticky;bottom:12px;z-index:8;backdrop-filter:blur(12px);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 18px 50px rgba(0,0,0,.2)}
.article-nav-strip{width:min(820px,100%);margin:42px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.article-nav-btn{position:relative;min-width:0;min-height:94px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:'icon kicker' 'icon title';align-items:center;gap:3px 12px;text-align:left;border:1px solid var(--border);border-radius:17px;padding:13px 15px;background:var(--surface);color:var(--text);cursor:pointer}
.article-nav-btn:hover:not(:disabled){border-color:var(--brand);transform:translateY(-1px)}
.article-nav-btn:disabled{opacity:.4;cursor:not-allowed}
.article-nav-btn>i{grid-area:icon;color:var(--brand);font-size:.9rem}
.article-nav-kicker{grid-area:kicker;font-size:.65rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.article-nav-btn strong{grid-area:title;font-size:.84rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-nav-btn.next{grid-template-columns:1fr auto;grid-template-areas:'kicker icon' 'title icon';text-align:right}
.article-nav-btn.next>i{justify-self:end}
.article-full-modal .similar-articles{padding-top:6px}

@media(max-width:1100px){
  .weather-details{grid-template-columns:repeat(4,minmax(0,1fr))}
  .brief-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .weather-details{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brief-item{min-height:116px}
  .article-context-row .source-row{justify-content:flex-start;min-width:0;flex-basis:100%}
  .article-nav-strip{grid-template-columns:1fr}
  .article-nav-btn.next{text-align:left;grid-template-columns:auto 1fr;grid-template-areas:'icon kicker' 'icon title'}
  .article-nav-btn.next>i{justify-self:start}
}
@media(max-width:600px){
  .weather-head{padding:15px 14px 12px;gap:10px}
  .weather-icon-wrap{width:46px;height:46px;border-radius:13px}
  .weather-temperature{font-size:1.45rem!important}
  .weather-details{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 12px}
  .weather-detail{padding:9px;gap:7px}
  .weather-updated{padding:9px 14px;flex-wrap:wrap}
  .brief-grid{grid-template-columns:1fr;gap:9px}
  .brief-item{min-height:0;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-areas:'num text';align-items:start;padding:12px}
  .brief-number{grid-area:num}
  .brief-item>span:last-child{grid-area:text}
  .brief-item strong{-webkit-line-clamp:3}
  .gallery-kicker{align-items:flex-start;flex-direction:column;gap:3px}
  .gallery-stage{min-height:230px;border-radius:17px}
  .gallery-stage img{height:40vh}
  .gallery-thumb{flex-basis:68px;height:50px}
  .article-actions-panel{position:static;margin-bottom:6px}
  .article-progress-track{height:2px}
}

/* v20 responsive weather + reader + ads */
.weather-link{display:block}.weather-head{padding:18px 20px 12px}.weather-details{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:0 20px 13px}.weather-detail{min-width:0;display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--border);background:var(--surface-2);border-radius:13px}.weather-detail>i{font-size:1rem;color:var(--brand);flex:0 0 auto}.weather-detail span{min-width:0}.weather-detail b,.weather-detail small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weather-detail b{font-size:.9rem}.weather-detail small{color:var(--muted);font-size:.7rem;margin-top:2px}.weather-updated{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 20px 15px;color:var(--muted);font-size:.75rem;border-top:1px solid var(--border)}
.brief-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.brief-item{min-width:0}.brief-item strong{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.brief-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.article-ad-slot{margin:22px 0}.etando-ad-inline{grid-column:1/-1;margin:4px 0}.etando-ad-card{width:min(100%,620px);display:grid;grid-template-columns:108px minmax(0,1fr) auto;align-items:center;gap:13px;padding:11px;border:1px solid var(--border);background:var(--surface-2);border-radius:14px;text-decoration:none;color:var(--text);box-shadow:0 10px 30px rgba(0,0,0,.14)}.etando-ad-card:hover{border-color:var(--brand);transform:translateY(-1px)}.etando-ad-media img{width:108px;height:76px;object-fit:cover;border-radius:9px;display:block}.etando-ad-badge{display:inline-flex;align-items:center;gap:5px;color:#ffb347;font-size:.64rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.etando-ad-body strong{display:block;font-size:.94rem;line-height:1.25;margin-top:2px}.etando-ad-body p{margin:3px 0 0;color:var(--muted);font-size:.79rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.etando-ad-open{font-size:.78rem;color:var(--muted)}.external-confirm-dialog{width:min(540px,calc(100vw - 24px));max-width:540px}.external-confirm-actions{display:grid;grid-template-columns:1fr 1fr}.social-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.article-full-head{max-width:960px}.article-full-lead{font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.85;color:var(--text-soft);max-width:900px}.article-body{max-width:900px;margin:auto;font-size:19px;line-height:1.9}.article-body p{margin:0 0 1.25em}.article-body h2,.article-body h3{margin-top:1.8em;line-height:1.25}.article-context-row{gap:10px}.gallery-stage{box-shadow:0 18px 55px rgba(0,0,0,.22)}
@media(max-width:1100px){.weather-details{grid-template-columns:repeat(4,minmax(0,1fr))}.brief-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.weather-head{padding:15px 14px 12px}.weather-details{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px 12px}.weather-updated{padding:9px 14px;flex-wrap:wrap}.brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brief-item{min-height:116px}.article-full-content{width:min(100% - 28px,900px)!important}.article-full-lead{font-size:1rem;line-height:1.75}.article-body{font-size:17px;line-height:1.8}.external-confirm-actions{grid-template-columns:1fr}.etando-ad-card{grid-template-columns:70px minmax(0,1fr);width:100%}.etando-ad-media img{width:70px;height:54px}.etando-ad-open{display:none}.social-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.weather-details{grid-template-columns:1fr}.brief-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:1fr}.weather-detail{padding:10px}}

.social-btn{min-height:42px;text-decoration:none}.social-svg{width:18px;height:18px;display:block;flex:0 0 auto}.social-btn{justify-content:center}.view-ad-slot{margin:18px 0;min-height:0}.article-ad-slot .etando-ad-card{width:min(100%,560px)}@media(max-width:600px){.social-grid{grid-template-columns:1fr 1fr}.social-btn{width:100%}}


/* v21 — robust responsive weather + article controls */
.weather-widget,.weather-link{min-width:0;max-width:100%;overflow:hidden}
.weather-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}
.weather-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}
.weather-main-copy{min-width:0;overflow:hidden}
.weather-location,.weather-description{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.weather-temperature-line{min-width:0}
.weather-details{width:100%;min-width:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch}
.weather-detail{min-width:0;overflow:hidden}
.weather-detail>span{min-width:0;overflow:hidden}
.weather-detail b,.weather-detail small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.weather-updated{min-width:0}
.weather-updated span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-modal-topbar{min-width:0}
.article-modal-tools{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.article-modal-tools .icon-btn,.article-modal-tools .secondary-btn{flex:0 0 auto}
.article-full-content{min-width:0}
.article-full-head{overflow-wrap:anywhere}
.article-full-head h1{overflow-wrap:anywhere}
.article-full-lead{overflow-wrap:anywhere}
.article-body{overflow-wrap:anywhere}
.article-body img{max-width:100%;height:auto;border-radius:16px}
.article-progress-track{position:absolute;left:0;right:0;top:0;height:3px;z-index:20}
.reader-icon{width:18px;height:18px;display:inline-block;flex:0 0 auto;vertical-align:-.2em}
.reader-icon svg{width:100%;height:100%;display:block;fill:currentColor;stroke:currentColor}
.image-fallback{object-fit:contain!important;background:var(--surface-2)}
@media(max-width:1100px){.weather-details{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){
  .weather-head{align-items:flex-start;gap:10px}
  .weather-main{gap:9px}
  .weather-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .weather-detail{padding:10px}
  .weather-detail>i{width:22px;min-width:22px}
  .weather-updated{align-items:flex-start;flex-direction:column;gap:3px}
  .article-modal-topbar{padding-inline:12px!important;min-height:62px}
  .article-modal-brand{min-width:0;display:flex;flex-direction:column;gap:2px}
  .article-modal-tools{justify-content:flex-end;gap:6px;max-width:70vw}
  .article-modal-tools .secondary-btn span{display:none}
  .article-modal-tools .secondary-btn{width:42px;height:42px;padding:0;display:grid;place-items:center}
  .article-full-content{width:min(100% - 24px,900px)!important;padding-top:26px!important}
  .article-actions-panel{gap:8px;flex-wrap:wrap}
  .article-actions-panel>*{min-width:0;flex:1 1 180px}
}
@media(max-width:520px){
  .weather-head{padding:13px 12px 10px!important}
  .weather-icon-wrap{width:42px!important;height:42px!important}
  .weather-temperature{font-size:1.35rem!important}
  .weather-description{font-size:.7rem}
  .weather-details{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:12px!important;gap:7px}
  .weather-detail{min-height:58px;padding:8px;gap:6px;border-radius:11px}
  .weather-detail>i{font-size:.85rem;width:20px;min-width:20px}
  .weather-detail b{font-size:.78rem}
  .weather-detail small{font-size:.58rem}
  .weather-updated{padding:8px 12px 10px!important;font-size:.64rem}
  .article-modal-tools .icon-btn{width:38px;height:38px}
  .article-full-content{width:min(100% - 16px,900px)!important}
  .article-full-head h1{font-size:clamp(1.7rem,9vw,2.55rem)}
  .article-full-lead{font-size:.97rem;line-height:1.7}
  .article-body{font-size:17px!important;line-height:1.8}
}
@media(max-width:360px){
  .weather-details{grid-template-columns:1fr}
  .article-modal-tools{max-width:100%;justify-content:flex-start}
  .article-modal-brand{display:none}
}

/* Final responsive hardening */
.weather-details{grid-auto-flow:row dense}.weather-detail{width:100%;max-width:100%}.weather-detail *{max-width:100%}.weather-head>*{min-width:0}.weather-link-icon{align-self:center}
@media(max-width:767px){.weather-details{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:359px){.weather-details{grid-template-columns:1fr!important}.weather-detail{min-height:54px}}


/* v22 final — compact 3-metric weather widget, responsive without overflow */
.weather-widget,.weather-link,.weather-details,.weather-head,.weather-updated{width:100%;min-width:0;max-width:100%}
.weather-details{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px;padding:0 18px 12px!important;align-items:stretch}
.weather-detail{min-width:0!important;max-width:100%;overflow:hidden;display:flex;align-items:center;gap:9px;padding:10px!important}
.weather-detail>i{flex:0 0 22px;width:22px;min-width:22px;text-align:center}
.weather-detail>span{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden}
.weather-detail b,.weather-detail small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.weather-detail b{font-size:clamp(.72rem,.8vw,.9rem)}
.weather-detail small{font-size:clamp(.57rem,.65vw,.68rem);line-height:1.2}
.weather-updated{box-sizing:border-box;display:flex;justify-content:space-between;gap:8px;align-items:center;overflow:hidden}
.weather-updated>*{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){
  .weather-details{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px;padding-inline:14px!important}
  .weather-detail{padding:9px!important;gap:7px}
  .weather-detail>i{flex-basis:20px;width:20px;min-width:20px}
}
@media(max-width:640px){
  .weather-details{grid-template-columns:1fr!important;gap:7px;padding-inline:12px!important}
  .weather-detail{min-height:54px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center}
  .weather-detail b,.weather-detail small{white-space:normal;text-overflow:clip;overflow-wrap:anywhere}
  .weather-updated{padding-inline:12px!important}
}


/* v25.1 — météo accueil : uniquement marque, titre, ville, température et ouverture */
#weatherWidget.weather-widget{display:block;width:100%;max-width:100%;min-width:0;margin:0 0 18px;border:1px solid var(--border);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}
#weatherWidget .weather-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;min-width:0;padding:13px 15px!important;text-decoration:none;color:var(--text);overflow:hidden}
#weatherWidget .weather-brand-block{display:flex;align-items:center;gap:11px;min-width:0;overflow:hidden}
#weatherWidget .weather-itabba-logo{width:42px;height:42px;flex:0 0 42px;border-radius:11px;object-fit:contain;background:var(--surface-2);border:1px solid var(--border);padding:4px}
#weatherWidget .weather-heading-copy{min-width:0;display:flex;flex-direction:column;gap:2px;overflow:hidden}
#weatherWidget .weather-title{font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}
#weatherWidget .weather-location{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.93rem;font-weight:850;color:var(--text)}
#weatherWidget .weather-current-block{display:flex;align-items:center;gap:10px;min-width:0}
#weatherWidget .weather-temperature-row{display:flex;align-items:center;gap:8px;min-width:0}
#weatherWidget .weather-icon-wrap{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}
#weatherWidget .weather-icon{font-size:1.05rem!important;color:var(--brand)}
#weatherWidget .weather-temperature{font-size:clamp(1.2rem,2.5vw,1.65rem);line-height:1;font-weight:950;letter-spacing:-.04em;white-space:nowrap}
#weatherWidget .weather-open-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;color:var(--brand);border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}
#weatherWidget .weather-open-icon i{font-size:.9rem}
#weatherWidget .weather-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
@media (max-width:720px){
  #weatherWidget .weather-link{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px 12px!important}
  #weatherWidget .weather-itabba-logo{width:38px;height:38px;flex-basis:38px}
  #weatherWidget .weather-brand-block{gap:9px}
  #weatherWidget .weather-current-block{gap:7px}
  #weatherWidget .weather-icon-wrap,#weatherWidget .weather-open-icon{width:34px;height:34px;flex-basis:34px}
  #weatherWidget .weather-temperature{font-size:1.25rem}
}
@media (max-width:390px){
  #weatherWidget .weather-link{padding:10px!important;gap:8px}
  #weatherWidget .weather-itabba-logo{width:34px;height:34px;flex-basis:34px}
  #weatherWidget .weather-title{font-size:.64rem}
  #weatherWidget .weather-location{font-size:.82rem}
  #weatherWidget .weather-temperature{font-size:1.12rem}
  #weatherWidget .weather-icon-wrap,#weatherWidget .weather-open-icon{width:31px;height:31px;flex-basis:31px}
  #weatherWidget .weather-current-block{gap:5px}
}

/* v25.2 — confirmation de sortie toujours au-dessus du lecteur */
#externalConfirmBackdrop.dialog-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2147483646!important;background:rgba(0,0,0,.84)!important;backdrop-filter:blur(8px)}
#externalConfirmDialog.external-confirm-dialog{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:2147483647!important;width:min(540px,calc(100vw - 24px))!important;max-width:540px!important;max-height:90dvh!important;overflow:auto!important}
body.modal-open{overflow:hidden}


/* v27 — transitions between reader articles */
#articleModal .article-full-content.reader-swap-out-left{animation:etandoReaderOutLeft .17s ease both!important;will-change:transform,opacity}
#articleModal .article-full-content.reader-swap-out-right{animation:etandoReaderOutRight .17s ease both!important;will-change:transform,opacity}
#articleModal .article-full-content.reader-swap-enter-active-from-left{animation:etandoReaderInFromLeft .28s cubic-bezier(.22,.75,.25,1) both!important;will-change:transform,opacity}
#articleModal .article-full-content.reader-swap-enter-active-from-right{animation:etandoReaderInFromRight .28s cubic-bezier(.22,.75,.25,1) both!important;will-change:transform,opacity}
@keyframes etandoReaderOutLeft{to{opacity:0;transform:translate3d(-34px,0,0)}}
@keyframes etandoReaderOutRight{to{opacity:0;transform:translate3d(34px,0,0)}}
@keyframes etandoReaderInFromLeft{from{opacity:0;transform:translate3d(-34px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes etandoReaderInFromRight{from{opacity:0;transform:translate3d(34px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){#articleModal .article-full-content.reader-swap-out-left,#articleModal .article-full-content.reader-swap-out-right,#articleModal .article-full-content.reader-swap-enter-active-from-left,#articleModal .article-full-content.reader-swap-enter-active-from-right{animation:none!important}}

/* v28 feed advertisements: fixed top/bottom slots, responsive and stable insertion */
.feed-ad-slot{display:block;width:100%;min-height:0;margin:0 0 14px}
.feed-ad-slot + .feed{margin-top:0}
.etando-ad-inline{width:100%;margin:0}
.etando-ad-inline .etando-ad-card{width:100%;max-width:none;grid-template-columns:140px minmax(0,1fr) auto;padding:13px 15px;border-radius:16px}
.etando-ad-inline .etando-ad-media img{width:140px;height:88px;border-radius:11px}
.article-ad-slot-top{margin:0 0 28px}
.article-ad-slot-bottom{margin:28px 0 0}
.article-body ul,.article-body ol{padding-left:1.45em;margin:0 0 1.3em}
.article-body li{margin:.45em 0}
.article-body h2{font-size:clamp(1.45rem,3vw,2rem)}
.article-body h3{font-size:clamp(1.15rem,2.2vw,1.5rem)}
.article-body strong{color:var(--text);font-weight:850}
.article-body em{color:var(--soft)}
.article-body blockquote{background:var(--surface-2);border-radius:0 14px 14px 0;padding:16px 20px}
.article-body a{text-decoration:underline;text-underline-offset:2px}
.reader-swap-out-left,.reader-swap-out-right,.reader-swap-in-left,.reader-swap-in-right{will-change:transform,opacity}
@media(max-width:800px){.etando-ad-inline .etando-ad-card{grid-template-columns:82px minmax(0,1fr);padding:10px;gap:10px}.etando-ad-inline .etando-ad-media img{width:82px;height:62px}.article-ad-slot-top{margin-bottom:20px}.article-ad-slot-bottom{margin-top:22px}}

/* v29 — partage social : icônes inline, lisibles sur tous les navigateurs */
.share-dialog-layer{z-index:2147483640!important;position:fixed!important;inset:0!important}
.social-share-dialog{z-index:2147483641!important;width:min(720px,calc(100vw - 24px));max-height:min(88vh,760px);overflow:auto}
.social-share-dialog .dialog-head{align-items:flex-start;gap:14px}
.social-share-dialog .dialog-head h2{margin:5px 0 0}
.social-grid-branded{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.social-grid-branded .social-btn{min-height:58px;padding:12px 14px;justify-content:flex-start;border-radius:16px;font-size:.92rem}
.social-grid-branded .social-svg{width:24px;height:24px;flex:0 0 24px}
.social-grid-branded .social-btn .social-svg{color:currentColor}
.social-grid-branded .social-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.social-whatsapp{color:#22c55e}.social-facebook{color:#60a5fa}.social-x{color:#f5f8f7}.social-telegram{color:#38bdf8}.social-linkedin{color:#60a5fa}.social-copy{color:var(--brand)}.social-native{color:#c4b5fd}
@media(max-width:560px){.social-share-dialog{padding:18px}.social-grid-branded{grid-template-columns:1fr}.social-grid-branded .social-btn{min-height:54px}.social-share-dialog .dialog-head{position:sticky;top:-18px;margin:-18px -18px 10px;padding:18px;background:var(--surface);z-index:2;border-bottom:1px solid var(--border)}}


/* v30 — lecteur premium: header détaillé + navigation tactile par glissement */
.article-modal-topbar{
  position:sticky;
  top:0;
  z-index:30;
  min-height:70px;
  padding:10px 16px;
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--bg) 92%,transparent);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.article-modal-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.reader-brand-mark{width:38px;height:38px;flex:0 0 38px;border-radius:11px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2);display:grid;place-items:center}
.reader-brand-mark img{width:100%;height:100%;object-fit:cover;display:block}
.reader-brand-copy{min-width:0;display:flex;flex-direction:column;gap:1px}
.reader-brand-copy .eyebrow{font-size:.65rem;letter-spacing:.14em;opacity:.7;font-weight:900}
.reader-brand-copy strong{font-size:.82rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:28vw}
.reader-brand-copy small{font-size:.67rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:32vw}
.reader-swipe-hint{font-size:.66rem;color:var(--muted);padding:5px 8px;border:1px solid var(--border);border-radius:999px;white-space:nowrap}
.article-modal-tools{position:relative;z-index:35}
.article-modal-scroll{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
.article-full-content{transition:transform .18s ease,opacity .18s ease}
@media(max-width:900px){
  .reader-swipe-hint{display:none}
  .reader-brand-copy strong{max-width:34vw}
  .reader-brand-copy small{max-width:40vw}
}
@media(max-width:600px){
  .article-modal-topbar{padding:8px 10px;min-height:60px}
  .reader-brand-mark{width:34px;height:34px;flex-basis:34px;border-radius:9px}
  .reader-brand-copy .eyebrow{font-size:.58rem}
  .reader-brand-copy strong{font-size:.75rem;max-width:33vw}
  .reader-brand-copy small{font-size:.61rem;max-width:33vw}
  #modalReadingProgress{font-size:.68rem!important;padding:4px 7px!important}
}
@media(prefers-reduced-motion:reduce){.article-full-content{transition:none!important}}

/* v31 — lecteur premium, barre d’actions pleine largeur et PWA enrichie */
.article-full-modal .article-modal-topbar{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,2.1fr);align-items:center;width:100%;gap:18px;padding-inline:clamp(14px,3vw,42px)}
.article-full-modal .article-modal-brand{min-width:0;width:100%}
.article-full-modal .article-modal-tools{width:100%;display:grid;grid-template-columns:repeat(10,minmax(42px,1fr));gap:7px;align-items:center}
.article-full-modal .article-modal-tools>*{min-width:0;width:100%;justify-content:center}
.article-full-modal .article-modal-tools .secondary-btn{padding-inline:10px}
.article-full-modal .reader-home-btn{color:var(--brand);text-decoration:none}
.reader-insights{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-size:.75rem;font-weight:750}
.reader-insights span{padding:6px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}
.reader-outline{width:min(820px,100%);margin:28px auto 8px;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}
.reader-outline-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.reader-outline-head strong{font-size:.95rem}.reader-outline nav{display:flex;flex-wrap:wrap;gap:7px}.reader-outline a{display:inline-flex;padding:8px 10px;border:1px solid var(--border);border-radius:10px;color:var(--text);text-decoration:none;font-size:.78rem}.reader-outline a:hover{border-color:var(--brand);color:var(--brand)}
.article-body figure{margin:1.7em 0}.article-body figcaption{font-size:.78rem;color:var(--muted);margin-top:7px;text-align:center}.article-body table{width:100%;border-collapse:collapse;margin:1.6em 0;display:block;overflow:auto}.article-body th,.article-body td{border:1px solid var(--border);padding:9px 11px;text-align:left}.article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface-2);padding:.15em .35em;border-radius:5px}.article-body pre{overflow:auto;padding:16px;border-radius:14px;background:#050505;border:1px solid var(--border)}
@media(max-width:900px){.article-full-modal .article-modal-topbar{grid-template-columns:1fr}.article-full-modal .article-modal-tools{grid-template-columns:repeat(10,minmax(38px,1fr))}.article-full-modal .article-modal-brand{display:flex}.article-full-modal .article-modal-tools .secondary-btn span{display:none}.reader-insights{margin-top:14px}}
@media(max-width:600px){.article-full-modal .article-modal-tools{grid-template-columns:repeat(5,minmax(40px,1fr));gap:6px}.article-full-modal .article-modal-tools>*{height:40px}.article-full-modal .article-modal-tools .secondary-btn{width:100%;padding:0}.reader-insights span{font-size:.68rem;padding:5px 7px}.reader-outline{margin-top:20px;padding:12px}}

/* v31.03 — World / Stories / Collections + reader shell */
.nav-item-button{border:0;background:transparent;color:inherit;width:100%;text-align:left;cursor:pointer;font:inherit}
.special-view{width:100%;padding:clamp(16px,3vw,34px) 0 90px}.special-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.special-topbar h2{margin:5px 0 7px;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.03em}.special-topbar p{margin:0;color:var(--muted);max-width:720px}.special-actions{display:flex;gap:8px;flex-wrap:wrap}.special-home{white-space:nowrap}
.world-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px;border:1px solid var(--border);border-radius:24px;background:var(--surface);margin-bottom:16px}.world-hero h3{font-size:clamp(1.4rem,3vw,2.2rem);margin:8px 0}.world-hero p{color:var(--muted);margin:0}.world-globe{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface-2);font-size:3rem;color:var(--brand)}.world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.world-region{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.world-region:hover,.world-region:focus-visible{border-color:var(--brand);transform:translateY(-1px)}.world-region-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--surface-2);color:var(--brand)}.world-region strong,.world-region small{display:block}.world-region small{margin-top:3px;color:var(--muted);font-size:.72rem}.world-results{margin-top:28px}.world-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.world-card{border:1px solid var(--border);border-radius:17px;background:var(--surface);overflow:hidden}.world-card button{width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.world-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.world-card div{padding:13px}.world-card span,.world-card small{color:var(--muted);font-size:.7rem}.world-card h4{margin:6px 0;font-size:1rem;line-height:1.3}.world-empty{min-height:230px;border:1px dashed var(--border);border-radius:22px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center}.world-empty i{font-size:2.2rem;color:var(--brand)}
.stories-progress{height:4px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin-bottom:12px}.stories-progress span{display:block;height:100%;width:0;background:var(--brand);transition:width .25s ease}.stories-stage{min-height:min(76vh,760px);display:grid;place-items:center}.story-slide{position:relative;width:min(680px,100%);height:min(76vh,760px);border-radius:28px;overflow:hidden;background:#050505;border:1px solid var(--border);box-shadow:0 30px 90px rgba(0,0,0,.32)}.story-slide-media,.story-slide-media>img{position:absolute;inset:0;width:100%;height:100%}.story-slide-media>img{object-fit:cover}.story-slide-shade{position:absolute;inset:0;background:rgba(0,0,0,.58)}.story-slide-content{position:absolute;left:0;right:0;bottom:0;padding:clamp(20px,5vw,42px);color:#fff}.story-slide-content h2{font-size:clamp(1.7rem,5vw,3rem);line-height:1.04;margin:10px 0}.story-slide-content p{color:rgba(255,255,255,.8);line-height:1.6}.story-slide-source{display:block;margin-top:10px;font-size:.78rem;color:rgba(255,255,255,.68)}.story-slide-actions{display:flex;gap:8px;flex-wrap:wrap}.story-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;cursor:pointer}.story-nav.prev{left:14px}.story-nav.next{right:14px}
.collection-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px}.collection-list,.collection-detail{border:1px solid var(--border);border-radius:20px;background:var(--surface);padding:12px}.collection-list{align-self:start;display:grid;gap:6px}.collection-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid transparent;border-radius:13px;padding:11px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.collection-item span{display:flex;align-items:center;gap:9px;min-width:0}.collection-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-item b{font-size:.72rem;color:var(--muted)}.collection-item.active{background:var(--surface-2);border-color:var(--border);color:var(--brand)}.collection-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.collection-detail-head h3{margin:5px 0 0;font-size:1.5rem}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.collection-card{position:relative;border:1px solid var(--border);border-radius:15px;overflow:hidden;background:var(--surface-2)}.collection-card>button:first-child{display:block;width:100%;border:0;background:none;color:inherit;text-align:left;padding:0;cursor:pointer}.collection-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.collection-card div{padding:12px}.collection-card span,.collection-card small{color:var(--muted);font-size:.7rem}.collection-card h4{margin:5px 0;font-size:.94rem;line-height:1.3}.collection-remove{position:absolute;right:8px;top:8px;width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(0,0,0,.65);color:#fff;cursor:pointer}
.article-full-modal .article-modal-topbar{grid-template-columns:minmax(180px,.8fr) minmax(0,3.2fr)}.article-full-modal .article-modal-tools{grid-template-columns:repeat(11,minmax(40px,1fr));width:100%}.article-full-modal .article-modal-tools>*{min-width:0}.article-full-modal .article-modal-tools .secondary-btn span{white-space:nowrap}.reader-home-btn{color:var(--brand)}
@media(max-width:1100px){.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-full-modal .article-modal-tools{grid-template-columns:repeat(11,minmax(36px,1fr))}}
@media(max-width:800px){.special-topbar{align-items:flex-start;flex-direction:column}.special-actions{width:100%}.world-hero{padding:20px}.world-grid,.world-results-grid,.collection-grid{grid-template-columns:1fr}.collection-layout{grid-template-columns:1fr}.collection-list{display:flex;overflow:auto}.collection-item{flex:0 0 auto}.story-slide{height:70vh;border-radius:20px}.story-nav{width:40px;height:40px}.article-full-modal .article-modal-topbar{grid-template-columns:1fr}.article-full-modal .article-modal-tools{grid-template-columns:repeat(6,minmax(38px,1fr));width:100%}.article-full-modal .article-modal-tools .secondary-btn span{display:none}}
@media(max-width:520px){.world-hero{align-items:flex-start}.world-globe{width:68px;height:68px;font-size:2rem;flex:0 0 68px}.world-grid{gap:8px}.world-region{padding:11px}.story-slide{height:68vh}.story-slide-content{padding:20px}.article-full-modal .article-modal-tools{grid-template-columns:repeat(5,minmax(38px,1fr))}}

/* v33 — responsive navigation + home-like reader + immersive stories + richer World */
.article-full-modal .reader-home-like{
  position:sticky;top:0;z-index:30;display:grid;gap:10px;width:100%;padding:10px clamp(10px,2vw,24px);
  background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 8px 26px rgba(0,0,0,.14);
}
.article-full-modal .reader-head-main{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0}
.article-full-modal .reader-brand-cluster{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.article-full-modal .reader-home-link{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);text-decoration:none}
.article-full-modal .reader-home-link:hover{border-color:var(--brand);color:var(--brand)}
.article-full-modal .reader-brand-mark{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}
.article-full-modal .reader-brand-mark img{width:100%;height:100%;object-fit:cover}
.article-full-modal .reader-brand-copy{min-width:0;display:grid;gap:2px}
.article-full-modal .reader-brand-copy strong,.article-full-modal .reader-brand-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-full-modal .reader-brand-copy strong{font-size:.95rem}.article-full-modal .reader-brand-copy small{font-size:.73rem;color:var(--muted)}
.reader-swipe-hint{font-size:.7rem;color:var(--muted);white-space:nowrap;margin-left:6px}
.reader-head-status{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.reader-status-pill,.reader-progress-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:7px 10px;background:var(--surface-2);font-size:.72rem;font-weight:850;white-space:nowrap}
.reader-status-pill{color:var(--brand)}
.reader-progress-pill{color:var(--text)}
.article-full-modal .reader-action-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;width:100%;align-items:stretch}
.article-full-modal .reader-action-grid > *{min-width:0;width:100%;height:42px}
.article-full-modal .reader-action-grid .secondary-btn{padding-inline:8px}
.article-full-modal .reader-action-grid .secondary-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-full-modal .reader-action-grid .icon-btn,
.article-full-modal .reader-action-grid .secondary-btn{display:flex;align-items:center;justify-content:center;gap:6px}
.reader-type-icon{font-weight:950;font-size:1rem;line-height:1}.reader-type-icon.large{font-size:1.07rem}
@media(max-width:900px){
  .article-full-modal .reader-head-main{align-items:flex-start}.reader-swipe-hint{display:none}
  .reader-head-status{display:none}
  .article-full-modal .reader-action-grid{grid-template-columns:repeat(10,minmax(34px,1fr));gap:6px}
  .article-full-modal .reader-action-grid .secondary-btn span{display:none}
}
@media(max-width:640px){
  .article-full-modal .reader-home-link{width:38px;height:38px;flex-basis:38px;border-radius:10px}
  .article-full-modal .reader-brand-mark{width:34px;height:34px;flex-basis:34px}.article-full-modal .reader-brand-copy strong{font-size:.84rem}.article-full-modal .reader-brand-copy small{font-size:.65rem}
  .article-full-modal .reader-action-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.article-full-modal .reader-action-grid > *{height:40px}
}

/* Mobile bottom navigation: icon only, compact, accessible labels through aria/title */
@media(max-width:800px){
  .bottom-nav{left:6px;right:6px;bottom:calc(7px + env(safe-area-inset-bottom));padding:6px;gap:4px;min-height:58px;border-radius:18px}
  .bottom-item{min-width:0;min-height:46px;height:46px;padding:0;gap:0;border-radius:13px;justify-content:center}
  .bottom-item i{font-size:1.08rem;line-height:1}
  .bottom-item span{display:none!important}
  .bottom-item.active{background:var(--surface-2);color:var(--brand)}
}

/* Full-screen Stories fallback + real Fullscreen API */
.stories-view.stories-immersive{position:fixed;inset:0;z-index:2147483000;width:100vw;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden;padding:0;background:#000}
.stories-view.stories-immersive .stories-topbar{position:absolute;top:0;left:0;right:0;z-index:8;margin:0;padding:12px max(12px,env(safe-area-inset-left)) 12px max(12px,env(safe-area-inset-right));background:rgba(0,0,0,.88);border-bottom:1px solid rgba(255,255,255,.12);color:#fff}
.stories-view.stories-immersive .stories-topbar h2{margin:3px 0 0;color:#fff;font-size:clamp(1.25rem,3vw,2rem)}
.stories-view.stories-immersive .stories-topbar p{display:none}.stories-view.stories-immersive .stories-topbar .eyebrow{color:rgba(255,255,255,.65)}
.stories-view.stories-immersive .stories-top-actions{display:flex;align-items:center;gap:7px}.stories-view.stories-immersive .stories-top-actions .special-home{background:#fff;color:#000;border-color:#fff}
.stories-view.stories-immersive .stories-progress{position:absolute;left:12px;right:12px;top:72px;z-index:9;margin:0;background:rgba(255,255,255,.16)}
.stories-view.stories-immersive .stories-stage{width:100%;height:100dvh;min-height:100dvh;display:grid;place-items:center;margin:0;padding:0}
.stories-view.stories-immersive .story-slide{width:100%;height:100%;min-height:100dvh;border:0;border-radius:0;box-shadow:none}
.stories-view.stories-immersive .story-nav{z-index:12}

/* Richer World layout */
.world-command-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 14px;padding:11px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);font-size:.74rem;color:var(--muted)}
.world-live,.world-command-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.world-live strong{color:var(--text);font-size:.72rem;letter-spacing:.08em}.world-live-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}
.world-command-meta span{display:inline-flex;align-items:center;gap:5px}
.world-hero-pro{min-height:250px;padding:clamp(20px,4vw,34px);overflow:hidden}
.world-hero-copy{min-width:0;flex:1}.world-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.world-mini-action{border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:9px 12px;border-radius:11px;font:inherit;font-weight:850;cursor:pointer}.world-mini-action:hover{border-color:var(--brand);color:var(--brand)}
.world-orbit{position:relative;flex:0 0 260px;width:260px;height:220px;display:grid;place-items:center}.world-orbit-ring{position:absolute;border:1px solid var(--border);border-radius:50%;transform:rotate(-15deg)}.world-orbit-ring.ring-a{width:190px;height:110px}.world-orbit-ring.ring-b{width:230px;height:145px;transform:rotate(22deg)}.world-globe{position:relative;z-index:2;width:108px;height:108px;font-size:3.3rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--brand);background:var(--surface-2);color:var(--brand)}.world-orbit-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--brand)}.world-orbit-dot.dot-a{top:25px;left:66px}.world-orbit-dot.dot-b{right:42px;bottom:33px}.world-orbit-dot.dot-c{left:27px;bottom:55px}
.world-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0 26px}.world-metric{border:1px solid var(--border);border-radius:15px;background:var(--surface);padding:13px}.world-metric span,.world-metric small{display:block;color:var(--muted);font-size:.68rem}.world-metric strong{display:block;margin:6px 0 2px;font-size:1.3rem}.world-section-head{margin:10px 0 10px}.world-section-head h3{margin:5px 0 4px}.world-section-head p{margin:0;color:var(--muted);font-size:.8rem}.world-country-row{display:flex;gap:7px;overflow:auto;padding:3px 0 6px;margin:0 0 18px}.world-country-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 11px;font:inherit;font-size:.74rem;font-weight:850;cursor:pointer}.world-country-chip:hover{border-color:var(--brand);color:var(--brand)}
.world-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.world-focus-card{border:1px solid var(--border);border-radius:16px;padding:13px;background:var(--surface)}.world-focus-card .eyebrow{font-size:.63rem}.world-focus-card strong{display:block;margin-top:7px;font-size:.92rem}.world-focus-card p{margin:5px 0 0;color:var(--muted);font-size:.74rem;line-height:1.5}.world-focus-card button{margin-top:9px;border:0;background:none;padding:0;color:var(--brand);font-weight:900;cursor:pointer;font:inherit}
.world-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.world-result-lead{grid-column:span 2}.world-result-lead .world-card h4{font-size:1.25rem}.world-loading{display:flex;align-items:center;gap:8px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2);color:var(--muted)}
@media(max-width:1000px){.world-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-focus-grid{grid-template-columns:1fr 1fr}.world-result-lead{grid-column:auto}.world-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.world-orbit{display:none}.world-hero-pro{min-height:0}.world-focus-grid,.world-results-grid{grid-template-columns:1fr}.world-overview-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.world-overview-grid{grid-template-columns:1fr}.world-command-meta{display:none}}


/* v34 — search reliability + World defaults */
.search-submit{appearance:none;border:0;background:transparent;color:inherit;display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;cursor:pointer;border-radius:12px}
.search-submit:hover,.search-submit:focus-visible{background:rgba(127,255,219,.10);outline:none}.search-submit .search-icon{position:static;margin:0}
.world-focus-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin:8px 0 12px;background:#101010}
.world-results .section-heading .secondary-btn{white-space:nowrap}.world-results-grid .world-card>button{width:100%;text-align:left;display:grid;grid-template-columns:minmax(150px,30%) minmax(0,1fr);gap:18px;align-items:start}.world-results-grid .world-card>button>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px}.world-results-grid .world-card>button>div{min-width:0}.world-results-grid .world-card>button h4{margin:5px 0 8px}.world-results-grid .world-card>button small{display:block;line-height:1.5}
@media(max-width:700px){.search-submit{width:38px;flex-basis:38px}.world-results .section-heading{align-items:flex-start}.world-results-grid .world-card>button{grid-template-columns:1fr;gap:10px}.world-results-grid .world-card>button>img{aspect-ratio:16/9}.world-focus-card img{border-radius:13px}}


/* v35.03 — viewport-safe header system */
html,body{max-width:100%;overflow-x:hidden}
.topbar{left:0;right:0;width:100%;max-width:none}
.topbar-inner{width:100%;max-width:none;padding-inline:clamp(10px,2vw,28px)}
.brand,.search,.top-actions{min-width:0}
.search{width:100%}
.top-actions{flex:0 0 auto}
.article-full-modal .article-modal-topbar{width:100vw;max-width:none;min-width:0;margin:0;left:0;right:0;padding-inline:clamp(10px,2vw,30px);grid-template-columns:minmax(230px,.82fr) minmax(0,2.18fr);gap:14px}
.article-full-modal .reader-head-main{min-width:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}
.article-full-modal .reader-brand-cluster{min-width:0;display:flex;align-items:center;gap:9px;flex:1}
.article-full-modal .reader-head-status{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.article-full-modal .reader-action-grid{width:100%;max-width:none;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}
.article-full-modal .reader-action-grid>*{min-width:0;width:100%}
.article-full-modal .reader-action-grid .secondary-btn span{overflow:hidden;text-overflow:ellipsis}
.bottom-nav{width:calc(100% - 12px);max-width:none}
@media(max-width:900px){
  .topbar-inner{height:64px;padding-inline:10px;gap:8px}
  .top-actions{gap:6px}
  .category-bar{top:64px;padding-inline:10px}
  .article-full-modal .article-modal-topbar{display:block;padding-top:calc(7px + env(safe-area-inset-top));padding-bottom:7px;min-height:0}
  .article-full-modal .reader-head-main{width:100%;margin-bottom:7px}
  .article-full-modal .reader-action-grid{grid-template-columns:repeat(10,minmax(34px,1fr));gap:5px}
  .article-full-modal .reader-action-grid .secondary-btn span{display:none}
  .article-full-modal .reader-action-grid>*{height:40px}
}
@media(max-width:600px){
  .topbar-inner{height:60px;padding-inline:8px}
  .brand{flex:0 0 auto}.brand-logo{width:36px;height:36px}.brand span{display:none}
  .search input{height:40px;padding-left:40px;padding-right:38px;border-radius:13px}
  .top-actions .icon-btn,.top-actions .avatar-btn,#installBtn{width:38px;height:38px}
  .article-full-modal .article-modal-topbar{padding-inline:8px}
  .article-full-modal .reader-brand-copy{max-width:46vw}
  .article-full-modal .reader-head-status{gap:4px}
  .article-full-modal .reader-action-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
  .article-full-modal .reader-action-grid>*{height:40px}
  .bottom-nav{left:6px;right:6px;width:auto;bottom:calc(6px + env(safe-area-inset-bottom));padding:5px;min-height:56px}
  .bottom-item{min-height:46px}
  .bottom-item span{display:none!important}
  .bottom-item i{font-size:1.08rem}
}
@media(max-width:380px){
  .top-actions{gap:4px}.top-actions .icon-btn,.top-actions .avatar-btn,#installBtn{width:35px;height:35px}
  .article-full-modal .reader-brand-mark{display:none}
  .article-full-modal .reader-brand-copy{max-width:52vw}
  .article-full-modal .reader-head-status{display:none}
  .article-full-modal .reader-action-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
}


/* ===== Etando redesigned UI (Google-News-inspired) ===== */
:root{--bg:#eef3fb;--surface:#ffffff;--surface-2:#f7f9fc;--surface-3:#edf2fa;--text:#202124;--text-soft:#30343b;--muted:#5f6368;--border:#e2e8f0;--brand:#1a73e8;--brand-soft:#e8f0fe;--shadow:0 10px 30px rgba(26,39,68,.08);--danger:#d93025;--info:#1a73e8;--gold:#fbbc04;--success:#34a853;--radius-lg:28px;--radius-md:20px;--radius-sm:14px}
html[data-theme="light"]{--bg:#eef3fb;--surface:#ffffff;--surface-2:#f7f9fc;--surface-3:#edf2fa;--text:#202124;--text-soft:#30343b;--muted:#5f6368;--border:#e2e8f0;--brand:#1a73e8;--brand-soft:#e8f0fe;--shadow:0 10px 30px rgba(26,39,68,.08)}
html[data-theme="dark"]{--bg:#0f141b;--surface:#161c24;--surface-2:#1b222c;--surface-3:#232b36;--text:#f5f7fb;--text-soft:#dde4ef;--muted:#a6b1bf;--border:#2c3745;--brand:#8ab4f8;--brand-soft:#1f2d3f;--shadow:0 18px 40px rgba(0,0,0,.35)}
html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}
.app-shell{min-height:100vh}
.topbar{background:color-mix(in srgb,var(--surface) 88%, transparent);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.45)}
.topbar-inner{height:76px;max-width:1480px;padding-inline:24px;gap:14px}
.brand{min-width:auto;font-weight:800;letter-spacing:-.02em}.brand-logo{border-radius:14px;box-shadow:0 4px 14px rgba(26,115,232,.12)}.brand span{font-size:1.2rem}
.icon-btn,.avatar-btn,.search input,.chip,.outline-btn,.load-btn,.action,.secondary-btn,.primary-btn,.theme-switch,.saved-row,.collection-item,.collection-card,.world-region,.world-country,.world-focus-card,.world-card,.rail-card,.weather-link,.brief-item,.smart-card,.home-featured-card,.featured-card,.story,.dialog,.panel,.preferences-screen,.collection-list,.collection-detail{box-shadow:var(--shadow)}
.icon-btn,.avatar-btn{background:var(--surface);border:1px solid var(--border);border-radius:16px;color:var(--muted)}
.icon-btn:hover,.avatar-btn:hover,.outline-btn:hover,.load-btn:hover,.action:hover,.secondary-btn:hover,.primary-btn:hover,.theme-switch:hover{transform:translateY(-1px)}
.search{visibility:visible!important;max-width:760px}.search input{height:48px;border-radius:999px;background:var(--surface);border:1px solid var(--border);padding-inline:46px 42px;font-size:.96rem}.search input::placeholder{color:var(--muted)}.search-submit{position:absolute;left:8px;top:6px;width:36px;height:36px;border:0;background:transparent;color:var(--muted)}.clear-search{top:6px;right:8px}
.top-actions #installBtn,.top-actions .avatar-btn{color:var(--brand)}
.category-bar{top:76px;padding:12px 24px;background:transparent;border-bottom:0;gap:10px}.chip{padding:10px 16px;border-radius:999px;background:var(--surface);color:var(--muted);border:1px solid var(--border);font-weight:700}.chip.active,.chip:hover{background:var(--brand-soft);color:var(--brand);border-color:transparent}
.layout{max-width:1480px;grid-template-columns:280px minmax(0,1fr) 310px;gap:22px;padding:18px 22px 120px}
.sidebar,.trend-rail .rail-card{background:var(--surface);border:1px solid var(--border);border-radius:32px}.sidebar{top:110px;height:calc(100vh - 132px);padding:18px;border-right:0}.sidebar-head{margin:4px 0 20px}.sidebar-logo{border-radius:16px}.sidebar-head span{font-size:.84rem}.nav-item,.admin-entry{padding:12px 14px;border-radius:16px;font-weight:600;color:var(--muted)}.nav-item:hover,.nav-item.active,.admin-entry:hover{background:var(--brand-soft);color:var(--brand)}.nav-item.active{box-shadow:none;border:0}.sidebar-foot{margin-top:18px;padding-top:16px}
.feed-area{min-width:0}.welcome{background:#e8eefb;border:1px solid #dde6f8;border-radius:34px;padding:28px 30px;align-items:center;position:relative;overflow:hidden;margin-bottom:20px}.welcome:before,.welcome:after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.72);z-index:0}.welcome:before{width:180px;height:180px;left:-70px;bottom:-70px}.welcome:after{width:110px;height:110px;right:5%;top:-30px}.welcome>*{position:relative;z-index:1}.eyebrow{color:var(--brand)}.country-badge{background:rgba(255,255,255,.74);border-color:#d9e2f0}.welcome h1{max-width:780px;font-size:clamp(2rem,4vw,3.3rem);line-height:1.08;margin:10px 0 10px}.welcome p{max-width:780px;font-size:1rem;color:var(--text-soft)}.outline-btn{background:var(--surface);border-radius:999px;padding:12px 18px;border:1px solid var(--border);font-weight:700;color:var(--brand)}
#weatherWidget.weather-widget{border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow)}.weather-link{padding:18px 22px}.weather-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.weather-location,.weather-temperature{color:var(--text)}.weather-open-icon{color:var(--brand)}
.section-heading{align-items:flex-end;margin-bottom:12px}.section-heading h2{font-size:2rem;letter-spacing:-.03em}.section-heading p{font-size:.98rem}.section-icon{color:var(--brand)}.compact-heading{margin-bottom:14px}.section-link{font-size:.86rem;color:var(--brand);font-weight:800}
.feed{display:grid;grid-template-columns:1fr;gap:14px}.story{display:grid;grid-template-columns:minmax(0,1fr) 146px;grid-template-areas:"body media";align-items:start;padding:14px;border:1px solid var(--border);border-radius:26px;background:var(--surface);overflow:hidden}.story-media{grid-area:media;border-radius:18px;align-self:start;min-height:108px}.story-media img{height:108px;border-radius:18px}.story-body{grid-area:body;padding:0 16px 0 0}.story h2{font-size:1.1rem;line-height:1.22}.story p{font-size:.9rem;color:var(--muted);margin-bottom:10px}.source-row{font-size:.76rem;color:var(--muted)}.source{background:transparent;border:0;padding:0;font-weight:700;color:var(--brand)}.story-actions,.featured-actions{gap:8px}.action{background:var(--surface-2);border:1px solid transparent;border-radius:999px;color:var(--muted);padding:8px 12px}.action:hover,.action.active{background:var(--brand-soft);color:var(--brand);border-color:transparent}.story .read-link{margin-left:0}.story:first-child{grid-template-columns:1fr;grid-template-areas:"media" "body";padding:0}.story:first-child .story-media,.story:first-child .story-media img{height:290px;border-radius:0}.story:first-child .story-body{padding:18px 18px 16px}.story:first-child h2{font-size:1.4rem}.story:first-child p{font-size:.95rem}.story-tag{background:rgba(32,33,36,.86);padding:6px 10px}
.home-featured-grid,.featured-grid{display:grid;grid-template-columns:1fr;gap:14px}.home-featured-card,.featured-card{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:26px}.home-featured-card.lead,.featured-card.lead{grid-template-columns:1fr}.home-featured-media,.featured-media{border-radius:20px;overflow:hidden;margin:14px}.home-featured-media img,.featured-media img{height:118px;border-radius:20px}.home-featured-card.lead .home-featured-media,.featured-card.lead .featured-media{margin:0}.home-featured-card.lead .home-featured-media img,.featured-card.lead .featured-media img{height:300px;border-radius:0}.home-featured-body,.featured-body{padding:14px 16px 16px}.home-featured-card.lead .home-featured-body,.featured-card.lead .featured-body{padding:18px}.home-featured-body h3,.featured-card h3{font-size:1.16rem;line-height:1.24}.home-featured-badge,.featured-badge{background:rgba(255,255,255,.94);color:var(--text);border:1px solid #e8edf6}.featured-card p,.home-featured-body p{font-size:.9rem}
.smart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.smart-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden}.smart-media{background:#eef3fb}.smart-media img{width:100%;height:180px;object-fit:cover}.smart-body{padding:14px}.smart-body h3{margin:.45rem 0;font-size:1.08rem;line-height:1.24}.brief-grid{display:grid;gap:10px}.brief-item{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;border-radius:22px;border:1px solid var(--border);background:var(--surface)}.brief-number{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-weight:800}
.external-feed-label{margin:18px 0 12px;padding:0 4px}.external-feed-label strong{font-size:1rem}
.load-wrap{text-align:center;padding-top:18px}.load-btn{background:var(--surface);border-radius:999px;padding:12px 20px;color:var(--brand);border:1px solid var(--border);font-weight:800}
.trend-rail{display:grid;gap:16px}.rail-card{padding:18px;border:1px solid var(--border);background:var(--surface);border-radius:28px}.rail-title{font-weight:800;color:var(--text);margin-bottom:10px}.trend-list{display:grid;gap:10px}.trend-item,.trend-list>a,.trend-list>button{padding:12px 14px;border-radius:18px;background:var(--surface-2);border:1px solid transparent;color:var(--text)}
.panel,.preferences-screen,.collection-list,.collection-detail,.saved-row,.world-region,.world-country,.world-focus-card,.world-card{background:var(--surface);border:1px solid var(--border);border-radius:26px}
.saved-row{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:14px;padding:14px;align-items:start;margin-bottom:12px}.saved-row img{border-radius:18px;object-fit:cover;width:140px;height:88px}.saved-row h3{margin:.4rem 0 0;font-size:1.06rem}
.preferences-screen{padding:22px}.preferences-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.preferences-content{display:grid;gap:14px}.preferences-hero,.settings-row{background:var(--surface-2);border:1px solid var(--border);border-radius:24px;padding:18px}.preferences-hero{display:flex;gap:14px;align-items:center}.preferences-hero-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:1.35rem}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.settings-desc{margin-top:6px;color:var(--muted)}.language-switch,.topic-setting{display:flex;gap:10px;flex-wrap:wrap}.language-switch button,.topic-setting button,.theme-switch,.secondary-btn,.primary-btn{border-radius:999px;border:1px solid var(--border);background:var(--surface);padding:10px 14px;font-weight:700;color:var(--text)}.language-switch button.active,.topic-setting button.active,.theme-switch.active,.secondary-btn.active,.primary-btn{background:var(--brand);border-color:var(--brand);color:#fff}.topic-setting button.active i,.language-switch button.active i{color:#fff}
.dialog-backdrop{background:rgba(36,49,73,.2);backdrop-filter:blur(12px)}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:32px;padding:22px;max-width:min(680px,92vw)}.dialog-kicker{color:var(--brand)}.preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.preference-choice{display:grid;gap:6px;padding:16px;border-radius:24px;border:1px solid var(--border);background:var(--surface-2);text-align:left}.preference-choice.active{background:var(--brand-soft);border-color:transparent;color:var(--brand)}
.bottom-nav{display:none;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.75);border-radius:26px;box-shadow:0 14px 34px rgba(26,39,68,.16);padding:6px 8px}.bottom-item{border-radius:18px;color:var(--muted)}.bottom-item.active{background:var(--brand-soft);color:var(--brand)}.bottom-item i{font-size:1rem}.bottom-item span{font-size:.68rem;font-weight:700}
.article-modal,.article-full-modal{background:var(--surface);color:var(--text)}.article-modal-topbar{background:color-mix(in srgb,var(--surface) 92%, transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.article-full-content{max-width:980px;margin:0 auto}.article-modal-scroll{background:var(--surface-2)}.reader-outline,.similar-articles,.article-nav-card,.article-modal .panel{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}
.world-topbar,.special-topbar{background:var(--surface);border:1px solid var(--border);border-radius:28px;padding:18px 22px;box-shadow:var(--shadow)}.world-command-strip,.world-hero,.world-overview-grid,.world-results,.collection-layout{margin-top:14px}.world-hero{background:#eef7ef;border:1px solid #ddeadd;border-radius:28px;padding:24px}.world-grid,.world-results-grid{gap:12px}.world-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.world-metric{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:16px;box-shadow:var(--shadow)}
.stories-view .story-slide{background:#111}.stories-topbar{background:var(--surface);border:1px solid var(--border);border-radius:28px;padding:18px 22px}
@media(max-width:1200px){.layout{grid-template-columns:250px minmax(0,1fr)}.trend-rail{display:none}.smart-grid{grid-template-columns:1fr 1fr}.world-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.layout{grid-template-columns:1fr;padding:14px 14px 100px}.sidebar{display:none;position:fixed;left:12px;right:12px;top:88px;height:auto;max-height:calc(100vh - 110px);z-index:260;overflow:auto}.sidebar.open,.sidebar.is-open{display:flex}.drawer-backdrop{position:fixed;inset:0;background:rgba(30,41,59,.26);backdrop-filter:blur(12px);z-index:250}.drawer-backdrop.hidden{display:none}.topbar-inner{padding-inline:12px;height:68px}.category-bar{top:68px;padding:10px 12px}.welcome{padding:24px 20px;border-radius:28px}.welcome h1{font-size:clamp(1.8rem,8vw,2.6rem)}.smart-grid{grid-template-columns:1fr}.saved-row{grid-template-columns:110px minmax(0,1fr);}.saved-row .action{grid-column:1/-1;justify-self:start}.bottom-nav{display:flex}.bottom-nav #bottomRefresh,.bottom-nav a[href="https://itabba.com/accounts"],.bottom-nav #bottomStories{display:none}.feed{gap:12px}.story:first-child .story-media,.story:first-child .story-media img{height:230px}}
@media(max-width:640px){.search{max-width:none}.brand span{display:none}.top-actions{gap:6px}.welcome{margin-bottom:16px}.feed .story{grid-template-columns:minmax(0,1fr) 112px}.story-media img{height:92px}.story:first-child{grid-template-columns:1fr}.story:first-child .story-media img{height:210px}.story h2{font-size:1rem}.home-featured-card,.featured-card{grid-template-columns:minmax(0,1fr) 110px}.home-featured-media img,.featured-media img{height:92px}.home-featured-card.lead .home-featured-media img,.featured-card.lead .featured-media img{height:220px}.preference-grid{grid-template-columns:1fr}.section-heading h2{font-size:1.5rem}.settings-row{grid-template-columns:1fr}.world-overview-grid{grid-template-columns:1fr}.dialog{padding:18px}.bottom-nav{left:8px;right:8px}.bottom-item span{font-size:.64rem}}