/* ICON Swipe News Reader V2.4.4 — Header Behaviour & Polish + Layout Contract */ #isn-reader-v2 [hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important} #isn-reader-v2.isn-reader-v2{ --reader-top-zone:5%;--header-h:calc(100vh * .05);--dock-h:7vh;--media-share:47%;--reader-card-bg:#fff;--reader-content-bg:#fff; --reader-btn-radius:18px;--reader-action-height:36px;--reader-action-gap:4px;--reader-animation-ms:140ms; --z-feed:10;--z-media:20;--z-cue:25;--z-header:30;--z-meta:35;--z-dock:40;--z-special-label:50;--z-special-actions:60;--z-video:70;--z-status:80;--z-menu:90;--z-dialog:100;--z-debug:110; position:fixed;inset:0;z-index:9999;background:var(--reader-content-bg);color:var(--reader-body-color,#3f4650); overflow:hidden;font-family:var(--reader-ui-font,var(--reader-body-font,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif));isolation:isolate;contain:layout paint style; } /* Layout Contract: header height always follows --reader-top-zone from Settings → Layout → Top Strip. */ #isn-reader-v2 .isn-v2-header{position:absolute;top:0;left:0;width:var(--reader-width,100%);height:var(--header-h);margin-left:calc((100% - var(--reader-width,100%))/2);z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-sizing:border-box;background:var(--reader-content-bg);color:var(--reader-body-color);border-bottom:1px solid rgba(15,23,42,.10);min-height:0;overflow:hidden} #isn-reader-v2 .isn-v2-menu,#isn-reader-v2 .isn-v2-search-btn,#isn-reader-v2 .isn-v2-install,#isn-reader-v2 .isn-v2-notify,.isn-v2-account{width:min(42px,max(30px,calc(var(--header-h) - 6px)));height:min(42px,max(30px,calc(var(--header-h) - 6px)));flex:0 0 min(42px,max(30px,calc(var(--header-h) - 6px)));border:1px solid rgba(15,23,42,.12);border-radius:50%;background:var(--reader-button-bg,#fff);color:var(--reader-button-color,#222);display:grid;place-items:center;cursor:pointer;font-size:20px;line-height:1} #isn-reader-v2 .isn-v2-menu{font-size:24px} #isn-reader-v2 .isn-v2-brand{flex:1;min-width:0;margin:0 10px;text-align:center;color:var(--reader-headline-color,#0A2A66);font:700 20px/1.1 system-ui,-apple-system,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #isn-reader-v2 .isn-v2-tools{display:flex;gap:4px;align-items:center} #isn-reader-v2 .isn-v2-feed{position:absolute;z-index:var(--z-feed);top:var(--header-h);bottom:var(--dock-h);left:0;width:var(--reader-width,100%);margin-left:calc((100% - var(--reader-width,100%))/2);overflow:hidden;touch-action:none;background:var(--reader-card-bg)} #isn-reader-v2 .isn-v2-card{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--reader-card-bg);color:var(--reader-body-color);display:flex;flex-direction:column;opacity:0;transform:translateY(14px);transition:opacity var(--reader-animation-ms) ease,transform var(--reader-animation-ms) ease;touch-action:none;user-select:none} #isn-reader-v2 .isn-v2-card.is-active{opacity:1;transform:none} #isn-reader-v2 .isn-v2-media{position:relative;box-sizing:border-box;isolation:isolate;flex-shrink:0;min-height:140px;background:#f2f2f2;overflow:hidden;z-index:var(--z-media)} #isn-reader-v2[data-media-mode="smart"] .isn-v2-media{flex:0 0 var(--media-share);height:auto} #isn-reader-v2[data-media-mode="viewport"] .isn-v2-media{flex:0 0 var(--reader-media-percent);height:auto} #isn-reader-v2[data-media-mode="fixed"] .isn-v2-media{flex:0 0 var(--reader-media-height);height:var(--reader-media-height)} #isn-reader-v2[data-media-mode="ratio"] .isn-v2-media{flex:0 0 auto;height:auto;aspect-ratio:var(--reader-ratio)} #isn-reader-v2 .isn-v2-media img,#isn-reader-v2 .isn-v2-media iframe,#isn-reader-v2 .isn-v2-main-image{width:100%;height:100%;display:block;object-position:var(--reader-image-position);object-fit:var(--reader-image-fit)} #isn-reader-v2[data-image-fit="natural"] .isn-v2-main-image{object-fit:cover} #isn-reader-v2[data-image-fit="contain"] .isn-v2-main-image{object-fit:contain} #isn-reader-v2[data-image-fit="cover"] .isn-v2-main-image{object-fit:cover} #isn-reader-v2[data-image-fit="stretch"] .isn-v2-main-image{object-fit:fill} #isn-reader-v2 .isn-v2-reader-logo{position:absolute;z-index:var(--z-meta);display:block!important;visibility:visible!important;width:var(--logo-size,24%);height:auto;max-width:28%;max-height:18%;opacity:var(--logo-opacity,.9);pointer-events:none;object-fit:contain} #isn-reader-v2 .isn-v2-reader-logo.logo-top-left{left:14px;top:14px}#isn-reader-v2 .isn-v2-reader-logo.logo-top-right{right:14px;top:14px}#isn-reader-v2 .isn-v2-reader-logo.logo-bottom-left{left:14px;bottom:calc(var(--reader-meta-height) + 10px)}#isn-reader-v2 .isn-v2-reader-logo.logo-bottom-right{right:14px;bottom:calc(var(--reader-meta-height) + 10px)} #isn-reader-v2 .isn-v2-progress{position:absolute;top:8px;right:10px;z-index:var(--z-media);padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font:600 12px/1 system-ui,sans-serif} #isn-reader-v2 .isn-v2-meta-overlay{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:max(var(--reader-meta-height),34px)!important;min-height:34px!important;box-sizing:border-box!important;z-index:var(--z-meta)!important;padding:5px max(18px,var(--reader-meta-pad-x,12px));display:flex!important;align-items:center;justify-content:var(--reader-meta-align,left);background:color-mix(in srgb,var(--reader-meta-bg) calc(var(--reader-meta-opacity)*100%),transparent);color:var(--reader-meta-color);font:var(--reader-meta-weight) var(--reader-meta-mobile)/1.15 var(--reader-meta-font);overflow:visible;backdrop-filter:blur(2px);pointer-events:none!important} #isn-reader-v2 .isn-v2-meta-overlay>div{display:flex;flex-wrap:nowrap;gap:0;align-items:center;justify-content:space-between;min-width:0;max-width:none;width:100%;overflow:visible}#isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-left{display:flex;align-items:center;gap:0;min-width:0;flex:1 1 auto;overflow:visible;justify-content:var(--reader-meta-align,left);padding-left:4px}#isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-views{display:flex;align-items:center;flex:0 0 auto;margin-left:auto;padding-left:10px;padding-right:4px;white-space:nowrap}#isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-item{display:inline-flex;flex:0 1 auto;align-items:center;gap:4px;padding:0 8px 0 0;margin-right:8px;border-right:1px solid currentColor;min-width:0;white-space:nowrap;color:inherit}#isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-item:last-child{padding-right:0;margin-right:0;border-right:0}#isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-icon{width:13px;height:13px;flex:0 0 13px;display:block;color:currentColor}#isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-text{display:inline-block;min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap;color:inherit} #isn-reader-v2 .isn-v2-category{position:absolute;padding:var(--reader-category-pad-y,4px) var(--reader-category-pad-x,9px);border-radius:var(--reader-category-radius,7px);background:var(--reader-category-bg);color:var(--reader-category-color);font:700 var(--reader-category-size)/1 system-ui,sans-serif;z-index:calc(var(--z-meta) + 1);box-shadow:0 2px 8px rgba(0,0,0,.14);pointer-events:none} #isn-reader-v2 .isn-v2-category.pos-bottom-left,#isn-reader-v2 .isn-v2-category.pos-bottom-right{bottom:calc(var(--reader-meta-height) + 6px)}#isn-reader-v2 .isn-v2-category.pos-bottom-left{left:10px}#isn-reader-v2 .isn-v2-category.pos-bottom-right{right:10px}#isn-reader-v2 .isn-v2-category.pos-top-left{left:10px;top:10px}#isn-reader-v2 .isn-v2-category.pos-top-right{right:10px;top:10px} #isn-reader-v2 .isn-v2-category-content{display:inline-block;margin-bottom:9px;padding:var(--reader-category-pad-y,4px) var(--reader-category-pad-x,9px);border-radius:var(--reader-category-radius,7px);background:var(--reader-category-bg);color:var(--reader-category-color);font:700 var(--reader-category-size)/1 system-ui,sans-serif} #isn-reader-v2 .isn-v2-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(0,0,0,.48);color:#fff;font-size:23px;z-index:var(--z-special-label)} /* V2.8.30 — Language-aware article typography */ #isn-reader-v2 .isn-v2-card[data-language] .isn-v2-story h1{font-family:var(--card-language-font,var(--reader-headline-font));} #isn-reader-v2 .isn-v2-card[data-language] .isn-v2-story p{font-family:var(--card-language-body-font,var(--reader-body-font));} #isn-reader-v2 .isn-v2-card[dir="rtl"] .isn-v2-story{direction:rtl;text-align:right;} #isn-reader-v2 .isn-v2-card[dir="rtl"] .isn-v2-story .isn-v2-swipe-cue{direction:ltr;} #isn-reader-v2 .isn-v2-story{flex:1;min-height:0;overflow:hidden;touch-action:none;padding:clamp(var(--reader-pad-mobile),3vw,var(--reader-pad-desktop)) var(--reader-pad-mobile) 14px;background:var(--reader-content-bg);color:var(--reader-body-color)} #isn-reader-v2 .isn-v2-story h1{margin:0 0 10px;font:var(--reader-headline-weight) var(--reader-headline-mobile)/var(--reader-headline-line) var(--reader-headline-font);color:var(--reader-headline-color);display:-webkit-box;-webkit-line-clamp:var(--reader-headline-lines,2);-webkit-box-orient:vertical;overflow:hidden} #isn-reader-v2 .isn-v2-story p{margin:0;font:var(--reader-body-weight) var(--reader-body-mobile)/var(--reader-body-line) var(--reader-body-font);color:var(--reader-body-color);display:-webkit-box;-webkit-line-clamp:var(--reader-body-lines,0);-webkit-box-orient:vertical;overflow:hidden} #isn-reader-v2 .isn-v2-dock{position:absolute;left:0;bottom:0;width:var(--reader-width,100%);margin-left:calc((100% - var(--reader-width,100%))/2);height:var(--dock-h);min-height:var(--dock-h);box-sizing:border-box;z-index:var(--z-dock);display:flex;justify-content:center;align-items:center;gap:var(--reader-action-gap);padding:5px max(8px,env(safe-area-inset-left)) max(5px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--reader-button-bg) 96%,transparent);border-top:1px solid rgba(15,23,42,.10)} #isn-reader-v2 .isn-v2-action{flex:1;max-width:180px;height:var(--reader-action-height);border:0;background:var(--reader-button-bg);color:var(--reader-button-color);display:flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--reader-btn-radius);cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}#isn-reader-v2 .isn-v2-action:disabled{opacity:.7;cursor:wait}#isn-reader-v2 .isn-v2-action.is-liked{color:#e11d48;background:#fff1f2}#isn-reader-v2 .isn-v2-action.is-liked svg{fill:currentColor}#isn-reader-v2 .isn-v2-action.is-liked b{opacity:.75}#isn-reader-v2 .isn-v2-action svg{width:22px;height:22px}#isn-reader-v2 .isn-v2-action span{font:500 11px/1 system-ui,sans-serif}#isn-reader-v2 .isn-v2-action b{font-weight:500;opacity:.55} /* Special cards: media and actions are children of the same card, so they share one coordinate system. */ #isn-reader-v2 .isn-v2-special{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#111} #isn-reader-v2 .isn-v2-special-media{position:absolute;inset:0;width:100%;height:100%;z-index:var(--z-media);background:#111;overflow:hidden} #isn-reader-v2 .isn-v2-special-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}#isn-reader-v2 .isn-v2-ad-picture img{width:100%;height:100%;display:block;object-fit:contain;object-position:center center;background:#fff} #isn-reader-v2 .isn-v2-ad-picture{position:absolute;inset:0;width:100%;height:100%;display:block}.isn-v2-ad-video{position:absolute;inset:0;width:100%;height:100%;display:block}.isn-v2-video{width:100%;height:100%;display:block;object-fit:cover;background:#000} #isn-reader-v2 .isn-v2-ad-link{position:absolute;inset:0;z-index:21;display:block;width:100%;height:100%;color:inherit;text-decoration:none} #isn-reader-v2 .isn-v2-ad-html{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box;padding:20px;background:#fff;color:#111} #isn-reader-v2 .isn-v2-special-label{position:absolute;left:12px;top:10px;z-index:var(--z-special-label);padding:5px 8px;border-radius:5px;background:rgba(0,0,0,.55);color:#fff;font:700 10px/1 system-ui,sans-serif;letter-spacing:.8px;pointer-events:none} #isn-reader-v2 .isn-v2-special-actions{position:absolute;right:max(10px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);z-index:var(--z-special-actions);display:flex;flex-direction:column;gap:10px;pointer-events:auto;touch-action:manipulation} #isn-reader-v2 .isn-v2-special-btn{width:46px;height:46px;flex:0 0 46px;box-sizing:border-box;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.58);color:#fff;display:grid;place-items:center;box-shadow:0 3px 15px rgba(0,0,0,.3);cursor:pointer;pointer-events:auto;touch-action:manipulation} #isn-reader-v2 .isn-v2-special-btn svg{width:21px;height:21px} #isn-reader-v2 .isn-v2-video-sound{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.48);color:#fff;display:grid;place-items:center;z-index:var(--z-video);pointer-events:auto;cursor:pointer}.isn-v2-video-sound svg{width:21px;height:21px} #isn-reader-v2 .isn-v2-quote-card .isn-v2-special-media>a{position:absolute;inset:0;z-index:21;display:block}.isn-v2-quote{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;overflow:hidden;background:var(--q-bg);color:var(--q-color)}#isn-reader-v2 .isn-v2-quote>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1!important}.isn-v2-quote:after{content:none}#isn-reader-v2 .isn-v2-quote-content{position:relative;z-index:3;width:100%;padding:28px}.isn-v2-quote-content>span{display:inline-block;color:var(--q-accent);font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:12px}.isn-v2-quote-content h2{margin:0 0 12px;font-size:22px}.isn-v2-quote-content blockquote{margin:0;font-size:clamp(25px,6vw,40px);line-height:1.2;font-weight:700}.isn-v2-quote-content cite{display:block;margin-top:18px;font-style:normal;font-size:14px;opacity:.75} #isn-reader-v2 .isn-v2-search{position:absolute;top:var(--header-h);left:calc((100% - var(--reader-width,100%))/2 + 8px);right:calc((100% - var(--reader-width,100%))/2 + 8px);z-index:var(--z-header);display:flex;background:#fff;padding:7px;border:1px solid #e4e4e4;border-top:0;border-radius:0 0 12px 12px}.isn-v2-search input{flex:1;min-width:0;height:40px;border:1px solid #ddd;border-radius:9px;background:#fafafa;color:#111;padding:0 12px;outline:none}.isn-v2-search-clear{width:40px;border:0;background:transparent;color:#111;font-size:22px} #isn-reader-v2 .isn-v2-status{position:absolute;top:calc(var(--header-h) + 5px);left:50%;transform:translateX(-50%);z-index:var(--z-status);background:#111;color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;white-space:nowrap;pointer-events:none} #isn-reader-v2 .isn-v2-category-menu{position:absolute;top:calc(var(--header-h) + 6px);left:calc((100% - var(--reader-width,100%))/2 + 10px);width:min(310px,calc(var(--reader-width,100%) - 20px));max-height:min(70vh,520px);overflow:auto;z-index:var(--z-menu);display:flex;flex-direction:column;gap:3px;padding:7px;background:#fff;color:#111;border:1px solid rgba(15,23,42,.12);border-radius:12px;box-shadow:0 10px 28px rgba(15,23,42,.18)} #isn-reader-v2 .isn-v2-category-menu button{width:100%;min-height:42px;padding:0 12px;border:0;border-radius:8px;background:#fff;color:#111827;text-align:left;font:600 14px/1.2 system-ui,sans-serif;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.isn-v2-category-menu button.is-active,.isn-v2-category-menu button:hover{background:#eef5ff;color:#0a2a66}.isn-v2-category-menu button span{opacity:.55;font-size:11px}.isn-v2-category-empty{padding:14px;color:#666;font-size:13px} #isn-reader-v2 .isn-v2-loading,#isn-reader-v2 .isn-v2-empty,#isn-reader-v2 .isn-v2-error{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;color:#222;background:var(--reader-content-bg)}.isn-v2-loading span{width:26px;height:26px;border:3px solid #ddd;border-top-color:var(--reader-accent);border-radius:50%;animation:isn-spin .7s linear infinite}.isn-v2-error{color:#8a2222} #isn-reader-v2 .isn-v2-overlay{position:absolute;inset:0;z-index:var(--z-dialog);background:rgba(0,0,0,.7);display:grid;place-items:center;padding:20px}.isn-v2-dialog{position:relative;width:min(420px,100%);max-height:calc(100dvh - 32px);box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:18px;background:#fff;color:#111;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.45)}.isn-v2-dialog h2{margin:0 28px 8px 0;font-size:21px}.isn-v2-dialog p{margin:0 0 18px;line-height:1.5;color:#444}.isn-v2-dialog-close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:26px;color:#555}.isn-v2-dialog-actions button{border:0;border-radius:12px;padding:10px 14px;background:#111;color:#fff} #isn-reader-v2.isn-v2-special-active .isn-v2-dock{display:none!important} #isn-reader-v2.isn-v2-special-active .isn-v2-header{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important} #isn-reader-v2.isn-v2-special-active .isn-v2-feed{top:0!important;bottom:0!important;height:100%!important} @media (min-width:700px){ #isn-reader-v2 .isn-v2-story{padding-left:var(--reader-pad-desktop);padding-right:var(--reader-pad-desktop)} #isn-reader-v2 .isn-v2-story h1{font-size:var(--reader-headline-desktop)} #isn-reader-v2 .isn-v2-story p{font-size:var(--reader-body-desktop)} #isn-reader-v2 .isn-v2-meta-overlay{font-size:var(--reader-meta-desktop)} } /* V2.3.6 desktop reader contract: normal news uses image-left/article-right. Mobile remains the vertical swipe composition. */ @media (min-width:900px){ #isn-reader-v2 .isn-v2-card.isn-v2-news{display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%);grid-template-rows:minmax(0,1fr);} #isn-reader-v2 .isn-v2-card.isn-v2-news>.isn-v2-media{grid-column:1;grid-row:1;min-width:0;min-height:0;height:auto;flex:none;} #isn-reader-v2 .isn-v2-card.isn-v2-news>.isn-v2-story{grid-column:2;grid-row:1;min-width:0;min-height:0;height:auto;overflow:hidden;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(15,23,42,.10);background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);box-shadow:inset 8px 0 24px rgba(10,42,102,.035);padding:clamp(28px,3.5vw,58px) clamp(28px,3.5vw,64px) 30px;} #isn-reader-v2 .isn-v2-card.isn-v2-news>.isn-v2-story h1{margin-bottom:20px;max-width:100%;letter-spacing:-.012em;} #isn-reader-v2 .isn-v2-card.isn-v2-news>.isn-v2-story p{max-width:100%;line-height:1.62;} #isn-reader-v2 .isn-v2-card.isn-v2-news .isn-v2-meta-overlay{font-size:var(--reader-meta-desktop);} #isn-reader-v2 .isn-v2-card.isn-v2-news .isn-v2-category.pos-bottom-left{left:16px;} #isn-reader-v2 .isn-v2-card.isn-v2-news .isn-v2-category.pos-bottom-right{right:16px;} } @media (min-width:1400px){ #isn-reader-v2 .isn-v2-card.isn-v2-news{grid-template-columns:minmax(0,60%) minmax(0,40%);} } @media (max-width:699px){#isn-reader-v2 .isn-v2-special-actions{right:max(8px,env(safe-area-inset-right));gap:8px}#isn-reader-v2 .isn-v2-special-btn{width:44px;height:44px;flex-basis:44px}} #isn-reader-v2[data-body-lines="0"] .isn-v2-story p{display:block;overflow:hidden} @keyframes isn-spin{to{transform:rotate(360deg)}} /* V2.1.8 diagnostic mode */ #isn-reader-v2 .isn-v2-debug-panel{position:absolute;left:8px;top:8px;width:min(360px,calc(100% - 16px));max-height:46vh;overflow:auto;z-index:var(--z-debug);background:rgba(7,12,20,.94);color:#fff;border:1px solid rgba(124,255,178,.55);border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.4);font:11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:auto}.isn-v2-debug-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#07131b;border-bottom:1px solid rgba(124,255,178,.25);color:#7CFFB2}.isn-v2-debug-head button{width:24px;height:24px;border:0;border-radius:5px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}.isn-v2-debug-body{padding:6px}.isn-v2-debug-row{padding:6px 5px;border-bottom:1px solid rgba(255,255,255,.08)}.isn-v2-debug-row b{display:block;color:#7CFFB2}.isn-v2-debug-row span,.isn-v2-debug-row small{display:block;color:#d7dee5}.isn-v2-debug-state{margin:6px 0 2px;padding:6px;background:rgba(124,255,178,.08);color:#7CFFB2;border-radius:5px}.isn-v2-debug-target{outline:1px dashed rgba(124,255,178,.85)!important;outline-offset:-2px!important}.isn-v2-debug-interactive{outline:2px solid rgba(255,214,92,.95)!important;outline-offset:-3px!important}.isn-v2-debug-clicked{outline:3px solid #ff4d4d!important;outline-offset:-3px!important} /* Action feedback and quote title hierarchy */ #isn-reader-v2 .isn-v2-action-status{position:absolute;z-index:var(--z-status);transform:translateX(-50%);padding:7px 10px;border-radius:999px;background:rgba(15,23,42,.92);color:#fff;font:600 11px/1 system-ui,sans-serif;white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.25);} #isn-reader-v2 .isn-v2-quote-content{position:absolute!important;left:0;right:0;top:0;bottom:0;width:auto!important;padding:24px 28px!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;text-shadow:0 1px 3px rgba(0,0,0,.25);} #isn-reader-v2 .isn-v2-quote-content>span{margin-bottom:7px;padding:5px 8px;border-radius:5px;background:rgba(0,0,0,.55);color:#fff!important;font-size:10px;line-height:1;letter-spacing:.8px;} #isn-reader-v2 .isn-v2-quote-content h2{margin:0;color:#fff;font-size:clamp(18px,4.8vw,28px);line-height:1.15;text-shadow:0 1px 4px rgba(0,0,0,.35);} #isn-reader-v2 .isn-v2-quote-content blockquote{margin-top:clamp(24px,12vh,110px);} /* Geometry cleanup: keep one canonical special-card and metadata rule set. */ #isn-reader-v2 .isn-v2-header{overflow:hidden;} #isn-reader-v2 .isn-v2-reader-logo{z-index:45!important;} /* V2.4.2 canonical metadata/action contract carried forward */ #isn-reader-v2 .isn-v2-meta-overlay{padding-inline:24px!important;} #isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-left{padding-left:8px!important;} #isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-views{padding-right:8px!important;} @media (max-width:699px){#isn-reader-v2 .isn-v2-meta-overlay{padding-inline:20px!important;}#isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-left{padding-left:4px!important;}#isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-views{padding-right:4px!important;}} @media (min-width:900px){#isn-reader-v2 .isn-v2-card.isn-v2-news>.isn-v2-media{box-shadow:inset -1px 0 0 rgba(15,23,42,.08);}} /* V2.4.2 header contract diagnostic marker */ #isn-reader-v2[data-top-zone] .isn-v2-header{--header-contract-zone:var(--reader-top-zone);} /* V2.4.2 Header polish: controls are icon buttons, not circular pills. */ #isn-reader-v2 .isn-v2-header{ background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96)); border-bottom:1px solid rgba(10,42,102,.10); box-shadow:0 2px 12px rgba(15,23,42,.06); } #isn-reader-v2 .isn-v2-menu, #isn-reader-v2 .isn-v2-search-btn, #isn-reader-v2 .isn-v2-install, #isn-reader-v2 .isn-v2-notify{ width:34px;height:34px;flex:0 0 34px; border:1px solid transparent;border-radius:10px; background:transparent;color:var(--reader-headline-color,#0A2A66); display:grid;place-items:center;cursor:pointer;font-size:20px;line-height:1; box-shadow:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease; } #isn-reader-v2 .isn-v2-menu svg, #isn-reader-v2 .isn-v2-search-btn svg, #isn-reader-v2 .isn-v2-install svg, #isn-reader-v2 .isn-v2-notify svg{width:20px;height:20px;display:block} #isn-reader-v2 .isn-v2-menu svg{width:21px;height:21px} #isn-reader-v2 .isn-v2-menu:hover, #isn-reader-v2 .isn-v2-search-btn:hover, #isn-reader-v2 .isn-v2-install:hover, #isn-reader-v2 .isn-v2-notify:hover, #isn-reader-v2 .isn-v2-menu:focus-visible, #isn-reader-v2 .isn-v2-search-btn:focus-visible, #isn-reader-v2 .isn-v2-install:focus-visible, #isn-reader-v2 .isn-v2-notify:focus-visible{ background:rgba(10,42,102,.07);border-color:rgba(10,42,102,.12);outline:none; } #isn-reader-v2 .isn-v2-menu:active, #isn-reader-v2 .isn-v2-search-btn:active, #isn-reader-v2 .isn-v2-install:active, #isn-reader-v2 .isn-v2-notify:active{transform:scale(.94)} #isn-reader-v2 .isn-v2-tools{gap:2px} /* Swipe cue belongs to the end of the article/content zone, not the viewport edge. */ #isn-reader-v2 .isn-v2-story{display:flex;flex-direction:column} #isn-reader-v2 .isn-v2-story .isn-v2-swipe-cue{ position:relative;left:auto;right:auto;bottom:auto;transform:none; margin-top:auto;padding:12px 0 2px;width:100%;box-sizing:border-box; display:flex;align-items:center;justify-content:center;gap:6px; color:var(--reader-cue-color,#7a8792);font:600 11px/1.2 system-ui,sans-serif; pointer-events:none;text-shadow:none;z-index:1; } #isn-reader-v2 .isn-v2-story .isn-v2-swipe-cue svg{width:16px;height:16px;display:block;flex:0 0 16px} @media (min-width:900px){ #isn-reader-v2 .isn-v2-card.isn-v2-news .isn-v2-story .isn-v2-swipe-cue{left:auto;right:auto;transform:none} } /* Prevent the empty category shell from flashing before its items arrive. */ #isn-reader-v2 .isn-v2-category-menu[aria-busy="true"]{visibility:hidden!important;pointer-events:none!important} /* V2.4.2 canonical header controls: compact rounded-square buttons, never circles. */ #isn-reader-v2 .isn-v2-menu,#isn-reader-v2 .isn-v2-search-btn,#isn-reader-v2 .isn-v2-install,#isn-reader-v2 .isn-v2-notify,.isn-v2-account{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:8px!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;} #isn-reader-v2 .isn-v2-header .isn-v2-tools{display:flex;align-items:center;gap:3px;} /* V2.4.4 Header Behaviour Contract: collapse/reveal without changing Top Strip settings. */ #isn-reader-v2 .isn-v2-header{ transition:transform 180ms ease,box-shadow 180ms ease,opacity 180ms ease; will-change:transform; } #isn-reader-v2 .isn-v2-feed{ transition:top 180ms ease; } #isn-reader-v2.isn-v2-header-collapsed .isn-v2-header{ transform:translateY(-100%); box-shadow:none; } #isn-reader-v2.isn-v2-header-collapsed .isn-v2-feed{top:0;} #isn-reader-v2.isn-v2-header-collapsed .isn-v2-search, #isn-reader-v2.isn-v2-header-collapsed .isn-v2-category-menu{top:6px;} #isn-reader-v2 .isn-v2-search, #isn-reader-v2 .isn-v2-category-menu{transition:opacity 140ms ease,transform 140ms ease;} #isn-reader-v2 .isn-v2-search[hidden], #isn-reader-v2 .isn-v2-category-menu[hidden]{transition:none;} /* V2.4.5 Discovery foundation */ #isn-reader-v2 .isn-v2-category-menu{max-height:min(76vh,620px);gap:8px} #isn-reader-v2 .isn-v2-discovery-section{display:flex;flex-direction:column;gap:3px} #isn-reader-v2 .isn-v2-discovery-title{padding:6px 10px 4px;color:#0a2a66;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase} #isn-reader-v2 .isn-v2-discovery-section>button{min-height:40px} #isn-reader-v2 .isn-v2-region-item{padding-left:calc(12px + (var(--region-depth,0) * 14px))!important} #isn-reader-v2 .isn-v2-region-section{padding-top:6px;border-top:1px solid #edf0f4} #isn-reader-v2 .isn-v2-brand{display:flex;align-items:center;justify-content:center;height:100%;} #isn-reader-v2 .isn-v2-brand .isn-v2-header-logo{display:block;width:auto;height:auto;max-height:var(--header-logo-size,46%);max-width:70%;object-fit:contain;object-position:center;} #isn-reader-v2 .isn-v2-brand>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #isn-reader-v2 .isn-v2-dialog-actions .isn-v2-share-option{display:inline-block;border:0;border-radius:12px;padding:10px 14px;background:#111;color:#fff;text-decoration:none;margin:0 6px 8px 0;font:600 13px/1.2 system-ui,sans-serif} #isn-reader-v2 .isn-v2-dialog-actions .isn-v2-dialog-copy{margin:0 6px 8px 0} /* V2.6.1 Universal Media Share Engine */ #isn-reader-v2 .isn-share-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 16px} #isn-reader-v2 .isn-share-social{min-height:78px;border:1px solid #e7eaf0;border-radius:16px;background:#fff;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-decoration:none;font:700 11px/1.1 system-ui,sans-serif;cursor:pointer;box-shadow:0 5px 16px rgba(20,30,50,.07);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease} #isn-reader-v2 .isn-share-social:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(20,30,50,.12);border-color:#d8dde7} #isn-reader-v2 .isn-share-social svg{width:27px;height:27px;display:block} #isn-reader-v2 .isn-share-whatsapp{color:#138a4b}.isn-share-whatsapp svg{color:#138a4b} #isn-reader-v2 .isn-share-facebook{color:#2457a6}.isn-share-facebook svg{color:#2457a6} #isn-reader-v2 .isn-share-x{color:#111}.isn-share-x svg{color:#111} #isn-reader-v2 .isn-share-more{color:#5b6472} #isn-reader-v2 .isn-share-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px} #isn-reader-v2 .isn-share-secondary-btn{min-height:42px!important;margin:0!important;border:1px solid #e3e7ee!important;border-radius:12px!important;background:#f7f8fa!important;color:#20242b!important;font:700 12px/1 system-ui,sans-serif!important} #isn-reader-v2 .isn-media-share-card{display:flex;align-items:center;gap:10px;padding:13px 14px;margin:2px 0 12px;border-radius:15px;background:#f7f9fc;border:1px solid #e6eaf0} #isn-reader-v2 .isn-media-share-card .isn-media-share-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eaf1ff;color:#0a2a66;font-weight:800;font-size:19px;flex:0 0 auto} #isn-reader-v2 .isn-media-share-card strong{font:800 13px/1.25 system-ui,sans-serif;color:#101828} #isn-reader-v2 .isn-media-share-card small{display:block;color:#667085;font:500 11px/1.35 system-ui,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #isn-reader-v2 .isn-media-share-primary{width:100%;min-height:52px;border:0;border-radius:14px;background:#138a4b;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font:800 13px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(19,138,75,.22);margin:0 0 10px} #isn-reader-v2 .isn-media-share-primary svg{width:23px;height:23px} /* V2.7.2 Custom Reader Authentication */ #isn-reader-v2 .isn-account-form{display:grid;gap:12px;margin-top:4px} #isn-reader-v2 .isn-account-form label{display:grid;gap:6px;font:600 12px/1.3 system-ui,sans-serif;color:#344054} #isn-reader-v2 .isn-account-form input{width:100%;box-sizing:border-box;border:1px solid #d9dee8;border-radius:10px;padding:11px 12px;background:#fff;color:#111827;font:400 14px/1.35 system-ui,sans-serif;outline:none} #isn-reader-v2 .isn-account-form input:focus{border-color:#0A2A66;box-shadow:0 0 0 3px rgba(10,42,102,.08)} #isn-reader-v2 .isn-password-wrap{position:relative} #isn-reader-v2 .isn-password-wrap input{padding-right:58px} #isn-reader-v2 .isn-password-wrap button{position:absolute;right:7px;top:7px;border:0;background:#f2f5fa;color:#0A2A66;border-radius:8px;padding:6px 8px;font:700 11px/1 system-ui,sans-serif;cursor:pointer} #isn-reader-v2 .isn-account-primary{width:100%;border:0;border-radius:11px;padding:12px;background:#0A2A66;color:#fff;font:700 14px/1.2 system-ui,sans-serif;cursor:pointer} #isn-reader-v2 .isn-account-primary:disabled{opacity:.65;cursor:wait} #isn-reader-v2 .isn-account-links{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap} #isn-reader-v2 .isn-account-links button{border:0;background:transparent;color:#0A2A66;padding:3px 0;font:600 12px/1.3 system-ui,sans-serif;cursor:pointer;text-decoration:underline} #isn-reader-v2 .isn-account-status{min-height:18px;font:500 12px/1.4 system-ui,sans-serif;color:#344054} #isn-reader-v2 .isn-account-status.is-error{color:#b42318} #isn-reader-v2 .isn-account-helper{padding:10px 11px;border-radius:10px;background:#f7f9fc;color:#667085;font:400 11px/1.45 system-ui,sans-serif} #isn-reader-v2 .isn-v2-account-actions.single{grid-template-columns:1fr} @media(max-width:430px){#isn-reader-v2 .isn-v2-dialog{padding:19px;max-height:calc(100dvh - 20px)}.isn-v2-dialog .isn-share-grid{gap:7px}.isn-v2-dialog .isn-share-social{min-height:72px;border-radius:14px}.isn-v2-dialog .isn-share-social svg{width:24px;height:24px}} /* V2.6.2 share settings + quote mode refinement */ #isn-reader-v2 .isn-v2-quote.quote-mode-text{background:var(--q-bg);} #isn-reader-v2 .isn-v2-quote.quote-mode-text .isn-v2-quote-content{color:var(--q-color);text-shadow:none;align-items:center;justify-content:center;text-align:center;padding:38px 30px!important;} #isn-reader-v2 .isn-v2-quote.quote-mode-text .isn-v2-quote-content>span{background:var(--q-accent);} #isn-reader-v2 .isn-v2-quote.quote-mode-text .isn-v2-quote-content h2{color:var(--q-color);text-shadow:none;text-align:center;} #isn-reader-v2 .isn-v2-quote.quote-mode-text .isn-v2-quote-content blockquote{color:var(--q-color);text-align:center;} #isn-reader-v2 .isn-v2-quote.quote-mode-image .isn-v2-quote-content{align-items:center;justify-content:center;text-align:center;} #isn-reader-v2 .isn-v2-quote.quote-mode-image .isn-v2-quote-content{display:none!important;} #isn-reader-v2 .isn-v2-quote.quote-mode-image>img{object-fit:contain!important;object-position:center center!important;background:var(--q-bg,#111);} #isn-reader-v2 .isn-v2-account-card{display:flex;align-items:center;gap:12px;margin:4px 0 18px;padding:12px;border:1px solid #e6eaf0;border-radius:14px;background:#f8fafc}.isn-v2-account-card img{width:44px;height:44px;border-radius:50%;object-fit:cover}.isn-v2-account-card strong{display:block;font-size:14px}.isn-v2-account-card span{display:block;color:#667085;font-size:12px;margin-top:3px}.isn-v2-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.isn-v2-account-actions button{width:100%;border:0;border-radius:12px;padding:11px 12px;background:#0A2A66;color:#fff;font-weight:700;cursor:pointer}.isn-v2-account-actions button.secondary{background:#eef3fb;color:#0A2A66}.isn-v2-account-note{margin-top:12px;font-size:11px;line-height:1.5;color:#667085} /* V2.7.4 Reader Account profile foundation */ #isn-reader-v2 .isn-profile-photo-row{display:flex;align-items:center;gap:12px;padding:2px 0 8px} #isn-reader-v2 .isn-profile-avatar{width:58px;height:58px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#eef3fb;color:#0A2A66;font-size:24px;border:1px solid #d9e1ef;flex:0 0 58px} #isn-reader-v2 .isn-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block} #isn-reader-v2 .isn-photo-button{display:inline-flex!important;width:auto!important;display:flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:10px;background:#eef3fb;color:#0A2A66!important;font:700 12px/1.2 system-ui,sans-serif;cursor:pointer} #isn-reader-v2 .isn-profile-section{display:grid;gap:8px;padding:4px 0} #isn-reader-v2 .isn-profile-section>strong{font:700 12px/1.3 system-ui,sans-serif;color:#344054} #isn-reader-v2 .isn-profile-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px} #isn-reader-v2 .isn-profile-checks.single{grid-template-columns:1fr 1fr} #isn-reader-v2 .isn-profile-checks label{display:flex!important;align-items:center;gap:7px!important;padding:7px 8px;border:1px solid #e6eaf0;border-radius:9px;background:#fff;font:500 11px/1.3 system-ui,sans-serif!important;color:#344054!important} #isn-reader-v2 .isn-profile-checks input{width:auto!important;flex:0 0 auto} #isn-reader-v2 .isn-profile-form select{width:100%;box-sizing:border-box;border:1px solid #d9dee8;border-radius:10px;padding:11px 12px;background:#fff;color:#111827;font:400 14px/1.35 system-ui,sans-serif;outline:none} @media(max-width:420px){#isn-reader-v2 .isn-profile-checks,#isn-reader-v2 .isn-profile-checks.single{grid-template-columns:1fr}} /* V2.8.26 profile save UX + preference preservation */ #isn-reader-v2 .isn-profile-savebar{position:sticky;bottom:-1px;z-index:3;margin:4px -2px -2px;padding:10px 2px 2px;background:linear-gradient(180deg,rgba(255,255,255,.82),#fff 28%);border-top:1px solid #eef1f5;} #isn-reader-v2 .isn-profile-savebar .isn-account-primary{margin:0;} #isn-reader-v2 .isn-profile-savebar .isn-account-status{margin-top:6px;text-align:center;} #isn-reader-v2 .isn-profile-savebar .isn-account-links{justify-content:center;margin-top:4px;} #isn-reader-v2 .isn-profile-savebar .isn-account-links button{padding:2px 4px;} /* V2.8 header logo link */ .isn-v2-header-logo-link{display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;height:100%;min-width:0;} .isn-v2-header-logo-link:focus{outline:2px solid currentColor;outline-offset:2px;border-radius:6px;} /* V2.8.2 Metadata visibility contract: show complete region/author/date/views without ellipsis. */ #isn-reader-v2 .isn-v2-meta-overlay{height:max(var(--reader-meta-height),38px)!important;min-height:38px!important;} #isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-left{max-width:calc(100% - 76px)!important;} @media (max-width:499px){ #isn-reader-v2 .isn-v2-meta-overlay{height:max(var(--reader-meta-height),46px)!important;min-height:46px!important;padding-top:4px!important;padding-bottom:4px!important;} #isn-reader-v2 .isn-v2-meta-overlay>div{align-items:center;} #isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-left{max-width:calc(100% - 62px)!important;gap:0!important;} #isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-item{gap:3px;padding-right:6px;margin-right:6px;font-size:10px;line-height:1.1;} #isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-icon{width:12px;height:12px;flex-basis:12px;} #isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-views{font-size:10px;padding-left:6px;padding-right:2px;} } /* V2.8.3 Final metadata layout: category top-left, location/reporter above compact strip, date left + views right. */ #isn-reader-v2 .isn-v2-meta-overlay{height:max(var(--reader-meta-height),34px)!important;min-height:34px!important;padding:4px 14px!important;overflow:hidden!important;} #isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-row{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-width:0!important;} #isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-date{display:flex!important;align-items:center!important;min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;} #isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-date .isn-v2-meta-item{border:0!important;margin:0!important;padding:0!important;} #isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-views{display:flex!important;align-items:center!important;flex:0 0 auto!important;margin-left:auto!important;padding:0!important;} #isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-views .isn-v2-meta-item{border:0!important;margin:0!important;padding:0!important;} #isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-text{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;} #isn-reader-v2 .isn-v2-location-reporter{position:absolute;left:10px;right:auto;bottom:calc(max(var(--reader-meta-height),34px) + 6px);z-index:var(--z-meta);display:flex;align-items:center;flex-wrap:wrap;width:max-content;max-width:min(92%,calc(100% - 20px));box-sizing:border-box;padding:5px 9px;color:var(--reader-lr-location);font:600 12px/1.25 system-ui,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.9);background:color-mix(in srgb,var(--reader-lr-bg) calc(var(--reader-lr-opacity)*100%),transparent);border:1px solid rgba(255,255,255,.14);border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.22);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:none;overflow:hidden;}#isn-reader-v2 .isn-v2-location-reporter .isn-v2-location{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;color:var(--reader-lr-location);white-space:nowrap;}#isn-reader-v2 .isn-v2-location-reporter .isn-v2-reporter{min-width:0;max-width:min(58vw,420px);color:var(--reader-lr-reporter);font-weight:500;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;}#isn-reader-v2 .isn-v2-location-reporter .isn-v2-lr-sep{color:var(--reader-lr-separator);margin:0 5px;flex:0 0 auto;} #isn-reader-v2 .isn-location-reporter{} #isn-reader-v2 .isn-v2-location{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%;} #isn-reader-v2 .isn-v2-location .isn-v2-lr-icon{display:inline-flex;flex:0 0 auto;} #isn-reader-v2 .isn-v2-location .isn-v2-meta-icon{width:13px;height:13px;} #isn-reader-v2 .isn-v2-location>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #isn-reader-v2 .isn-v2-lr-sep{margin:0 5px;color:rgba(255,255,255,.65);} #isn-reader-v2 .isn-v2-reporter{color:var(--reader-lr-reporter);font-weight:500;} #isn-reader-v2 .isn-v2-category.pos-top-left{left:12px!important;top:12px!important;} @media(max-width:499px){ #isn-reader-v2 .isn-v2-meta-overlay{height:max(var(--reader-meta-height),34px)!important;min-height:34px!important;padding:4px 12px!important;} #isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-item{font-size:10px!important;line-height:1.1!important;} #isn-reader-v2 .isn-v2-meta-overlay .isn-v2-meta-icon{width:12px!important;height:12px!important;flex-basis:12px!important;} #isn-reader-v2 .isn-v2-location-reporter{left:8px;right:auto;bottom:calc(max(var(--reader-meta-height),34px) + 5px);max-width:calc(100% - 16px);padding:5px 8px;font-size:11px;} #isn-reader-v2 .isn-v2-location{max-width:100%;} #isn-reader-v2 .isn-v2-reporter{max-width:min(62vw,300px);} } /* V2.8.8 media polish: preserve full creatives while eliminating blank white letterbox areas. */ #isn-reader-v2 .isn-v2-special-media{background:#111!important;position:absolute;inset:0;overflow:hidden;isolation:isolate;} #isn-reader-v2 .isn-v2-special-media::before{content:"";position:absolute;inset:-14px;background-image:var(--special-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(18px);transform:scale(1.06);opacity:.72;z-index:0;} #isn-reader-v2 .isn-v2-special-media::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.12);z-index:0;pointer-events:none;} #isn-reader-v2 .isn-v2-special-media>*{z-index:1;} #isn-reader-v2 .isn-v2-ad-picture img{object-fit:contain!important;object-position:center!important;background:transparent!important;} #isn-reader-v2 .isn-v2-quote.quote-mode-image>img{object-fit:contain!important;object-position:center!important;background:transparent!important;} /* V2.8.8 card logo: contain the supplied logo instead of allowing a large/cropped visual. */ #isn-reader-v2 .isn-v2-reader-logo{width:min(var(--logo-size,20%),180px)!important;height:auto!important;max-width:24%!important;max-height:14%!important;object-fit:contain!important;object-position:center!important;background:transparent!important;} @media(max-width:699px){ #isn-reader-v2 .isn-v2-reader-logo{width:min(var(--logo-size,20%),120px)!important;max-width:28%!important;max-height:13%!important;} } /* V2.8.8 reporter: compact pill, full readable name with controlled two-line wrap. */ #isn-reader-v2 .isn-v2-location-reporter{width:fit-content!important;max-width:calc(100% - 20px)!important;overflow:visible!important;align-items:flex-start!important;} #isn-reader-v2 .isn-v2-location-reporter .isn-v2-location{flex:0 0 auto!important;} #isn-reader-v2 .isn-v2-location-reporter .isn-v2-reporter{flex:0 1 auto!important;max-width:none!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;word-break:break-word!important;} @media(max-width:499px){ #isn-reader-v2 .isn-v2-location-reporter{max-width:calc(100% - 16px)!important;padding:5px 8px!important;} #isn-reader-v2 .isn-v2-location-reporter .isn-v2-reporter{max-width:calc(100% - 76px)!important;} } /* V2.8.10 location/reporter alignment + quote background polish. */ #isn-reader-v2 .isn-v2-location-reporter{display:inline-flex!important;flex-wrap:nowrap!important;width:auto!important;max-width:calc(100% - 20px)!important;align-items:flex-start!important;overflow:visible!important;} #isn-reader-v2 .isn-v2-location-reporter .isn-v2-location{flex:0 0 auto!important;width:auto!important;max-width:none!important;white-space:nowrap!important;} #isn-reader-v2 .isn-v2-location-reporter .isn-v2-location>span:last-child{max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;} #isn-reader-v2 .isn-v2-location-reporter .isn-v2-reporter{flex:0 1 auto!important;min-width:0!important;max-width:calc(100% - 86px)!important;white-space:normal!important;overflow:visible!important;overflow-wrap:break-word!important;word-break:normal!important;} #isn-reader-v2 .isn-v2-quote.quote-mode-image{background:transparent!important;} /* V2.8.9 media refinement: adaptive video presentation and top-aligned image quotes. */ #isn-reader-v2 .isn-v2-ad-video{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;background:transparent;} #isn-reader-v2 .isn-v2-ad-video .isn-v2-video{position:relative;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:auto;object-fit:contain;background:transparent;display:block;z-index:1;} #isn-reader-v2 .isn-v2-ad-video .isn-v2-video-sound{z-index:var(--z-video);} #isn-reader-v2 .isn-v2-quote.quote-mode-image>img{object-fit:contain!important;object-position:center top!important;background:transparent!important;} #isn-reader-v2 .isn-v2-quote-card .isn-v2-special-media{background-position:center top!important;} @media(max-width:699px){ #isn-reader-v2 .isn-v2-ad-video .isn-v2-video{max-width:100%;max-height:100%;} } /* V2.8.10 mobile final overrides. */ @media(max-width:699px){ #isn-reader-v2 .isn-v2-location-reporter{display:inline-flex!important;flex-wrap:nowrap!important;max-width:calc(100% - 16px)!important;} #isn-reader-v2 .isn-v2-location-reporter .isn-v2-location{flex:0 0 auto!important;} #isn-reader-v2 .isn-v2-location-reporter .isn-v2-reporter{flex:0 1 auto!important;max-width:calc(100vw - 118px)!important;white-space:normal!important;} #isn-reader-v2 .isn-v2-quote.quote-mode-image{background:transparent!important;} } /* V2.8.12 Reader Media Canonical Fix * - Fallback news images: preserve the complete creative (never cover-crop). * - Image quotes: contain + center, with a blurred creative background filling * the reader surface so no distracting black/white band appears. * - Brand logo: contained and size-capped without cropping. * - Location + reporter: compact single-line pill with safe ellipsis. */ #isn-reader-v2 .isn-v2-main-image.isn-v2-fallback-image{ object-fit:contain!important; object-position:center center!important; background:#eef3f9!important; } #isn-reader-v2 .isn-v2-location-reporter{ display:flex!important; flex-wrap:nowrap!important; align-items:center!important; width:auto!important; max-width:calc(100% - 16px)!important; overflow:hidden!important; white-space:nowrap!important; } #isn-reader-v2 .isn-v2-location-reporter .isn-v2-location{ flex:0 1 auto!important; min-width:0!important; max-width:44%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #isn-reader-v2 .isn-v2-location-reporter .isn-v2-location>span:last-child{ min-width:0!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #isn-reader-v2 .isn-v2-location-reporter .isn-v2-reporter{ flex:1 1 auto!important; min-width:0!important; max-width:none!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; overflow-wrap:normal!important; word-break:normal!important; } #isn-reader-v2 .isn-v2-location-reporter .isn-v2-lr-sep{flex:0 0 auto!important;} #isn-reader-v2 .isn-v2-reader-logo{ width:min(var(--logo-size,18%),180px)!important; max-width:18%!important; max-height:14%!important; height:auto!important; object-fit:contain!important; object-position:center!important; background:transparent!important; } /* Quote surface: blurred copy fills the surface; original creative stays intact. */ #isn-reader-v2 .isn-v2-quote-card .isn-v2-special-media{ display:grid!important; place-items:center!important; background:#111!important; overflow:hidden!important; isolation:isolate!important; } #isn-reader-v2 .isn-v2-quote-card .isn-v2-special-media::before{ display:block!important; opacity:.72!important; z-index:0!important; } #isn-reader-v2 .isn-v2-quote-card .isn-v2-special-media::after{ display:block!important; opacity:.10!important; z-index:0!important; } #isn-reader-v2 .isn-v2-quote-card .isn-v2-special-media>*{z-index:1;} #isn-reader-v2 .isn-v2-quote-card .isn-v2-special-media>a{ position:absolute!important; inset:0!important; display:grid!important; place-items:center!important; z-index:2!important; } #isn-reader-v2 .isn-v2-quote.quote-mode-image{ position:relative!important; width:100%!important; height:100%!important; display:grid!important; place-items:center!important; background:transparent!important; overflow:hidden!important; } #isn-reader-v2 .isn-v2-quote.quote-mode-image>img{ position:relative!important; inset:auto!important; display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center center!important; background:transparent!important; z-index:1!important; } @media(max-width:699px){ #isn-reader-v2 .isn-v2-location-reporter{padding:5px 8px!important;} #isn-reader-v2 .isn-v2-location-reporter .isn-v2-location{max-width:44%!important;} #isn-reader-v2 .isn-v2-reader-logo{ width:min(var(--logo-size,18%),100px)!important; max-width:20%!important; max-height:12%!important; } } /* V2.8.13 Reader Media Stability */ #isn-reader-v2 .isn-v2-main-image.isn-v2-fallback-image{object-fit:contain!important;object-position:center center!important;width:100%!important;height:100%!important;background:#eef3f9!important;} #isn-reader-v2 .isn-v2-ad-picture,#isn-reader-v2 .isn-v2-quote.quote-mode-image{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;} #isn-reader-v2 .isn-v2-ad-picture .isn-v2-ad-image,#isn-reader-v2 .isn-v2-quote.quote-mode-image .isn-v2-quote-image{position:relative!important;inset:auto!important;display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;flex:0 0 auto!important;background:transparent!important;} #isn-reader-v2 .isn-v2-quote-card .isn-v2-special-media::before,#isn-reader-v2 .isn-v2-ad .isn-v2-special-media::before{background-position:center center!important;} #isn-reader-v2 .isn-v2-reader-logo{width:min(var(--logo-size,12%),120px)!important;max-width:14%!important;max-height:10%!important;height:auto!important;object-fit:contain!important;object-position:center!important;background:transparent!important;mix-blend-mode:multiply!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.22))!important;} @media(max-width:699px){#isn-reader-v2 .isn-v2-reader-logo{width:min(var(--logo-size,12%),92px)!important;max-width:16%!important;max-height:9%!important;}} /* V2.8.34 email-first Reader Identity */ #isn-reader-v2 .isn-account-links-center{justify-content:center;margin-top:8px} #isn-reader-v2 .isn-account-links-center button{text-decoration:none} #isn-reader-v2 .isn-profile-optional{font-weight:400;color:#667085;font-size:11px} /* V2.8.35 Reader Identity polish: branded sign-in, six-digit OTP and profile UX. */ #isn-reader-v2 .isn-v2-dialog:has(.isn-account-form){ width:min(430px,calc(100% - 8px)); border-radius:24px; padding:24px; box-shadow:0 24px 70px rgba(0,0,0,.28); } #isn-reader-v2 .isn-account-form{gap:13px;margin-top:8px} #isn-reader-v2 .isn-account-form label{font-size:12px;letter-spacing:.01em} #isn-reader-v2 .isn-account-form input, #isn-reader-v2 .isn-profile-form select{ min-height:46px;border-radius:13px;border:1px solid #dfe4ec;background:#fbfcfe; padding:12px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s; } #isn-reader-v2 .isn-account-form input:focus, #isn-reader-v2 .isn-profile-form select:focus{border-color:#0A2A66;background:#fff;box-shadow:0 0 0 4px rgba(10,42,102,.08)} #isn-reader-v2 .isn-account-primary{min-height:48px;border-radius:13px;font-size:14px;box-shadow:0 7px 18px rgba(10,42,102,.16);transition:transform .12s,box-shadow .12s,opacity .12s} #isn-reader-v2 .isn-account-primary:not(:disabled):active{transform:translateY(1px);box-shadow:0 4px 10px rgba(10,42,102,.13)} #isn-reader-v2 .isn-account-helper{padding:13px 14px;border:1px solid #e7ebf2;background:#f7f9fc;border-radius:14px;font-size:12px;line-height:1.5} #isn-reader-v2 .isn-account-icon-badge{width:44px;height:44px;margin:0 auto 1px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:#0A2A66;font-size:21px;box-shadow:inset 0 0 0 1px rgba(10,42,102,.08)} #isn-reader-v2 .isn-otp-helper{text-align:center} #isn-reader-v2 .isn-otp-helper strong{display:block;color:#182230;margin-top:2px;word-break:break-all} #isn-reader-v2 .isn-otp-helper span{display:block;margin-top:4px;color:#7a8492} #isn-reader-v2 .isn-otp-label{text-align:center;color:#344054;font:700 12px/1.3 system-ui,sans-serif;margin-top:2px} #isn-reader-v2 .isn-otp-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:2px 0 0} #isn-reader-v2 .isn-otp-box{width:100%!important;min-width:0!important;height:54px!important;min-height:54px!important;padding:0!important;text-align:center!important;border-radius:13px!important;background:#fff!important;border:1.5px solid #d9e0ea!important;font:800 21px/1 system-ui,sans-serif!important;color:#0A2A66!important;caret-color:#0A2A66} #isn-reader-v2 .isn-otp-box:focus{border-color:#0A2A66!important;box-shadow:0 0 0 4px rgba(10,42,102,.10)!important;background:#fff!important} #isn-reader-v2 .isn-otp-count{text-align:center;color:#7a8492;font:600 11px/1.3 system-ui,sans-serif} #isn-reader-v2 .isn-otp-count.is-expired{color:#b42318} #isn-reader-v2 .isn-otp-links{justify-content:center;gap:18px} #isn-reader-v2 .isn-otp-links button{font-size:11px;text-decoration:none} #isn-reader-v2 .isn-otp-links button:last-child{font-weight:700} #isn-reader-v2 .isn-account-form .isn-profile-verified{display:inline-flex;align-items:center;width:max-content;margin-left:4px;padding:2px 7px;border-radius:999px;background:#eaf8ef;color:#16834a;font:700 10px/1 system-ui,sans-serif;vertical-align:middle} #isn-reader-v2 .isn-profile-form input[readonly]{background:#f4f6f9;color:#667085;cursor:not-allowed} #isn-reader-v2 .isn-profile-hint{display:block;color:#7a8492;font:500 10px/1.4 system-ui,sans-serif;margin-top:-1px} #isn-reader-v2 .isn-profile-photo-row{padding:4px 0 13px;margin-bottom:2px;border-bottom:1px solid #eef1f5} #isn-reader-v2 .isn-profile-avatar{width:64px;height:64px;flex-basis:64px;box-shadow:0 3px 12px rgba(15,23,42,.08)} #isn-reader-v2 .isn-photo-button{min-height:40px!important;padding:9px 13px!important;border:1px solid #dfe6f0!important;background:#f5f8fd!important} #isn-reader-v2 .isn-profile-section{padding:8px 0 2px} #isn-reader-v2 .isn-profile-section>strong{font-size:12px;color:#182230} #isn-reader-v2 .isn-profile-checks label{min-height:38px;box-sizing:border-box;background:#fbfcfe;border-color:#e4e8ef} #isn-reader-v2 .isn-profile-checks label:has(input:checked){border-color:#b9c9e6;background:#f3f7ff;color:#0A2A66!important} #isn-reader-v2 .isn-profile-savebar{margin-top:10px;padding-top:12px;background:linear-gradient(180deg,rgba(255,255,255,.72),#fff 30%);} #isn-reader-v2 .isn-profile-savebar .isn-account-primary{min-height:48px} #isn-reader-v2 .isn-v2-account-card{padding:14px;border-radius:16px;background:linear-gradient(135deg,#f6f9ff,#fbfcfe);border-color:#e4e9f1} #isn-reader-v2 .isn-v2-account-card strong{font-size:15px;color:#172033} #isn-reader-v2 .isn-v2-account-card span{font-size:11px} #isn-reader-v2 .isn-v2-account-actions{gap:9px} #isn-reader-v2 .isn-v2-account-actions button{min-height:46px;border-radius:13px} #isn-reader-v2 .isn-v2-account-note{padding:14px;border:1px solid #e7ebf2;border-radius:14px;background:#f8fafc;font-size:12px} @media(max-width:430px){ #isn-reader-v2 .isn-v2-dialog:has(.isn-account-form){padding:20px;border-radius:22px} #isn-reader-v2 .isn-otp-boxes{gap:6px} #isn-reader-v2 .isn-otp-box{height:50px!important;min-height:50px!important;font-size:19px!important;border-radius:12px!important} } /* V2.8.36 Reader Identity UI + mail polish */ #isn-reader-v2 .isn-account-intro{display:grid;gap:3px;text-align:center;margin:0 4px 2px} #isn-reader-v2 .isn-account-intro strong{font:800 17px/1.2 system-ui,sans-serif;color:#172033} #isn-reader-v2 .isn-account-intro span{font:500 11px/1.45 system-ui,sans-serif;color:#7a8492} #isn-reader-v2 .isn-email-autofill-hint{margin-top:-7px;text-align:center} #isn-reader-v2 .isn-account-icon-verified{background:#eaf8ef;color:#16834a;font-weight:900} #isn-reader-v2 .isn-otp-title{text-align:center;font:800 18px/1.2 system-ui,sans-serif;color:#172033;margin-top:1px} #isn-reader-v2 .isn-otp-box{font-variant-numeric:tabular-nums;box-shadow:0 2px 7px rgba(15,23,42,.04)} #isn-reader-v2 .isn-otp-box:not(:placeholder-shown){border-color:#b9c9e6!important;background:#f7faff!important} #isn-reader-v2 .isn-otp-security{text-align:center;color:#98a2b3;font:500 10px/1.3 system-ui,sans-serif;margin-top:-4px} #isn-reader-v2 .isn-v2-account-note{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid #e5eaf2;border-radius:16px;background:linear-gradient(135deg,#f7faff,#fbfcfe)} #isn-reader-v2 .isn-v2-account-note .isn-account-note-icon{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:#eaf8ef;color:#16834a;font-weight:800} #isn-reader-v2 .isn-v2-account-note strong{display:block;font:800 14px/1.25 system-ui,sans-serif;color:#172033;margin-bottom:3px} #isn-reader-v2 .isn-v2-account-note span{display:block;font:500 11px/1.5 system-ui,sans-serif;color:#667085} #isn-reader-v2 .isn-v2-account-card{display:flex;align-items:center;gap:11px} #isn-reader-v2 .isn-v2-account-card img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 44px} #isn-reader-v2 .isn-v2-account-card strong{display:block} #isn-reader-v2 .isn-v2-account-card span{display:block;margin-top:3px} #isn-reader-v2 .isn-profile-form .isn-profile-hint{line-height:1.45} @media(max-width:430px){ #isn-reader-v2 .isn-v2-dialog:has(.isn-account-form){width:calc(100% - 18px);padding:18px} #isn-reader-v2 .isn-otp-boxes{gap:5px} #isn-reader-v2 .isn-otp-box{height:52px!important;min-height:52px!important;font-size:20px!important} } /* V2.8.48 Google Reader Identity */ .isn-google-signin-wrap{margin-top:16px;text-align:center} .isn-google-signin-wrap [data-google-signin]{min-height:44px;display:flex;justify-content:center;align-items:center} .isn-google-signin-wrap iframe{max-width:100%} .isn-google-loading{font-size:13px;color:#667085;padding:12px 8px} .isn-google-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:#98a2b3;font-size:12px} .isn-google-divider:before,.isn-google-divider:after{content:"";height:1px;background:#e4e7ec;flex:1} .isn-account-secondary{width:100%;min-height:44px;border:1px solid #d0d5dd;background:#fff;color:#0A2A66;border-radius:10px;font-weight:700;cursor:pointer} .isn-account-secondary:hover{background:#f7f9fc} .isn-google-status{margin-top:10px;color:#d92d20;font-size:12px;line-height:1.45}