/* ICON Swipe News 1.2.2 - full-content natural-flow reader with host-height collapse */
.icon-swipe-reader{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;background:var(--icon-content-bg,#fff);color:var(--icon-headline-color,#222);box-sizing:border-box;position:relative!important;overflow:visible!important;font-family:var(--icon-font-family,inherit);}
.icon-swipe-reader *{box-sizing:border-box;}
.icon-swipe-topbar{display:none!important;}
/* One article is rendered at a time. The reader itself never creates a viewport-sized spacer. */
.icon-swipe-feed{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;background:var(--icon-content-bg,#fff);display:block!important;overflow:visible!important;touch-action:none;overscroll-behavior:none;}
.icon-swipe-card{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;background:var(--icon-content-bg,#fff);overflow:visible!important;}
.icon-swipe-card-surface{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:var(--icon-content-bg,#fff);}
.icon-swipe-image-wrap{position:relative;width:100%;aspect-ratio:var(--icon-image-ratio,16 / 9);overflow:hidden;background:#eee;}
.icon-swipe-image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--icon-image-position,center center);}
.icon-swipe-image-topbar{position:absolute;inset:0 0 auto 0;height:68px;padding:15px 16px 0;display:flex;justify-content:space-between;align-items:flex-start;color:#fff;font-size:17px;line-height:1.2;background:linear-gradient(to bottom,rgba(0,0,0,.55),rgba(0,0,0,0));text-shadow:0 1px 3px rgba(0,0,0,.75);pointer-events:none;}
.icon-swipe-image-progress{font-variant-numeric:tabular-nums;}
.icon-swipe-category{position:absolute;left:16px;bottom:8px;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:8px;background:var(--icon-category-bg,#0787ee);color:var(--icon-category-text,#fff);font-size:12.5px;line-height:1;box-shadow:0 2px 7px rgba(0,0,0,.15);z-index:2;}
.icon-swipe-content{padding:9px var(--icon-pad-mobile,16px) 0!important;background:var(--icon-content-bg,#fff);}
.icon-swipe-content>.icon-swipe-category{position:relative;left:auto;bottom:auto;margin:0 0 6px;}
.icon-swipe-title{margin:0 0 4px!important;padding:0!important;font-size:var(--icon-title-mobile,20px)!important;line-height:var(--icon-title-lh,1.27)!important;font-weight:var(--icon-title-weight,700)!important;color:var(--icon-headline-color,#222)!important;letter-spacing:0;overflow-wrap:anywhere;}
.icon-swipe-excerpt{margin:0!important;padding:0!important;font-size:var(--icon-body-mobile,16px)!important;line-height:var(--icon-body-lh,1.45)!important;font-weight:var(--icon-body-weight,400)!important;color:var(--icon-body-color,#666);display:block!important;overflow:visible!important;white-space:normal!important;}
.icon-swipe-meta{height:29px!important;margin-top:4px!important;padding-top:4px;border-top:1px solid #e5e5e5;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto auto;align-items:center;gap:4px;color:var(--icon-meta-color,#707984);font-size:var(--icon-meta-size,10px);line-height:1;white-space:nowrap;overflow:hidden;}
.icon-swipe-meta>span{display:inline-flex;align-items:center;gap:3px;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.icon-swipe-meta>span>span{overflow:hidden;text-overflow:ellipsis;}
.icon-swipe-meta svg{width:13px;height:13px;flex:0 0 13px;}
.icon-swipe-meta>i{width:1px;height:16px;background:#ddd;display:block;}
.icon-swipe-actions{display:grid;grid-template-columns:minmax(0,1fr) 66px 70px 32px;gap:4px;align-items:center;margin:2px 0 0!important;}
.icon-swipe-actions a,.icon-swipe-actions button{height:var(--icon-action-height,32px)!important;min-height:var(--icon-action-height,32px)!important;max-height:var(--icon-action-height,32px)!important;border:2px solid var(--icon-accent,#0787ee);border-radius:var(--icon-button-radius,17px);background:var(--icon-button-bg,#fff);color:var(--icon-button-text,#222);display:flex;align-items:center;justify-content:center;gap:3px;padding:0 5px;font:inherit;font-size:10px!important;font-weight:400;line-height:1;white-space:nowrap;text-decoration:none;overflow:hidden;box-shadow:none;}
.icon-swipe-actions button{cursor:pointer;}
.icon-swipe-actions svg{width:15px;height:15px;flex:0 0 15px;}
.icon-swipe-read-more svg{width:16px;height:16px;}
.icon-swipe-bookmark-card{width:32px;padding:0!important;}
.icon-swipe-bookmark-card svg{width:15px;height:15px;}
.icon-swipe-like-card.is-liked,.icon-swipe-bookmark-card.is-saved{background:#eef7ff;}
/* The cue is part of the article flow. It can never consume leftover viewport height. */
.icon-swipe-page-cue{border:0!important;background:transparent!important;color:var(--icon-cue-color,#7a8792);width:100%;height:18px!important;min-height:18px!important;max-height:18px!important;margin:1px 0 2px!important;padding:0!important;display:flex;align-items:center;justify-content:center;gap:4px;font:inherit;font-size:9.5px!important;line-height:1;cursor:pointer;}
.icon-swipe-page-cue .icon-swipe-cue-arrow{font-size:16px;line-height:16px;color:var(--icon-accent,#0787ee);font-weight:600;animation:iconSwipeCue .95s ease-in-out infinite;}
.icon-swipe-page-cue:focus-visible{outline:2px solid var(--icon-accent,#0787ee);outline-offset:1px;border-radius:4px;}
@keyframes iconSwipeCue{0%,100%{transform:translateY(2px)}50%{transform:translateY(-2px)}}
.icon-swipe-loading{min-height:100px;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px;}
.icon-swipe-spinner{width:18px;height:18px;border:2px solid #ddd;border-top-color:var(--icon-accent,#0787ee);border-radius:50%;animation:iconSpin .7s linear infinite;margin-right:8px;}
@keyframes iconSpin{to{transform:rotate(360deg)}}
.icon-swipe-side-actions,.icon-swipe-next-cue{display:none!important;}
.icon-swipe-enter-up{animation:iconSwipeEnterUp var(--icon-animation,140ms) ease-out both;}
.icon-swipe-enter-down{animation:iconSwipeEnterDown var(--icon-animation,140ms) ease-out both;}
@keyframes iconSwipeEnterUp{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes iconSwipeEnterDown{from{opacity:.35;transform:translateY(-10px)}to{opacity:1;transform:none}}


/* V1.0.2: the reader must not inherit a theme/page min-height that creates a
   large blank region after a short article. JS marks only ancestors that
   actually contain this reader, so unrelated site sections are untouched. */
.icon-swipe-host-collapsed{min-height:0!important;height:auto!important;max-height:none!important;}
.icon-swipe-host-collapsed .icon-swipe-reader{height:auto!important;min-height:0!important;}

.icon-swipe-reader{width:var(--icon-reader-width,100%)!important;}
.icon-swipe-actions.count-1{grid-template-columns:minmax(0,1fr);}
.icon-swipe-actions.count-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.icon-swipe-actions.count-3{grid-template-columns:minmax(0,1fr) minmax(66px,.42fr) minmax(70px,.45fr);}
.icon-swipe-actions.count-4{grid-template-columns:minmax(0,1fr) 66px 70px 32px;}
@media (min-width:601px){
  .icon-swipe-content{padding-left:var(--icon-pad-desktop,20px)!important;padding-right:var(--icon-pad-desktop,20px)!important;}
  .icon-swipe-image-topbar{padding-left:20px;padding-right:20px;}
  .icon-swipe-category{left:20px;}
  .icon-swipe-title{font-size:var(--icon-title-desktop,21px)!important;}
  .icon-swipe-excerpt{font-size:var(--icon-body-desktop,17px)!important;line-height:var(--icon-body-lh,1.48)!important;}
  .icon-swipe-actions{grid-template-columns:minmax(0,1fr) 72px 78px 34px;gap:5px;}
  .icon-swipe-actions a,.icon-swipe-actions button{font-size:10.5px!important;}
}
@media (max-width:380px){
  .icon-swipe-content{padding-left:var(--icon-pad-mobile,16px)!important;padding-right:var(--icon-pad-mobile,16px)!important;}
  .icon-swipe-image-topbar{padding-left:14px;padding-right:14px;font-size:16px;}
  .icon-swipe-category{left:14px;height:31px;font-size:12px;padding:0 11px;}
  .icon-swipe-title{font-size:var(--icon-title-mobile,20px)!important;line-height:var(--icon-title-lh,1.27)!important;}
  .icon-swipe-excerpt{font-size:var(--icon-body-mobile,16px)!important;line-height:var(--icon-body-lh,1.45)!important;}
  .icon-swipe-actions{grid-template-columns:minmax(0,1fr) 64px 68px 31px;gap:3px;}
  .icon-swipe-actions a,.icon-swipe-actions button{font-size:9.7px!important;padding-left:3px;padding-right:3px;}
  .icon-swipe-bookmark-card{width:31px;}
}


/* V1.1.2: keep the current article's metadata + action buttons fixed above the
   site's fixed bottom navigation on every news item. The dock is populated by
   JS whenever the active news changes. */
.icon-swipe-fixed-dock{
  position:fixed!important;
  left:50%!important;
  bottom:var(--icon-bottom-nav-height,0px)!important;
  transform:translateX(-50%)!important;
  width:var(--icon-reader-width,100%)!important;
  max-width:100vw!important;
  z-index:9998!important;
  margin:0!important;
  padding:0 var(--icon-pad-mobile,16px) 4px!important;
  background:var(--icon-content-bg,#fff)!important;
  color:var(--icon-meta-color,#707984)!important;
  box-shadow:0 -1px 5px rgba(0,0,0,.08)!important;
}
.icon-swipe-fixed-dock.is-empty{display:none!important;}
.icon-swipe-fixed-dock .icon-swipe-dock-meta{width:100%;}
.icon-swipe-fixed-dock .icon-swipe-dock-actions{width:100%;}
.icon-swipe-fixed-dock .icon-swipe-meta{margin-top:0!important;}
.icon-swipe-fixed-dock .icon-swipe-actions{margin:2px 0 0!important;}
.icon-swipe-feed{padding-bottom:calc(var(--icon-fixed-dock-space,0px) + 6px)!important;}
@media (min-width:601px){
  .icon-swipe-fixed-dock{padding-left:var(--icon-pad-desktop,20px)!important;padding-right:var(--icon-pad-desktop,20px)!important;}
}
@media (max-width:380px){
  .icon-swipe-fixed-dock{padding-left:var(--icon-pad-mobile,14px)!important;padding-right:var(--icon-pad-mobile,14px)!important;}
}

/* V1.2.2: Download Image replaces Save/Bookmark in the action row. */
.icon-swipe-download-card svg{width:15px;height:15px;flex:0 0 15px;}
.icon-swipe-download-card:disabled{opacity:.55;cursor:wait!important;}
.icon-swipe-download-card span{display:none!important;}
@media (min-width:601px){.icon-swipe-download-card span{display:inline!important;}.icon-swipe-actions.count-4{grid-template-columns:minmax(0,1fr) 72px 78px 70px;}}
@media (max-width:380px){.icon-swipe-actions.count-4{grid-template-columns:minmax(0,1fr) 58px 64px 31px;}.icon-swipe-download-card{width:31px;padding:0!important;}}


/* V1.3.3: full-width metadata bar at the bottom of the hero image. */
.icon-swipe-image-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch;gap:5px;z-index:4;pointer-events:none;}
.icon-swipe-image-bottom .icon-swipe-category{position:static!important;left:auto!important;bottom:auto!important;align-self:flex-start;margin:0 0 0 16px;}
.icon-swipe-image-meta{width:100%;max-width:none;height:36px!important;margin:0!important;padding:0 14px!important;border:0!important;display:flex!important;align-items:center!important;justify-content:flex-start;gap:7px;color:#fff!important;font-size:var(--icon-meta-size,10px)!important;line-height:1;white-space:nowrap;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,.95);background:rgba(0,0,0,var(--icon-meta-opacity,.64));border-radius:0!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 -1px 7px rgba(0,0,0,.16);}
.icon-swipe-image-meta>span{display:inline-flex!important;align-items:center;gap:3px;min-width:0;overflow:hidden;text-overflow:ellipsis;}
.icon-swipe-image-meta>span>span{overflow:hidden;text-overflow:ellipsis;}
.icon-swipe-image-meta>i{width:1px!important;height:16px!important;background:rgba(255,255,255,.62)!important;flex:0 0 1px;}
.icon-swipe-image-meta svg{width:13px!important;height:13px!important;flex:0 0 13px;}

/* V1.3.3: higher, lighter, icon-only transparent right-side actions. */
.icon-swipe-fixed-dock{display:none!important;}
.icon-swipe-feed{padding-bottom:8px!important;}
.icon-swipe-side-actions{position:fixed!important;right:7px!important;bottom:calc(var(--icon-side-bottom,82px) + var(--icon-side-offset,145px))!important;top:auto!important;display:flex!important;flex-direction:column!important;align-items:center;gap:7px;width:44px!important;z-index:10000!important;pointer-events:none;}
.icon-swipe-side-actions.is-empty{display:none!important;}
.icon-swipe-side-btn{pointer-events:auto;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:50%!important;background:rgba(0,0,0,var(--icon-side-opacity,.09))!important;color:rgba(255,255,255,.90)!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;box-shadow:0 1px 4px rgba(0,0,0,.08)!important;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px);cursor:pointer!important;text-shadow:0 1px 3px rgba(0,0,0,.75);}
.icon-swipe-side-btn svg{width:21px!important;height:21px!important;display:block;}
.icon-swipe-side-btn:hover,.icon-swipe-side-btn:focus-visible{background:rgba(0,0,0,.26)!important;color:#fff!important;}
.icon-swipe-side-btn.is-liked{background:rgba(7,135,238,.58)!important;}
.icon-swipe-side-btn:disabled{opacity:.50!important;cursor:wait!important;}
.icon-swipe-side-btn span{display:none!important;}
@media(max-width:380px){.icon-swipe-image-bottom .icon-swipe-category{margin-left:13px;}.icon-swipe-image-meta{height:34px!important;padding:0 11px!important;}.icon-swipe-side-actions{right:5px!important;bottom:calc(var(--icon-side-bottom,82px) + var(--icon-side-offset,135px))!important;gap:6px;width:40px!important;}.icon-swipe-side-btn{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;background:rgba(0,0,0,var(--icon-side-opacity,.075))!important;}.icon-swipe-side-btn svg{width:19px!important;height:19px!important;}}
@media(min-width:601px){.icon-swipe-side-actions{right:14px!important;bottom:calc(var(--icon-side-bottom,82px) + var(--icon-side-offset,115px))!important;}.icon-swipe-side-btn{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;background:rgba(0,0,0,var(--icon-side-opacity,.09))!important;}.icon-swipe-side-btn svg{width:22px!important;height:22px!important;}}

/* Milestone 5: persistent per-card action dock above the site's fixed bottom nav. */
.icon-swipe-fixed-dock{display:block!important;left:50%!important;bottom:var(--icon-bottom-nav-height,0px)!important;transform:translateX(-50%)!important;width:var(--icon-reader-width,100%)!important;max-width:100vw!important;z-index:9998!important;padding:5px var(--icon-pad-mobile,16px) 7px!important;background:rgba(255,255,255,.97)!important;border-top:1px solid rgba(0,0,0,.08)!important;box-shadow:0 -2px 10px rgba(0,0,0,.08)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.icon-swipe-fixed-dock.is-empty{display:none!important;}
.icon-swipe-fixed-dock .icon-swipe-dock-meta{display:none!important;}
.icon-swipe-fixed-dock .icon-swipe-dock-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;}
.icon-swipe-fixed-dock .icon-swipe-dock-btn{height:34px!important;min-height:34px!important;border:1px solid rgba(0,0,0,.10)!important;border-radius:17px!important;background:rgba(255,255,255,.9)!important;color:var(--icon-button-text,#222)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:0 12px!important;font:inherit!important;font-size:11px!important;cursor:pointer!important;}
.icon-swipe-fixed-dock .icon-swipe-dock-btn svg{width:15px!important;height:15px!important;flex:0 0 15px!important;}
.icon-swipe-fixed-dock .icon-swipe-dock-btn.is-liked{background:#eef7ff!important;color:var(--icon-accent,#0787ee)!important;border-color:rgba(7,135,238,.22)!important;}
.icon-swipe-fixed-dock .icon-swipe-dock-btn:disabled{opacity:.5!important;cursor:wait!important;}
@media(max-width:380px){.icon-swipe-fixed-dock{padding-left:10px!important;padding-right:10px!important;}.icon-swipe-fixed-dock .icon-swipe-dock-btn{padding:0 9px!important;font-size:10px!important;gap:4px!important;}}

/* Milestone 5.1: shared links use a dedicated reader template. Hide the normal
   single-post wrappers so a shared URL can never render a duplicate article. */
.icon-swipe-shared-reader-page .icon-swipe-shared-reader-main{width:100%;margin:0!important;padding:0!important;}
.icon-swipe-shared-reader-page .icon-swipe-shared-reader-main > *:not(.icon-swipe-reader){margin:0!important;}


/* V1.5.5: polished modal share sheet. The previous JS created the dialog but no
   stylesheet was present, so the share UI was appended as ordinary page
   content near the footer. */
.icon-swipe-share-sheet{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2147483000!important;display:none!important;align-items:flex-end!important;justify-content:center!important;margin:0!important;padding:0!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
.icon-swipe-share-sheet.is-open{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
.icon-swipe-share-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.48)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;}
.icon-swipe-share-dialog{position:relative!important;width:min(520px,100vw)!important;max-height:min(72dvh,620px)!important;overflow:auto!important;margin:0!important;padding:20px 16px calc(20px + env(safe-area-inset-bottom))!important;background:#fff!important;color:#222!important;border-radius:20px 20px 0 0!important;box-shadow:0 -10px 40px rgba(0,0,0,.22)!important;z-index:1!important;transform:translateY(0)!important;}
.icon-swipe-share-close{position:absolute!important;right:12px!important;top:10px!important;width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:#f1f1f1!important;color:#333!important;font-size:24px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;}
.icon-swipe-share-dialog h3{margin:0 42px 8px!important;padding:0!important;font-size:22px!important;line-height:1.25!important;color:#222!important;font-weight:700!important;}
.icon-swipe-share-preview{margin:0 42px 16px 0!important;padding:0!important;font-size:13px!important;line-height:1.45!important;color:#666!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.icon-swipe-share-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:0!important;padding:0!important;}
.icon-swipe-share-grid button{min-height:44px!important;border:1px solid #ddd!important;border-radius:11px!important;background:#fafafa!important;color:#222!important;padding:8px 6px!important;font:inherit!important;font-size:13px!important;cursor:pointer!important;box-shadow:none!important;}
.icon-swipe-share-grid button:hover,.icon-swipe-share-grid button:focus-visible{background:#f0f6fb!important;border-color:#b8d8ef!important;outline:none!important;}
@media(max-width:380px){.icon-swipe-share-dialog{padding-left:12px!important;padding-right:12px!important;}.icon-swipe-share-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}

/* Keep a short card visually occupying the reader area so the site's footer
   cannot appear immediately under a short article. This does not add a fake
   scroll section; the next card is still selected by the swipe gesture. */
.icon-swipe-reader.icon-swipe-reader-short-card{min-height:calc(100dvh - var(--icon-reader-top-offset,0px))!important;}
.icon-swipe-reader.icon-swipe-reader-short-card .icon-swipe-feed,
.icon-swipe-reader.icon-swipe-reader-short-card .icon-swipe-card,
.icon-swipe-reader.icon-swipe-reader-short-card .icon-swipe-card-surface{min-height:calc(100dvh - var(--icon-reader-top-offset,0px))!important;}
.icon-swipe-reader.icon-swipe-reader-short-card .icon-swipe-content{min-height:calc(100dvh - var(--icon-reader-top-offset,0px) - var(--icon-image-short-offset,0px))!important;padding-bottom:22px!important;}

/* V1.5.5: keep the share wizard out of document flow and prevent the page
   behind it from moving while the bottom sheet is open. */
html.icon-swipe-share-open,body.icon-swipe-share-open{overflow:hidden!important;overscroll-behavior:none!important;}
.icon-swipe-share-sheet{isolation:isolate;}
.icon-swipe-share-dialog{padding-top:24px!important;}
.icon-swipe-share-dialog:before{content:"";display:block;width:38px;height:4px;border-radius:4px;background:rgba(0,0,0,.16);margin:0 auto 14px;}
@media(max-width:600px){.icon-swipe-share-dialog{width:100%!important;border-radius:22px 22px 0 0!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important;}}

/* V1.5.5 share-card preview */
.icon-swipe-share-card-preview{display:flex!important;gap:11px!important;align-items:flex-start!important;margin:0 34px 16px 0!important;padding:0!important;}
.icon-swipe-share-thumb{width:82px!important;height:58px!important;flex:0 0 82px!important;object-fit:cover!important;border-radius:9px!important;background:#eee!important;display:block!important;}
.icon-swipe-share-card-preview>div{min-width:0!important;}
.icon-swipe-share-card-preview .icon-swipe-share-preview{margin:0 0 4px!important;}
.icon-swipe-share-url{display:block!important;color:#8a8a8a!important;font-size:10px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}


/* Milestone 6: engagement controls and dedicated shared route. */
.icon-swipe-side-btn .icon-swipe-count{position:absolute!important;right:-2px!important;bottom:-2px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;border-radius:9px!important;background:rgba(0,0,0,.55)!important;color:#fff!important;font-size:9px!important;line-height:16px!important;text-align:center!important;text-shadow:none!important;}
.icon-swipe-side-btn{position:relative!important;}
.icon-swipe-side-btn.is-bookmarked{background:rgba(7,135,238,.50)!important;color:#fff!important;}
.icon-swipe-fixed-dock .icon-swipe-count{font-weight:600!important;}
.icon-swipe-shared-route{width:100%!important;margin:0!important;padding:0!important;}
.icon-swipe-shared-route .icon-swipe-shared-reader-main{width:100%!important;margin:0!important;padding:0!important;}
@media(max-width:600px){.icon-swipe-shared-route .icon-swipe-reader{width:100%!important;max-width:100%!important;}}


/* V1.6.1 — Instagram/Reels-style vertical engagement rail.
   Counts sit below each icon instead of being hidden inside a bubble. */
.icon-swipe-side-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:13px!important;
  width:54px!important;
  pointer-events:auto!important;
}
.icon-swipe-side-btn{
  position:relative!important;
  width:50px!important;
  min-width:50px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  text-shadow:0 1px 5px rgba(0,0,0,.75)!important;
}
.icon-swipe-side-btn svg{
  width:29px!important;
  height:29px!important;
  flex:0 0 29px!important;
  filter:drop-shadow(0 1px 4px rgba(0,0,0,.55))!important;
}
.icon-swipe-side-btn .icon-swipe-action-count{
  display:block!important;
  position:static!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.1!important;
  text-align:center!important;
  text-shadow:0 1px 5px rgba(0,0,0,.8)!important;
}
.icon-swipe-side-btn:hover,.icon-swipe-side-btn:focus-visible{
  background:transparent!important;
  color:#fff!important;
  transform:scale(1.06)!important;
  outline:none!important;
}
.icon-swipe-side-btn:active{transform:scale(.94)!important;}
.icon-swipe-side-btn.is-liked svg{fill:currentColor!important;}
.icon-swipe-side-btn.is-liked{color:#ff2d55!important;}
.icon-swipe-side-btn.is-bookmarked svg{fill:currentColor!important;}
@media(max-width:600px){
  .icon-swipe-side-actions{right:8px!important;gap:15px!important;width:52px!important;}
  .icon-swipe-side-btn{width:48px!important;min-width:48px!important;}
  .icon-swipe-side-btn svg{width:28px!important;height:28px!important;flex-basis:28px!important;}
  .icon-swipe-side-btn .icon-swipe-action-count{font-size:11px!important;}
}
@media(max-width:380px){
  .icon-swipe-side-actions{right:4px!important;gap:12px!important;width:46px!important;}
  .icon-swipe-side-btn{width:44px!important;min-width:44px!important;}
  .icon-swipe-side-btn svg{width:25px!important;height:25px!important;flex-basis:25px!important;}
  .icon-swipe-side-btn .icon-swipe-action-count{font-size:10px!important;}
}

/* V1.6.2 — Transparent adaptive action rail.
   No button circles/backgrounds. The icons use difference blending so white
   artwork becomes dark over the white article area and light over dark media. */
.icon-swipe-side-actions::before{
  content:"";
  position:absolute!important;
  top:-18px!important;
  bottom:-18px!important;
  left:9px!important;
  right:9px!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.10),rgba(0,0,0,0))!important;
  filter:blur(10px)!important;
  border-radius:28px!important;
}
.icon-swipe-side-btn{
  mix-blend-mode:difference!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  outline:none!important;
  isolation:auto!important;
}
.icon-swipe-side-btn svg{
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.95)) drop-shadow(0 0 2px rgba(0,0,0,.75))!important;
}
.icon-swipe-side-btn .icon-swipe-action-count{
  color:#fff!important;
  mix-blend-mode:difference!important;
  text-shadow:0 1px 3px rgba(0,0,0,.95)!important;
  font-weight:600!important;
  letter-spacing:.05px!important;
}
.icon-swipe-side-btn.is-liked{
  mix-blend-mode:normal!important;
  color:#ff2d55!important;
  background:transparent!important;
}
.icon-swipe-side-btn.is-liked svg{
  filter:drop-shadow(0 0 1px #fff) drop-shadow(0 1px 3px rgba(0,0,0,.95))!important;
}
.icon-swipe-side-btn.is-liked .icon-swipe-action-count{
  color:#ff2d55!important;
  mix-blend-mode:normal!important;
  text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 1px rgba(255,255,255,.9)!important;
}
.icon-swipe-side-btn.is-bookmarked{
  background:transparent!important;
}
.icon-swipe-side-btn:hover,.icon-swipe-side-btn:focus-visible{
  background:transparent!important;
  box-shadow:none!important;
}
.icon-swipe-side-btn:focus-visible svg{
  filter:drop-shadow(0 0 2px rgba(255,255,255,.95)) drop-shadow(0 1px 3px rgba(0,0,0,.95))!important;
}
@media(max-width:600px){
  .icon-swipe-side-actions::before{left:8px!important;right:8px!important;}
  .icon-swipe-side-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.95)) drop-shadow(0 0 2px rgba(0,0,0,.75))!important;}
}


/* ================================================================
   V1.7.0 — Performance, Mobile & Reader Polish
   The reader is measured against the visible viewport. Article length may
   grow naturally, but short cards fill only the available reader viewport.
   The action rail is viewport-anchored rather than content-height-anchored.
   ================================================================ */
.icon-swipe-reader{
  --icon-reader-vh:100dvh;
  --icon-reader-top-offset:0px;
  --icon-reader-bottom-offset:0px;
  --icon-reader-available:100dvh;
  min-height:var(--icon-reader-available)!important;
  overflow:visible!important;
}
.icon-swipe-feed{min-height:0!important;}
.icon-swipe-card,.icon-swipe-card-surface{min-height:0!important;}
.icon-swipe-reader.icon-swipe-reader-short-card,
.icon-swipe-reader.icon-swipe-reader-short-card .icon-swipe-feed,
.icon-swipe-reader.icon-swipe-reader-short-card .icon-swipe-card,
.icon-swipe-reader.icon-swipe-reader-short-card .icon-swipe-card-surface{
  min-height:var(--icon-reader-available)!important;
}
.icon-swipe-reader.icon-swipe-reader-short-card .icon-swipe-content{
  min-height:calc(var(--icon-reader-available) - var(--icon-image-rendered-height,0px))!important;
  padding-bottom:clamp(22px,4vh,48px)!important;
}
.icon-swipe-side-actions{
  top:var(--icon-side-top,55vh)!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
}
.icon-swipe-side-actions .icon-swipe-side-btn{
  transition:transform .16s ease,opacity .16s ease!important;
}
.icon-swipe-side-actions .icon-swipe-side-btn:active{transform:scale(.92)!important;}
.icon-swipe-side-actions .icon-swipe-side-btn svg{shape-rendering:geometricPrecision;}
.icon-swipe-image{content-visibility:auto;}
@media(max-width:600px){
  .icon-swipe-reader{min-height:var(--icon-reader-available)!important;}
  .icon-swipe-image-wrap{contain:layout paint style;}
  .icon-swipe-side-actions{top:var(--icon-side-top,55vh)!important;right:max(6px,env(safe-area-inset-right))!important;}
}
@media(max-width:380px){
  .icon-swipe-side-actions{top:var(--icon-side-top,54vh)!important;}
}
@media(orientation:landscape) and (max-width:900px){
  .icon-swipe-side-actions{top:52vh!important;}
  .icon-swipe-reader.icon-swipe-reader-short-card .icon-swipe-content{padding-bottom:18px!important;}
}
@media(prefers-reduced-motion:reduce){
  .icon-swipe-enter-up,.icon-swipe-enter-down,.icon-swipe-page-cue .icon-swipe-cue-arrow{animation:none!important;}
  .icon-swipe-side-actions .icon-swipe-side-btn{transition:none!important;}
}


/* V1.8.0 — Smart Feed & Discovery */
.icon-swipe-discovery{position:absolute!important;z-index:20!important;top:10px!important;left:10px!important;right:10px!important;display:flex!important;align-items:center!important;gap:7px!important;pointer-events:auto!important;max-width:720px!important;margin:0 auto!important;}
.icon-swipe-discovery[hidden],.icon-swipe-search-box[hidden]{display:none!important;}
.icon-swipe-discovery-search{width:38px!important;height:38px!important;flex:0 0 38px!important;border:0!important;border-radius:50%!important;background:rgba(0,0,0,.38)!important;color:#fff!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;font-size:23px!important;line-height:38px!important;padding:0!important;cursor:pointer!important;text-shadow:0 1px 3px rgba(0,0,0,.7)!important;}
.icon-swipe-category-select{height:38px!important;max-width:210px!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:19px!important;background:rgba(0,0,0,.38)!important;color:#fff!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;padding:0 30px 0 13px!important;font-size:12px!important;outline:none!important;cursor:pointer!important;}
.icon-swipe-category-select option{color:#222;background:#fff;}
.icon-swipe-search-box{display:flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important;height:38px!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:19px!important;background:rgba(0,0,0,.38)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;overflow:hidden!important;}
.icon-swipe-search-input{flex:1 1 auto!important;min-width:0!important;height:36px!important;border:0!important;background:transparent!important;color:#fff!important;padding:0 10px!important;font-size:13px!important;outline:none!important;box-shadow:none!important;}
.icon-swipe-search-input::placeholder{color:rgba(255,255,255,.82)!important;}
.icon-swipe-search-clear{width:36px!important;height:36px!important;flex:0 0 36px!important;border:0!important;background:transparent!important;color:#fff!important;font-size:22px!important;line-height:36px!important;padding:0!important;cursor:pointer!important;}
.icon-swipe-empty{min-height:240px!important;padding:70px 24px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#666!important;background:#fff!important;gap:8px!important;}
.icon-swipe-empty strong{font-size:20px!important;color:#222!important;}
.icon-swipe-empty span{font-size:13px!important;max-width:420px!important;line-height:1.5!important;}
.icon-swipe-empty-reset{margin-top:8px!important;border:1px solid #0787ee!important;border-radius:18px!important;background:#fff!important;color:#0787ee!important;padding:8px 16px!important;cursor:pointer!important;}
@media(max-width:600px){
 .icon-swipe-discovery{top:8px!important;left:8px!important;right:8px!important;gap:5px!important;}
 .icon-swipe-discovery-search{width:34px!important;height:34px!important;flex-basis:34px!important;line-height:34px!important;font-size:21px!important;}
 .icon-swipe-category-select{height:34px!important;max-width:150px!important;border-radius:17px!important;font-size:11px!important;padding-left:10px!important;}
 .icon-swipe-search-box{height:34px!important;border-radius:17px!important;}
 .icon-swipe-search-input{height:32px!important;font-size:12px!important;}
 .icon-swipe-search-clear{height:32px!important;line-height:32px!important;}
}

/* ================================================================
   V1.9.0 — Production stability & resilient states
   ================================================================ */
.icon-swipe-error{
  min-height:240px!important;padding:60px 24px!important;display:flex!important;
  flex-direction:column!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;background:var(--icon-content-bg,#fff)!important;color:#666!important;gap:8px!important;
}
.icon-swipe-error strong{font-size:20px!important;color:var(--icon-headline-color,#222)!important;line-height:1.35!important}
.icon-swipe-error span{font-size:13px!important;line-height:1.5!important}
.icon-swipe-retry{margin-top:8px!important;border:1px solid var(--icon-accent,#0787ee)!important;border-radius:20px!important;background:transparent!important;color:var(--icon-accent,#0787ee)!important;padding:9px 20px!important;font-weight:600!important;cursor:pointer!important}
.icon-swipe-retry:active{transform:scale(.97)!important}
.icon-swipe-loading .icon-swipe-spinner{will-change:transform}

/* V1.9.2: canonical branded share message and non-duplicating social metadata. */
.icon-swipe-share-heading{margin:0 42px 10px 0!important;padding:0!important;}
.icon-swipe-share-kicker{display:block!important;margin:0 0 3px!important;font-size:9px!important;line-height:1.2!important;letter-spacing:.16em!important;font-weight:800!important;color:#0787ee!important;}
.icon-swipe-share-heading h3{margin:0!important;font-size:25px!important;line-height:1.18!important;}
.icon-swipe-share-preview-copy{min-width:0!important;padding-top:1px!important;}
.icon-swipe-share-card-preview{align-items:center!important;padding:10px!important;border:1px solid #e8e8e8!important;border-radius:14px!important;background:#fafafa!important;box-shadow:0 2px 10px rgba(0,0,0,.04)!important;}
.icon-swipe-share-thumb{width:88px!important;height:62px!important;flex-basis:88px!important;border-radius:10px!important;}
.icon-swipe-share-preview{font-size:14px!important;line-height:1.35!important;color:#222!important;font-weight:650!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
.icon-swipe-share-meta{display:block!important;margin-top:4px!important;color:#707070!important;font-size:10px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.icon-swipe-share-url{margin-top:3px!important;color:#0787ee!important;}
.icon-swipe-share-grid{gap:10px!important;margin-top:4px!important;}
.icon-swipe-share-grid button{min-height:58px!important;border:1px solid #e2e2e2!important;border-radius:14px!important;background:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;font-size:11px!important;font-weight:600!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important;}
.icon-swipe-share-grid button:active{transform:scale(.96)!important;}
.icon-swipe-share-grid button:hover,.icon-swipe-share-grid button:focus-visible{background:#f7fbff!important;border-color:#b8d8ef!important;box-shadow:0 5px 16px rgba(0,0,0,.08)!important;}
.icon-swipe-share-platform-icon{width:27px!important;height:27px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#f0f2f4!important;color:#222!important;font-size:15px!important;font-weight:800!important;line-height:1!important;}
@media(max-width:380px){.icon-swipe-share-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.icon-swipe-share-grid button{min-height:54px!important;}.icon-swipe-share-platform-icon{width:24px!important;height:24px!important;font-size:13px!important;}}


/* V1.9.3 — YouTube video news inside the same media frame. Playback starts only after Play is tapped. */
.icon-swipe-has-video{position:relative!important;overflow:hidden!important;background:#111!important;}
.icon-swipe-has-video .icon-swipe-image{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
.icon-swipe-video-play{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:68px!important;height:68px!important;border:0!important;border-radius:50%!important;background:rgba(0,0,0,.72)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:4!important;box-shadow:0 5px 24px rgba(0,0,0,.35)!important;}
.icon-swipe-video-play:hover{transform:translate(-50%,-50%) scale(1.06)!important;background:rgba(0,0,0,.82)!important;}
.icon-swipe-video-play-icon{font-size:27px!important;line-height:1!important;margin-left:4px!important;}
.icon-swipe-video-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;background:#000!important;z-index:3!important;display:block!important;}
.icon-swipe-has-video.is-video-playing:after{display:none!important;}
@media(max-width:600px){.icon-swipe-video-play{width:60px!important;height:60px!important;}.icon-swipe-video-play-icon{font-size:24px!important;}}

/* ================================================================
   V1.9.4 — Responsive Desktop Two-Column Reader
   Desktop/laptop screens use the available viewport width intelligently:
   column 1 = media, column 2 = article. Mobile/tablet layout remains
   unchanged below 901px.
   ================================================================ */
@media (min-width:901px){
  .icon-swipe-reader{
    width:min(var(--icon-reader-width,100%),1440px)!important;
    max-width:1440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .icon-swipe-feed{
    width:100%!important;
    max-width:1440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .icon-swipe-card,
  .icon-swipe-card-surface{
    width:100%!important;
  }

  /* Two equal-purpose columns: media on the left, story on the right. */
  .icon-swipe-card-surface{
    display:grid!important;
    grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)!important;
    align-items:stretch!important;
    min-height:clamp(420px,calc(100vh - 110px),760px)!important;
    background:var(--icon-content-bg,#fff)!important;
  }

  .icon-swipe-image-wrap{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    height:100%!important;
    min-height:420px!important;
    aspect-ratio:auto!important;
    border-radius:0!important;
  }

  .icon-swipe-image{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  .icon-swipe-content{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    min-height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    padding:clamp(28px,3vw,56px) clamp(28px,3.2vw,60px) 70px!important;
    overflow:visible!important;
    background:var(--icon-content-bg,#fff)!important;
  }

  .icon-swipe-content>.icon-swipe-category{
    margin-bottom:12px!important;
  }

  .icon-swipe-title{
    font-size:clamp(25px,2.25vw,42px)!important;
    line-height:1.18!important;
    margin-bottom:14px!important;
  }

  .icon-swipe-excerpt{
    font-size:clamp(17px,1.18vw,21px)!important;
    line-height:1.58!important;
    max-width:760px!important;
  }

  .icon-swipe-page-cue{
    margin-top:auto!important;
    padding-top:20px!important;
  }

  /* Desktop metadata/action dock follows the same centered reader width. */
  .icon-swipe-fixed-dock{
    width:min(var(--icon-reader-width,100%),1440px)!important;
    max-width:1440px!important;
    left:50%!important;
    padding-left:28px!important;
    padding-right:28px!important;
  }

  /* Keep side actions outside the article text column. */
  .icon-swipe-side-actions{
    right:max(18px,calc((100vw - 1440px)/2 + 14px))!important;
  }
}

/* Medium laptop screens: preserve readable article width while giving the
   image enough room to remain visually dominant. */
@media (min-width:901px) and (max-width:1199px){
  .icon-swipe-card-surface{
    grid-template-columns:minmax(0,1fr) minmax(330px,.82fr)!important;
    min-height:clamp(400px,calc(100vh - 100px),680px)!important;
  }
  .icon-swipe-image-wrap{min-height:400px!important;}
  .icon-swipe-content{padding:24px 28px 64px!important;}
  .icon-swipe-title{font-size:clamp(23px,2.5vw,32px)!important;}
  .icon-swipe-excerpt{font-size:16px!important;line-height:1.52!important;}
}

/* ================================================================
   V1.9.6 — Desktop Premium Reader UI
   Visual refinement for desktop/laptop two-column presentation.
   Mobile/tablet rules are intentionally untouched.
   ================================================================ */
@media (min-width:901px){
  .icon-swipe-reader{
    --icon-desktop-gap:18px;
    background:transparent!important;
    padding:18px 18px 28px!important;
  }

  .icon-swipe-feed{
    max-width:1440px!important;
  }

  .icon-swipe-card{
    padding:0!important;
    background:transparent!important;
  }

  .icon-swipe-card-surface{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,58%) minmax(360px,42%)!important;
    min-height:clamp(500px,calc(100vh - 190px),790px)!important;
    border:1px solid rgba(10,42,102,.10)!important;
    border-radius:22px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 12px 38px rgba(10,42,102,.10)!important;
  }

  .icon-swipe-image-wrap{
    position:relative!important;
    min-height:500px!important;
    height:100%!important;
    border-radius:0!important;
    background:#0b1220!important;
    isolation:isolate;
  }

  .icon-swipe-image-wrap:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 68%,rgba(0,0,0,.48) 100%);
  }

  .icon-swipe-image{
    transition:transform .45s ease,filter .3s ease!important;
  }

  .icon-swipe-card:hover .icon-swipe-image{transform:scale(1.012)!important;}

  .icon-swipe-image-topbar{
    z-index:3!important;
    height:76px!important;
    padding:20px 22px 0!important;
    font-size:15px!important;
    font-weight:600!important;
    letter-spacing:.2px!important;
  }

  .icon-swipe-image-progress{
    padding:7px 11px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:999px!important;
    background:rgba(8,18,34,.48)!important;
    backdrop-filter:blur(8px);
  }

  .icon-swipe-video-play{
    z-index:5!important;
    width:82px!important;
    height:82px!important;
    background:rgba(7,16,29,.78)!important;
    border:1px solid rgba(255,255,255,.32)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.34)!important;
  }

  .icon-swipe-video-play-icon{font-size:31px!important;}

  .icon-swipe-image-bottom{
    z-index:4!important;
  }

  .icon-swipe-content{
    position:relative!important;
    min-height:100%!important;
    padding:42px 46px 34px!important;
    background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;
    border-left:1px solid rgba(10,42,102,.08)!important;
  }

  .icon-swipe-content:before{
    content:"";
    display:block;
    width:44px;
    height:4px;
    margin-bottom:22px;
    border-radius:999px;
    background:linear-gradient(90deg,#0A2A66,#F4B400);
  }

  .icon-swipe-title{
    max-width:820px!important;
    margin:0 0 20px!important;
    font-size:clamp(28px,2.15vw,42px)!important;
    line-height:1.18!important;
    font-weight:800!important;
    letter-spacing:-.25px!important;
    color:#0b1d3a!important;
  }

  .icon-swipe-excerpt{
    max-width:780px!important;
    color:#526173!important;
    font-size:clamp(17px,1.08vw,20px)!important;
    line-height:1.72!important;
    font-weight:400!important;
  }

  .icon-swipe-page-cue{
    margin-top:auto!important;
    height:32px!important;
    min-height:32px!important;
    color:#7c8998!important;
    font-size:10px!important;
    border-top:1px solid #edf0f5!important;
    padding-top:18px!important;
  }

  .icon-swipe-page-cue .icon-swipe-cue-arrow{
    color:#0A2A66!important;
  }

  .icon-swipe-fixed-dock{
    width:min(calc(100% - 36px),1404px)!important;
    max-width:1404px!important;
    padding:8px 16px 10px!important;
    border:1px solid rgba(10,42,102,.10)!important;
    border-radius:18px 18px 0 0!important;
    box-shadow:0 -5px 24px rgba(10,42,102,.08)!important;
    backdrop-filter:blur(12px);
  }

  .icon-swipe-fixed-dock .icon-swipe-actions a,
  .icon-swipe-fixed-dock .icon-swipe-actions button{
    border-color:#dce4ef!important;
    background:#fff!important;
    color:#213047!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    border-radius:12px!important;
    font-size:11px!important;
    font-weight:600!important;
    transition:all .18s ease!important;
  }

  .icon-swipe-fixed-dock .icon-swipe-actions a:hover,
  .icon-swipe-fixed-dock .icon-swipe-actions button:hover{
    border-color:#0A2A66!important;
    box-shadow:0 5px 14px rgba(10,42,102,.10)!important;
    transform:translateY(-1px);
  }
}

@media (min-width:901px) and (max-width:1199px){
  .icon-swipe-reader{padding:14px 14px 24px!important;}
  .icon-swipe-card-surface{grid-template-columns:minmax(0,56%) minmax(330px,44%)!important;min-height:clamp(460px,calc(100vh - 170px),700px)!important;border-radius:18px!important;}
  .icon-swipe-image-wrap{min-height:460px!important;}
  .icon-swipe-content{padding:32px 32px 28px!important;}
  .icon-swipe-title{font-size:clamp(25px,2.55vw,34px)!important;line-height:1.2!important;}
  .icon-swipe-excerpt{font-size:16px!important;line-height:1.6!important;}
}

@media (min-width:1441px){
  .icon-swipe-reader{padding-left:0!important;padding-right:0!important;}
}


/* ================================================================
   V1.9.6 — Desktop Visual Refinement
   Based on desktop QA screenshot: separate the discovery controls from
   the media artwork, align both columns to a common top edge, and size
   the reader from the available viewport without excessive cropping.
   Mobile/tablet behavior remains unchanged.
   ================================================================ */
@media (min-width:901px){
  .icon-swipe-reader{
    width:min(100%,1440px)!important;
    max-width:1440px!important;
    margin:0 auto!important;
    padding:12px 16px 24px!important;
    background:#f5f7fb!important;
  }

  .icon-swipe-discovery{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:none!important;
    height:48px!important;
    margin:0 0 10px!important;
    padding:0 4px!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:8px!important;
  }

  .icon-swipe-discovery-search{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
    background:#fff!important;
    color:#0A2A66!important;
    border:1px solid #dce4ef!important;
    box-shadow:0 4px 14px rgba(10,42,102,.08)!important;
    text-shadow:none!important;
  }

  .icon-swipe-category-select,
  .icon-swipe-search-box{
    background:#fff!important;
    color:#26364d!important;
    border:1px solid #dce4ef!important;
    box-shadow:0 4px 14px rgba(10,42,102,.08)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .icon-swipe-category-select{height:40px!important;border-radius:20px!important;}
  .icon-swipe-search-box{height:40px!important;border-radius:20px!important;}
  .icon-swipe-search-input{height:38px!important;color:#26364d!important;}
  .icon-swipe-search-input::placeholder{color:#7b8797!important;}
  .icon-swipe-search-clear{color:#526173!important;}

  .icon-swipe-card-surface{
    grid-template-columns:minmax(0,56%) minmax(0,44%)!important;
    min-height:clamp(500px,calc(100vh - 205px),760px)!important;
    border-radius:20px!important;
    border:1px solid #e1e7ef!important;
    box-shadow:0 10px 34px rgba(15,35,70,.10)!important;
  }

  .icon-swipe-image-wrap{
    min-height:500px!important;
    height:100%!important;
  }

  .icon-swipe-content{
    min-height:100%!important;
    padding:clamp(30px,3vw,48px) clamp(30px,3.2vw,52px) 34px!important;
    overflow:auto!important;
    scrollbar-width:thin;
    scrollbar-color:#cbd5e1 transparent;
  }

  .icon-swipe-content:before{
    width:46px!important;
    height:4px!important;
    margin-bottom:20px!important;
  }

  .icon-swipe-title{
    font-size:clamp(27px,2.05vw,39px)!important;
    line-height:1.2!important;
    margin-bottom:18px!important;
  }

  .icon-swipe-excerpt{
    font-size:clamp(16px,1.03vw,19px)!important;
    line-height:1.72!important;
  }

  .icon-swipe-image-topbar{
    padding:18px 20px 0!important;
  }

  .icon-swipe-image-topbar > span:first-child{
    padding:6px 11px!important;
    border-radius:999px!important;
    background:rgba(7,18,34,.50)!important;
    border:1px solid rgba(255,255,255,.20)!important;
    backdrop-filter:blur(7px)!important;
  }

  .icon-swipe-fixed-dock{
    width:min(calc(100% - 32px),1408px)!important;
    max-width:1408px!important;
  }
}

@media (min-width:1200px){
  .icon-swipe-card-surface{grid-template-columns:minmax(0,57%) minmax(0,43%)!important;}
}

@media (min-width:901px) and (max-width:1199px){
  .icon-swipe-reader{padding:10px 12px 20px!important;}
  .icon-swipe-discovery{height:44px!important;margin-bottom:8px!important;}
  .icon-swipe-discovery-search{width:36px!important;height:36px!important;flex-basis:36px!important;}
  .icon-swipe-category-select,.icon-swipe-search-box{height:36px!important;}
  .icon-swipe-card-surface{min-height:clamp(450px,calc(100vh - 180px),650px)!important;}
  .icon-swipe-image-wrap{min-height:450px!important;}
  .icon-swipe-content{padding:28px 30px 30px!important;}
  .icon-swipe-title{font-size:clamp(24px,2.45vw,32px)!important;}
  .icon-swipe-excerpt{font-size:15.5px!important;line-height:1.62!important;}
}


/* ICON Swipe News 1.9.8 — Production desktop/laptop viewport-fit mode.
 * Desktop keeps one complete reader item inside the visible viewport: image on
 * the left, article on the right, with no page-level vertical scrollbar.
 * Mobile/tablet behavior remains the existing natural-flow layout.
 */
@media (min-width:601px){
  html.icon-swipe-desktop-lock,
  html.icon-swipe-desktop-lock body{overflow:hidden!important;}

  .icon-swipe-reader.icon-swipe-desktop-fit{
    width:var(--icon-reader-width,100%)!important;
    height:var(--icon-reader-available,calc(100vh - 0px))!important;
    min-height:0!important;
    max-height:var(--icon-reader-available,calc(100vh - 0px))!important;
    overflow:hidden!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-feed{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
    padding:0!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card-surface{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,58fr) minmax(360px,42fr)!important;
    align-items:stretch!important;
    overflow:hidden!important;
    border-radius:14px!important;
    box-shadow:0 8px 28px rgba(0,0,0,.08)!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-image-wrap{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    background:#111!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-image{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#111!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-content{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    padding:clamp(22px,3vw,42px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:var(--icon-content-bg,#fff)!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-content>.icon-swipe-category{
    flex:0 0 auto!important;
    align-self:flex-start!important;
    margin:0 0 12px!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-title{
    flex:0 0 auto!important;
    max-height:40%!important;
    margin:0 0 12px!important;
    overflow:hidden!important;
    text-wrap:balance!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-excerpt{
    flex:0 1 auto!important;
    min-height:0!important;
    max-height:48%!important;
    overflow:hidden!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-page-cue{
    flex:0 0 18px!important;
    margin-top:12px!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-image-topbar{font-size:15px!important;}
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-fixed-dock{
    left:calc(50% + var(--icon-desktop-dock-shift,0px))!important;
    width:min(520px,42%)!important;
    padding:5px 10px 7px!important;
    border-radius:12px 12px 0 0!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-side-actions{display:none!important;}
}

@media (min-width:601px) and (max-width:1200px){
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card-surface{
    grid-template-columns:minmax(0,55fr) minmax(320px,45fr)!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-content{padding:24px!important;}
}
@media (min-width:601px) and (max-width:850px){
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card-surface{
    grid-template-columns:minmax(0,52fr) minmax(290px,48fr)!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-content{padding:18px!important;}
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-title{margin-bottom:8px!important;}
}


/* ICON Swipe News 1.9.9 — final desktop viewport accounting.
 * The reader height includes the discovery toolbar, so the feed/card must
 * consume only the remaining space. This prevents the card from extending
 * below the viewport and eliminates the bottom cut-off seen in QA.
 */
@media (min-width:601px){
  .icon-swipe-reader.icon-swipe-desktop-fit{
    box-sizing:border-box!important;
    height:var(--icon-reader-available,calc(100vh - 0px))!important;
    min-height:0!important;
    max-height:var(--icon-reader-available,calc(100vh - 0px))!important;
    overflow:hidden!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-discovery{
    flex:0 0 auto!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-feed{
    height:calc(100% - var(--icon-discovery-space,0px))!important;
    min-height:0!important;
    max-height:calc(100% - var(--icon-discovery-space,0px))!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card,
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card-surface{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    box-sizing:border-box!important;
  }
}

/* ================================================================
   V1.10.0 — Desktop viewport-fit correction
   The reader is a real flex column: discovery consumes only its measured
   height and the feed consumes the exact remaining viewport height. This
   removes the conflicting historical min-height rules and prevents both
   bottom cut-off and excess blank space.
   ================================================================ */
@media (min-width:601px){
  html.icon-swipe-desktop-lock,
  body.icon-swipe-desktop-lock{overflow:hidden!important;}

  .icon-swipe-reader.icon-swipe-desktop-fit{
    display:flex!important;
    flex-direction:column!important;
    width:var(--icon-reader-width,100%)!important;
    height:var(--icon-reader-available,calc(100vh - 100px))!important;
    min-height:0!important;
    max-height:var(--icon-reader-available,calc(100vh - 100px))!important;
    padding:12px 16px 18px!important;
    margin:0 auto!important;
    overflow:hidden!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-discovery{
    flex:0 0 auto!important;
    height:48px!important;
    min-height:0!important;
    margin:0 0 10px!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-feed{
    flex:1 1 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card,
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card-surface{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    overflow:hidden!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card-surface{
    display:grid!important;
    grid-template-columns:minmax(0,57%) minmax(0,43%)!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-image-wrap{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-image{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#111!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-content{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:clamp(22px,3vw,44px)!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-title{
    flex:0 0 auto!important;
    max-height:38%!important;
    overflow:hidden!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-excerpt{
    flex:0 1 auto!important;
    min-height:0!important;
    max-height:50%!important;
    overflow:hidden!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-page-cue{
    flex:0 0 32px!important;
    height:32px!important;
    min-height:32px!important;
    margin-top:10px!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-fixed-dock{
    bottom:var(--icon-bottom-nav-height,0px)!important;
  }
}

@media (min-width:601px) and (max-width:1200px){
  .icon-swipe-reader.icon-swipe-desktop-fit{
    padding:10px 12px 14px!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-discovery{
    height:42px!important;
    margin-bottom:8px!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card-surface{
    grid-template-columns:minmax(0,55%) minmax(0,45%)!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-content{
    padding:20px!important;
  }
}

@media (min-width:601px) and (max-width:850px){
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card-surface{
    grid-template-columns:minmax(0,52%) minmax(0,48%)!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-content{
    padding:16px!important;
  }
}


/* V1.10.15 — FINAL DESKTOP READER FRAME
 * One authoritative desktop rule-set. The feed/card height is owned by the
 * reader, never by the image's intrinsic aspect ratio. Legacy desktop blocks
 * from earlier milestones intentionally stop before this section.
 */
@media (min-width:601px){
  .icon-swipe-reader.icon-swipe-desktop-fit{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-feed{
    display:block!important;
    width:100%!important;
    height:clamp(500px,var(--icon-desktop-card-height,calc(100dvh - 190px)),760px)!important;
    min-height:500px!important;
    max-height:760px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    border:1px solid rgba(10,42,102,.12)!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:0 18px 45px rgba(10,42,102,.12),0 3px 12px rgba(0,0,0,.05)!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card-surface{
    display:grid!important;
    grid-template-columns:minmax(0,58%) minmax(0,42%)!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    border-radius:21px!important;
    background:#fff!important;
  }

  /* Media panel: fixed box. Image aspect ratio is irrelevant to frame height. */
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-image-wrap{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    isolation:isolate!important;
    border-radius:21px 0 0 21px!important;
    background:#e7edf4!important;
    border-right:1px solid rgba(10,42,102,.10)!important;
  }

  /* Robust blurred fill. This is deliberately on the wrapper so it remains
     visible in the contain letterbox area on all Chromium/WebKit browsers. */
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-image-wrap::before{
    content:""!important;
    position:absolute!important;
    inset:-28px!important;
    z-index:0!important;
    background-image:var(--icon-media-bg)!important;
    background-position:center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    filter:blur(24px)!important;
    transform:scale(1.06)!important;
    opacity:.48!important;
    pointer-events:none!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-image-wrap::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:linear-gradient(180deg,rgba(7,20,38,.08),rgba(7,20,38,.16))!important;
    pointer-events:none!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-image{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:transparent!important;
    filter:drop-shadow(0 5px 14px rgba(0,0,0,.14))!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-image-topbar,
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-image-bottom,
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-video-play{
    z-index:5!important;
  }

  /* Article panel is independently bounded and can never enlarge the card. */
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-content{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    padding:clamp(26px,3.2vw,52px) clamp(28px,3.1vw,54px)!important;
    background:linear-gradient(180deg,#fff 0%,#fff 78%,#f8fafc 100%)!important;
    border-left:1px solid rgba(10,42,102,.08)!important;
    box-shadow:inset 10px 0 28px rgba(10,42,102,.025)!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-content::before{
    content:""!important;
    display:block!important;
    width:68px!important;
    height:5px!important;
    flex:0 0 5px!important;
    margin:0 0 20px!important;
    border-radius:5px!important;
    background:linear-gradient(90deg,#0A2A66 0 58%,#F4B400 58% 100%)!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-title{
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:38%!important;
    margin:0 0 14px!important;
    overflow:hidden!important;
    color:#0A2A66!important;
    font-size:clamp(24px,2.05vw,40px)!important;
    line-height:1.14!important;
    letter-spacing:-.018em!important;
    overflow-wrap:anywhere!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-excerpt{
    flex:0 1 auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:48%!important;
    margin:0!important;
    overflow:hidden!important;
    color:#687384!important;
    font-size:clamp(16px,1.25vw,22px)!important;
    line-height:1.48!important;
    overflow-wrap:anywhere!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-page-cue{
    flex:0 0 22px!important;
    width:auto!important;
    height:22px!important;
    min-height:22px!important;
    max-height:22px!important;
    margin:12px 0 0!important;
  }

  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-side-actions{
    z-index:10001!important;
  }
}

@media (min-width:601px) and (max-width:1199px){
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card-surface{
    grid-template-columns:minmax(0,55%) minmax(0,45%)!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-content{
    padding:24px 28px!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-title{
    font-size:clamp(22px,2.4vw,32px)!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-excerpt{
    font-size:clamp(15px,1.55vw,19px)!important;
  }
}

@media (min-width:601px) and (max-width:850px){
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card-surface{
    grid-template-columns:minmax(0,52%) minmax(0,48%)!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-content{
    padding:18px 20px!important;
  }
}


/* V1.10.16 — Typography controls + non-overlapping desktop action dock. */
.icon-swipe-title{font-family:var(--icon-headline-font,var(--icon-font-family,inherit))!important;}
.icon-swipe-excerpt{font-family:var(--icon-body-font,var(--icon-font-family,inherit))!important;}
.icon-swipe-meta{font-family:var(--icon-meta-font,var(--icon-font-family,inherit))!important;line-height:var(--icon-meta-lh,1.2)!important;font-weight:var(--icon-meta-weight,400)!important;}

@media (min-width:601px){
  .icon-swipe-reader.icon-swipe-desktop-fit{position:relative!important;}
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-feed{height:calc(100% - var(--icon-discovery-space,0px))!important;min-height:0!important;max-height:100%!important;padding-bottom:0!important;}
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card{height:calc(100% - var(--icon-dock-space,52px))!important;max-height:none!important;min-height:0!important;}
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card-surface{height:100%!important;max-height:none!important;min-height:0!important;}
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-fixed-dock{
    position:absolute!important;
    left:50%!important;
    bottom:0!important;
    transform:translateX(-50%)!important;
    width:min(520px,42%)!important;
    max-width:calc(100% - 24px)!important;
    padding:6px 10px 8px!important;
    border:1px solid rgba(15,23,42,.10)!important;
    border-bottom:0!important;
    border-radius:16px 16px 0 0!important;
    box-shadow:0 -5px 20px rgba(15,23,42,.10)!important;
    z-index:30!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-fixed-dock .icon-swipe-dock-actions{min-height:34px!important;}
}


/* V1.10.17 — Mobile UI refinement
 * Mobile is intentionally image-first: metadata is moved below the photo,
 * the photo bottom overlay is removed, and the duplicate fixed action dock is
 * hidden. Actions remain as transparent, shadowed icons over the media.
 */
@media (max-width:600px){
  .icon-swipe-reader .icon-swipe-image-wrap{
    position:relative!important;
    overflow:hidden!important;
    background:#dfe5ec!important;
  }

  /* Preserve more of the photograph: no bottom metadata band and only a
     compact top gradient for the Short News/progress labels. */
  .icon-swipe-reader .icon-swipe-image-topbar{
    height:50px!important;
    padding:10px 12px 0!important;
    background:linear-gradient(to bottom,rgba(7,18,34,.24),rgba(7,18,34,0))!important;
    text-shadow:0 1px 3px rgba(0,0,0,.72)!important;
  }
  .icon-swipe-reader .icon-swipe-image-topbar > span:first-child{
    padding:5px 9px!important;
    border-radius:999px!important;
    background:rgba(7,18,34,.30)!important;
    border:1px solid rgba(255,255,255,.26)!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
    font-size:11px!important;
  }
  .icon-swipe-reader .icon-swipe-image-progress{
    padding:5px 8px!important;
    border:1px solid rgba(255,255,255,.24)!important;
    background:rgba(7,18,34,.28)!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
    font-size:11px!important;
  }

  .icon-swipe-reader .icon-swipe-image-bottom{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    background:transparent!important;
    display:block!important;
    pointer-events:none!important;
    z-index:4!important;
  }
  .icon-swipe-reader .icon-swipe-image-bottom .icon-swipe-category{
    position:absolute!important;
    left:12px!important;
    bottom:10px!important;
    margin:0!important;
    height:28px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:11px!important;
    box-shadow:0 2px 8px rgba(0,0,0,.16)!important;
  }
  .icon-swipe-reader .icon-swipe-image-bottom .icon-swipe-image-meta{
    display:none!important;
  }

  /* Metadata is now outside the photograph. */
  .icon-swipe-reader .icon-swipe-mobile-meta{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:7px 0 5px!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta{
    height:22px!important;
    margin:0!important;
    padding:0!important;
    border-top:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    font-size:var(--icon-meta-size,10px)!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    border-bottom:1px solid #edf0f4!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta>span{
    flex:0 1 auto!important;
  }

  /* The image should remain the visual priority. */
  .icon-swipe-reader .icon-swipe-content{
    padding-top:3px!important;
  }
  .icon-swipe-reader .icon-swipe-title{
    margin-top:0!important;
  }

  /* One mobile action system only: transparent side icons. */
  .icon-swipe-reader .icon-swipe-fixed-dock{
    display:none!important;
  }
  .icon-swipe-reader .icon-swipe-side-actions{
    display:flex!important;
    right:max(7px,env(safe-area-inset-right))!important;
    width:44px!important;
    gap:13px!important;
    top:var(--icon-side-top,58vh)!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    background:transparent!important;
    filter:none!important;
    z-index:10000!important;
  }
  .icon-swipe-reader .icon-swipe-side-actions::before{
    display:none!important;
  }
  .icon-swipe-reader .icon-swipe-side-btn,
  .icon-swipe-reader .icon-swipe-side-btn:hover,
  .icon-swipe-reader .icon-swipe-side-btn:focus-visible,
  .icon-swipe-reader .icon-swipe-side-btn.is-liked,
  .icon-swipe-reader .icon-swipe-side-btn.is-bookmarked{
    width:42px!important;
    min-width:42px!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    mix-blend-mode:normal!important;
    outline:none!important;
    text-shadow:0 1px 4px rgba(0,0,0,.82),0 0 2px rgba(0,0,0,.65)!important;
  }
  .icon-swipe-reader .icon-swipe-side-btn svg{
    width:27px!important;
    height:27px!important;
    filter:drop-shadow(0 1px 4px rgba(0,0,0,.82))!important;
  }
  .icon-swipe-reader .icon-swipe-side-btn .icon-swipe-action-count{
    color:#fff!important;
    background:transparent!important;
    text-shadow:0 1px 4px rgba(0,0,0,.82)!important;
    font-size:10px!important;
  }
  .icon-swipe-reader .icon-swipe-side-btn.is-liked{
    color:#ff2d55!important;
  }
  .icon-swipe-reader .icon-swipe-side-btn.is-liked .icon-swipe-action-count{
    color:#ff2d55!important;
  }
}

@media (max-width:380px){
  .icon-swipe-reader .icon-swipe-image-topbar{padding-left:10px!important;padding-right:10px!important;}
  .icon-swipe-reader .icon-swipe-image-bottom .icon-swipe-category{left:10px!important;bottom:8px!important;}
  .icon-swipe-reader .icon-swipe-side-actions{right:max(5px,env(safe-area-inset-right))!important;gap:11px!important;width:40px!important;top:57vh!important;}
  .icon-swipe-reader .icon-swipe-side-btn{width:38px!important;min-width:38px!important;}
  .icon-swipe-reader .icon-swipe-side-btn svg{width:24px!important;height:24px!important;}
}

@media (orientation:landscape) and (max-width:900px){
  .icon-swipe-reader .icon-swipe-side-actions{top:50vh!important;}
}

/* V1.10.18 — AUTHORITATIVE FRAME + MOBILE CLEANUP
 * This block intentionally overrides the historical milestone rules above.
 * Desktop gets one bounded frame. Mobile gets natural flow with no fake
 * viewport min-height and no dark action backgrounds.
 */
@media (min-width:601px){
  .icon-swipe-reader.icon-swipe-desktop-fit{
    height:var(--icon-reader-frame-height,calc(100dvh - 120px))!important;
    min-height:0!important;
    max-height:var(--icon-reader-frame-height,calc(100dvh - 120px))!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    box-sizing:border-box!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-discovery{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:0 0 10px!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-feed{
    height:calc(100% - var(--icon-discovery-space,58px))!important;
    min-height:0!important;
    max-height:calc(100% - var(--icon-discovery-space,58px))!important;
    overflow:hidden!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card{
    height:calc(100% - var(--icon-dock-space,0px))!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card-surface{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-fixed-dock{
    bottom:0!important;
  }
}

@media (min-width:601px) and (max-width:1200px){
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-discovery{
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin-bottom:8px!important;
  }
}

@media (max-width:600px){
  /* Never let the legacy short-card viewport spacer create a huge blank area. */
  .icon-swipe-reader.icon-swipe-reader-short-card,
  .icon-swipe-reader.icon-swipe-reader-short-card .icon-swipe-feed,
  .icon-swipe-reader.icon-swipe-reader-short-card .icon-swipe-card,
  .icon-swipe-reader.icon-swipe-reader-short-card .icon-swipe-card-surface,
  .icon-swipe-reader.icon-swipe-reader-short-card .icon-swipe-content{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
  }

  .icon-swipe-reader{
    width:100%!important;
    height:auto!important;
    overflow:visible!important;
    background:#fff!important;
  }
  .icon-swipe-reader .icon-swipe-feed{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .icon-swipe-reader .icon-swipe-card,
  .icon-swipe-reader .icon-swipe-card-surface{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .icon-swipe-reader .icon-swipe-image-wrap{
    width:100%!important;
    height:auto!important;
    aspect-ratio:var(--icon-image-ratio,16 / 9)!important;
    min-height:0!important;
    max-height:none!important;
    border-radius:0!important;
    background:#dfe5ec!important;
  }
  .icon-swipe-reader .icon-swipe-image{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    background:transparent!important;
  }
  .icon-swipe-reader .icon-swipe-image-topbar{
    height:42px!important;
    padding:8px 10px 0!important;
    background:linear-gradient(180deg,rgba(7,20,38,.20),transparent)!important;
  }
  .icon-swipe-reader .icon-swipe-image-topbar>span:first-child,
  .icon-swipe-reader .icon-swipe-image-progress{
    background:rgba(7,20,38,.22)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:none!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
    font-size:10px!important;
  }
  .icon-swipe-reader .icon-swipe-image-bottom{
    background:transparent!important;
  }
  .icon-swipe-reader .icon-swipe-image-bottom .icon-swipe-category{
    left:10px!important;
    bottom:9px!important;
    height:27px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    font-size:11px!important;
    box-shadow:0 2px 7px rgba(0,0,0,.16)!important;
  }
  .icon-swipe-reader .icon-swipe-image-bottom .icon-swipe-image-meta{display:none!important;}

  .icon-swipe-reader .icon-swipe-content{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0 var(--icon-pad-mobile,16px) 18px!important;
    background:#fff!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:7px 0 5px!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta{
    height:22px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid #edf0f4!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    font-size:var(--icon-meta-size,10px)!important;
    line-height:var(--icon-meta-lh,1.2)!important;
    overflow:hidden!important;
  }
  .icon-swipe-reader .icon-swipe-title{
    margin:2px 0 7px!important;
    max-height:none!important;
    overflow:visible!important;
    font-family:var(--icon-headline-font,var(--icon-font-family,inherit))!important;
    font-size:var(--icon-title-mobile,20px)!important;
    line-height:var(--icon-title-lh,1.27)!important;
    color:var(--icon-headline-color,#222)!important;
  }
  .icon-swipe-reader .icon-swipe-excerpt{
    max-height:none!important;
    overflow:visible!important;
    font-family:var(--icon-body-font,var(--icon-font-family,inherit))!important;
    font-size:var(--icon-body-mobile,16px)!important;
    line-height:var(--icon-body-lh,1.45)!important;
    color:var(--icon-body-color,#666)!important;
  }
  .icon-swipe-reader .icon-swipe-page-cue{
    margin-top:12px!important;
  }

  /* Exactly one mobile action system: transparent icons over the image. */
  .icon-swipe-reader .icon-swipe-fixed-dock{display:none!important;}
  .icon-swipe-reader .icon-swipe-side-actions{
    display:flex!important;
    position:fixed!important;
    right:max(8px,env(safe-area-inset-right))!important;
    top:var(--icon-side-top,50vh)!important;
    bottom:auto!important;
    width:42px!important;
    transform:translateY(-50%)!important;
    gap:12px!important;
    padding:0!important;
    background:transparent!important;
    filter:none!important;
    z-index:10000!important;
    pointer-events:auto!important;
  }
  .icon-swipe-reader .icon-swipe-side-btn,
  .icon-swipe-reader .icon-swipe-side-btn:hover,
  .icon-swipe-reader .icon-swipe-side-btn:focus,
  .icon-swipe-reader .icon-swipe-side-btn:focus-visible,
  .icon-swipe-reader .icon-swipe-side-btn.is-liked,
  .icon-swipe-reader .icon-swipe-side-btn.is-bookmarked{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    text-shadow:0 1px 4px rgba(0,0,0,.92),0 0 3px rgba(0,0,0,.65)!important;
  }
  .icon-swipe-reader .icon-swipe-side-btn svg{
    width:25px!important;
    height:25px!important;
    filter:drop-shadow(0 1px 4px rgba(0,0,0,.9))!important;
  }
  .icon-swipe-reader .icon-swipe-side-btn .icon-swipe-action-count{
    background:transparent!important;
    color:#fff!important;
    text-shadow:0 1px 4px rgba(0,0,0,.9)!important;
    box-shadow:none!important;
  }
  .icon-swipe-reader .icon-swipe-side-btn.is-liked,
  .icon-swipe-reader .icon-swipe-side-btn.is-liked .icon-swipe-action-count{
    color:#ff2d55!important;
  }
}

@media (max-width:380px){
  .icon-swipe-reader .icon-swipe-content{padding-left:12px!important;padding-right:12px!important;}
  .icon-swipe-reader .icon-swipe-side-actions{right:max(5px,env(safe-area-inset-right))!important;width:38px!important;gap:9px!important;}
  .icon-swipe-reader .icon-swipe-side-btn{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;}
  .icon-swipe-reader .icon-swipe-side-btn svg{width:23px!important;height:23px!important;}
}


/* V1.10.19 — mobile metadata edge alignment and compact date/views. */
@media (max-width: 767px){
  .icon-swipe-reader .icon-swipe-content{
    padding:0 0 18px!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta{
    display:block!important;
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta{
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    border:0!important;
    border-bottom:1px solid #edf0f4!important;
    background:#fff!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta>span{
    min-width:0!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta>span>span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta .icon-swipe-meta-views{
    flex:0 0 auto!important;
    margin-left:auto!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta>i{
    flex:0 0 1px!important;
    width:1px!important;
    height:13px!important;
    background:#dfe4ea!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta svg{
    flex:0 0 auto!important;
    width:14px!important;
    height:14px!important;
  }
  .icon-swipe-reader .icon-swipe-title,
  .icon-swipe-reader .icon-swipe-excerpt,
  .icon-swipe-reader .icon-swipe-page-cue{
    margin-left:12px!important;
    margin-right:12px!important;
  }
  .icon-swipe-reader .icon-swipe-title{margin-top:8px!important;}
}
@media (max-width:380px){
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta{padding-left:10px!important;padding-right:10px!important;gap:5px!important;font-size:9px!important;}
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta svg{width:13px!important;height:13px!important;}
}


/* V1.10.20 — Mobile metadata readability + compact action rail. */
@media (max-width:767px){
  .icon-swipe-reader .icon-swipe-mobile-meta{
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    background:#fff!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta{
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    color:#26364a!important;
    background:#fff!important;
    border:0!important;
    border-bottom:1px solid #e8edf3!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta>span,
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta>span>span{
    color:#344054!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta svg{color:#667085!important;stroke:currentColor!important;}
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta .icon-swipe-meta-views{
    flex:0 0 auto!important;
    margin-left:auto!important;
    color:#344054!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta .icon-swipe-meta-views>span{color:#344054!important;}
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta>i{background:#d7dde5!important;}

  /* The metadata strip is a direct continuation of the image: no gap. */
  .icon-swipe-reader .icon-swipe-image-wrap + .icon-swipe-content{padding-top:0!important;}
  .icon-swipe-reader .icon-swipe-content{padding-top:0!important;}

  /* Compact transparent action rail; no black/ash button surfaces. */
  .icon-swipe-reader .icon-swipe-side-actions{
    width:34px!important;
    gap:7px!important;
    background:transparent!important;
  }
  .icon-swipe-reader .icon-swipe-side-btn,
  .icon-swipe-reader .icon-swipe-side-btn:hover,
  .icon-swipe-reader .icon-swipe-side-btn:focus,
  .icon-swipe-reader .icon-swipe-side-btn:focus-visible{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:0!important;
  }
  .icon-swipe-reader .icon-swipe-side-btn svg{width:23px!important;height:23px!important;}
  .icon-swipe-reader .icon-swipe-side-btn .icon-swipe-action-count{
    font-size:10px!important;
    line-height:11px!important;
    margin-top:-1px!important;
    background:transparent!important;
  }
}
@media (max-width:380px){
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta{padding-left:9px!important;padding-right:9px!important;gap:5px!important;font-size:9px!important;}
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta svg{width:12px!important;height:12px!important;}
  .icon-swipe-reader .icon-swipe-side-actions{width:32px!important;gap:5px!important;}
  .icon-swipe-reader .icon-swipe-side-btn{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;}
  .icon-swipe-reader .icon-swipe-side-btn svg{width:21px!important;height:21px!important;}
}


/* ========================================================================
   V1.10.21 — Cross-device QA / production stabilization
   This is the final authoritative responsive layer. It deliberately wins
   over older milestone overrides without changing the approved UI concept.
   ======================================================================== */

/* Reader must never inherit arbitrary theme min-heights on any breakpoint. */
.icon-swipe-reader.icon-swipe-desktop-fit,
.icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-feed,
.icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card,
.icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card-surface{
  min-height:0!important;
  max-height:100%!important;
}

@media (min-width:601px){
  .icon-swipe-reader.icon-swipe-desktop-fit{
    height:var(--icon-reader-frame-height)!important;
    max-height:var(--icon-reader-frame-height)!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-feed{
    height:calc(100% - var(--icon-discovery-space,0px))!important;
    max-height:calc(100% - var(--icon-discovery-space,0px))!important;
    overflow:hidden!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card{
    height:calc(100% - var(--icon-dock-space,0px))!important;
    max-height:calc(100% - var(--icon-dock-space,0px))!important;
    overflow:hidden!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card-surface{
    height:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-image-wrap,
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-content{
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-fixed-dock{
    bottom:0!important;
    z-index:40!important;
    pointer-events:auto!important;
  }
}

/* Mobile: photo stays visually clean; metadata is outside the image. */
@media (max-width:767px){
  .icon-swipe-reader .icon-swipe-image-wrap{
    overflow:hidden!important;
  }
  .icon-swipe-reader .icon-swipe-image-bottom .icon-swipe-image-meta{
    display:none!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta,
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta{
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta{
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    background:#fff!important;
    color:#26364a!important;
    border:0!important;
    border-bottom:1px solid #e5eaf0!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta > span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#344054!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta > span > span{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#344054!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta .icon-swipe-meta-views{
    flex:0 0 auto!important;
    margin-left:auto!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta .icon-swipe-meta-views > span{
    color:#26364a!important;
    font-variant-numeric:tabular-nums!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta > i{
    flex:0 0 1px!important;
    width:1px!important;
    height:13px!important;
    background:#d7dde5!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta svg{
    width:13px!important;
    height:13px!important;
    color:#667085!important;
    stroke:currentColor!important;
    flex:0 0 auto!important;
  }

  /* One mobile action rail, with no black/ash surface or backdrop. */
  .icon-swipe-reader .icon-swipe-fixed-dock,
  .icon-swipe-reader .icon-swipe-side-actions::before{
    display:none!important;
  }
  .icon-swipe-reader .icon-swipe-side-actions{
    width:34px!important;
    gap:7px!important;
    background:transparent!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .icon-swipe-reader .icon-swipe-side-btn,
  .icon-swipe-reader .icon-swipe-side-btn:hover,
  .icon-swipe-reader .icon-swipe-side-btn:focus,
  .icon-swipe-reader .icon-swipe-side-btn:focus-visible,
  .icon-swipe-reader .icon-swipe-side-btn.is-liked,
  .icon-swipe-reader .icon-swipe-side-btn.is-bookmarked{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    mix-blend-mode:normal!important;
  }
  .icon-swipe-reader .icon-swipe-side-btn svg{
    width:22px!important;
    height:22px!important;
    filter:drop-shadow(0 1px 3px rgba(0,0,0,.95))!important;
  }
  .icon-swipe-reader .icon-swipe-side-btn .icon-swipe-action-count{
    background:transparent!important;
    color:#fff!important;
    mix-blend-mode:normal!important;
    text-shadow:0 1px 3px rgba(0,0,0,.95)!important;
    font-size:9.5px!important;
    line-height:10px!important;
    margin-top:-1px!important;
  }
  .icon-swipe-reader .icon-swipe-side-btn.is-liked,
  .icon-swipe-reader .icon-swipe-side-btn.is-liked .icon-swipe-action-count{
    color:#ff2d55!important;
  }
}

@media (max-width:380px){
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta{
    padding-left:8px!important;
    padding-right:8px!important;
    gap:4px!important;
    font-size:9px!important;
  }
  .icon-swipe-reader .icon-swipe-side-actions{width:31px!important;gap:5px!important;right:max(4px,env(safe-area-inset-right))!important;}
  .icon-swipe-reader .icon-swipe-side-btn{width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important;}
  .icon-swipe-reader .icon-swipe-side-btn svg{width:20px!important;height:20px!important;}
}

/* V1.10.24 — Final reader consistency + independent typography controls. */
.icon-swipe-live-logo{
  position:absolute!important;
  right:18px!important;
  bottom:18px!important;
  z-index:5!important;
  width:auto!important;
  height:auto!important;
  max-width:24%!important;
  max-height:72px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.32))!important;
  pointer-events:none!important;
}

/* The metadata belongs to the article information area, never on top of the photo. */
.icon-swipe-image-bottom .icon-swipe-meta{display:none!important;}
.icon-swipe-content-meta{margin-top:12px!important;}
.icon-swipe-content-meta .icon-swipe-meta{margin-top:0!important;}
.icon-swipe-content-meta .icon-swipe-image-meta{background:transparent!important;color:var(--icon-meta-color,#667085)!important;text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;}

/* Respect the independent Typography > Metadata mobile/desktop sizes. */
.icon-swipe-meta{font-size:var(--icon-meta-size-mobile,10px)!important;}

/* Desktop: keep metadata and actions below/around the reader without covering it. */
@media (min-width:901px){
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card{height:calc(100% - 78px)!important;}
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-fixed-dock{
    height:68px!important;
    min-height:68px!important;
    width:min(560px,46%)!important;
    padding:7px 12px 8px!important;
    box-shadow:0 -3px 16px rgba(15,23,42,.08)!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-content{
    padding-bottom:28px!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-content-meta{
    order:3!important;
    margin-top:16px!important;
    margin-bottom:0!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-title{order:1!important;}
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-excerpt{order:2!important;}
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-page-cue{order:4!important;}
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-meta{
    height:34px!important;
    padding-top:7px!important;
    font-size:var(--icon-meta-size-desktop,11px)!important;
    line-height:var(--icon-meta-lh,1.2)!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-live-logo{
    right:20px!important;
    bottom:20px!important;
    max-width:22%!important;
    max-height:78px!important;
  }
}

/* Laptop/tablet desktop breakpoint: same independent metadata treatment. */
@media (min-width:601px) and (max-width:900px){
  .icon-swipe-reader .icon-swipe-content-meta{margin-top:12px!important;}
  .icon-swipe-reader .icon-swipe-meta{font-size:var(--icon-meta-size-desktop,11px)!important;}
}

/* Mobile: preserve the approved image-first layout and keep metadata attached to the photo. */
@media (max-width:600px){
  .icon-swipe-reader .icon-swipe-content-meta{
    margin-top:0!important;
    order:0!important;
  }
  .icon-swipe-reader .icon-swipe-live-logo{
    right:12px!important;
    bottom:12px!important;
    max-width:30%!important;
    max-height:58px!important;
  }
  .icon-swipe-reader .icon-swipe-content-meta .icon-swipe-meta{
    font-size:var(--icon-meta-size-mobile,10px)!important;
  }
}

/* Typography settings UI: each section gets its own clear control grid. */
.icon-swipe-type-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(170px,1fr))!important;
  gap:16px 18px!important;
  padding:16px!important;
  border:1px solid #e6e9ee!important;
  border-radius:12px!important;
  background:#fbfcfe!important;
}
.icon-swipe-type-grid>div{min-width:0!important;}
.icon-swipe-type-grid label{font-size:12px!important;font-weight:700!important;color:#344054!important;}
.icon-swipe-type-grid input[type=number]{width:100px!important;max-width:100%!important;}
.icon-swipe-type-grid select{width:100%!important;max-width:100%!important;min-height:38px!important;}
.icon-swipe-type-grid input[type=color]{width:54px!important;height:38px!important;padding:2px!important;border-radius:7px!important;}
@media(max-width:1000px){
  .icon-swipe-type-grid{grid-template-columns:repeat(2,minmax(170px,1fr))!important;}
}
@media(max-width:600px){
  .icon-swipe-type-grid{grid-template-columns:1fr!important;}
}


/* V1.10.24 — final precedence for independent Typography settings. */
.icon-swipe-reader .icon-swipe-title{
  font-family:var(--icon-headline-font,var(--icon-font-family,inherit))!important;
  color:var(--icon-headline-color,#222)!important;
  font-weight:var(--icon-title-weight,700)!important;
  line-height:var(--icon-title-lh,1.27)!important;
}
.icon-swipe-reader .icon-swipe-excerpt{
  font-family:var(--icon-body-font,var(--icon-font-family,inherit))!important;
  color:var(--icon-body-color,#666)!important;
  font-weight:var(--icon-body-weight,400)!important;
  line-height:var(--icon-body-lh,1.45)!important;
}
.icon-swipe-reader .icon-swipe-meta{
  font-family:var(--icon-meta-font,var(--icon-font-family,inherit))!important;
  color:var(--icon-meta-color,#707984)!important;
  font-weight:var(--icon-meta-weight,400)!important;
  line-height:var(--icon-meta-lh,1.2)!important;
  font-size:var(--icon-meta-size-mobile,10px)!important;
}
@media (min-width:901px){
  .icon-swipe-reader .icon-swipe-title{
    font-size:var(--icon-title-desktop,21px)!important;
  }
  .icon-swipe-reader .icon-swipe-excerpt{
    font-size:var(--icon-body-desktop,17px)!important;
  }
  .icon-swipe-reader .icon-swipe-meta{
    font-size:var(--icon-meta-size-desktop,11px)!important;
  }
}
@media (min-width:601px) and (max-width:900px){
  .icon-swipe-reader .icon-swipe-title{
    font-size:var(--icon-title-desktop,21px)!important;
  }
  .icon-swipe-reader .icon-swipe-excerpt{
    font-size:var(--icon-body-desktop,17px)!important;
  }
  .icon-swipe-reader .icon-swipe-meta{
    font-size:var(--icon-meta-size-desktop,11px)!important;
  }
}

/* ========================================================================
   V1.10.25 — Typography defaults + desktop metadata/action finalization
   This layer intentionally wins over earlier milestone overrides.
   ======================================================================== */
.icon-swipe-title{font-family:var(--icon-headline-font,var(--icon-font-family,inherit))!important;color:var(--icon-headline-color,#0A2A66)!important;font-weight:var(--icon-title-weight,700)!important;}
.icon-swipe-excerpt{font-family:var(--icon-body-font,var(--icon-font-family,inherit))!important;color:var(--icon-body-color,#3f4650)!important;font-weight:var(--icon-body-weight,400)!important;}
.icon-swipe-meta{font-family:var(--icon-meta-font,var(--icon-font-family,inherit))!important;color:var(--icon-meta-color,#667085)!important;font-weight:var(--icon-meta-weight,400)!important;}
.icon-swipe-desktop-meta{display:none!important;}

@media (min-width:601px){
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-content{
    padding:clamp(22px,2.7vw,42px) clamp(24px,2.8vw,46px)!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-title{
    font-family:var(--icon-headline-font,var(--icon-font-family,inherit))!important;
    font-size:var(--icon-title-desktop,21px)!important;
    line-height:var(--icon-title-lh,1.27)!important;
    color:var(--icon-headline-color,#0A2A66)!important;
    font-weight:var(--icon-title-weight,700)!important;
    max-height:44%!important;
    overflow:hidden!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-excerpt{
    font-family:var(--icon-body-font,var(--icon-font-family,inherit))!important;
    font-size:var(--icon-body-desktop,17px)!important;
    line-height:var(--icon-body-lh,1.45)!important;
    color:var(--icon-body-color,#3f4650)!important;
    font-weight:var(--icon-body-weight,400)!important;
    max-height:52%!important;
    overflow:hidden!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-desktop-meta{
    display:block!important;
    width:100%!important;
    flex:0 0 auto!important;
    margin:12px 0 0!important;
    padding:0!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-desktop-meta .icon-swipe-meta{
    width:100%!important;
    height:24px!important;
    margin:0!important;
    padding:0!important;
    border-top:1px solid rgba(15,23,42,.10)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    font-size:var(--icon-meta-size-desktop,11px)!important;
    line-height:var(--icon-meta-lh,1.2)!important;
    overflow:hidden!important;
    color:var(--icon-meta-color,#667085)!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-desktop-meta .icon-swipe-meta svg{width:13px!important;height:13px!important;flex:0 0 13px!important;}

  /* Reserve a real action zone below the card; never cover the image/article. */
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-feed{
    height:calc(100% - var(--icon-discovery-space,0px) - 54px)!important;
    max-height:calc(100% - var(--icon-discovery-space,0px) - 54px)!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-card{
    height:100%!important;
    max-height:100%!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-fixed-dock{
    position:absolute!important;
    left:50%!important;
    bottom:0!important;
    transform:translateX(-50%)!important;
    width:min(500px,42%)!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:4px 10px 6px!important;
    border:0!important;
    border-radius:14px 14px 0 0!important;
    box-shadow:none!important;
    background:transparent!important;
    z-index:50!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-fixed-dock .icon-swipe-dock-actions{min-height:36px!important;height:36px!important;}
}

@media (max-width:600px){
  .icon-swipe-reader .icon-swipe-desktop-meta{display:none!important;}
  .icon-swipe-reader .icon-swipe-mobile-meta .icon-swipe-meta{font-size:var(--icon-meta-size-mobile,10px)!important;line-height:var(--icon-meta-lh,1.2)!important;color:var(--icon-meta-color,#667085)!important;font-weight:var(--icon-meta-weight,400)!important;}
  .icon-swipe-reader .icon-swipe-mobile-meta{margin:0!important;padding:0!important;}
  .icon-swipe-reader .icon-swipe-live-logo{position:absolute!important;right:12px!important;bottom:12px!important;z-index:8!important;display:block!important;width:auto!important;height:auto!important;max-width:26%!important;max-height:58px!important;object-fit:contain!important;object-position:right bottom!important;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))!important;pointer-events:none!important;}
}

.icon-swipe-reader .icon-swipe-live-logo{position:absolute!important;right:14px!important;bottom:44px!important;z-index:8!important;display:block!important;width:auto!important;height:auto!important;max-width:24%!important;max-height:72px!important;object-fit:contain!important;object-position:right bottom!important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))!important;pointer-events:none!important;}


/* V1.10.27 — Desktop metadata must appear only once.
   The article panel owns the metadata row; the fixed action dock contains actions only. */
@media (min-width:601px){
  .icon-swipe-reader .icon-swipe-fixed-dock .icon-swipe-dock-meta{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  .icon-swipe-reader .icon-swipe-fixed-dock .icon-swipe-dock-actions{
    margin:0!important;
  }
}

/* ========================================================================
   V1.10.28 — Responsive isolation + single metadata ownership
   Desktop/tablet: the desktop metadata row is the only metadata rendered.
   Mobile: the mobile metadata row is the only metadata rendered.
   The two DOM nodes remain separate so each breakpoint can keep its approved
   typography/spacing without duplicating the visible metadata.
   ======================================================================== */
@media (min-width:601px){
  .icon-swipe-reader .icon-swipe-mobile-meta{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .icon-swipe-reader .icon-swipe-desktop-meta{
    display:block!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-desktop-meta{
    display:block!important;
  }
}

@media (max-width:600px){
  .icon-swipe-reader .icon-swipe-desktop-meta{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .icon-swipe-reader .icon-swipe-mobile-meta{
    display:block!important;
  }
}

/* Keep the desktop action dock visually separate from article metadata. */
@media (min-width:901px){
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-fixed-dock{
    pointer-events:auto!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-fixed-dock .icon-swipe-dock-meta{
    display:none!important;
  }
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-fixed-dock .icon-swipe-dock-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
  }
}

/* V1.10.29 — In-Feed Ads & Quote Cards */
.icon-swipe-module-card,
.icon-swipe-module-card .icon-swipe-module-surface{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important;background:#fff!important;}
.icon-swipe-module-card .icon-swipe-module-surface{position:relative;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;border-radius:18px!important;border:1px solid rgba(10,42,102,.08)!important;box-shadow:0 8px 30px rgba(10,42,102,.08)!important;}
.icon-swipe-module-kicker{flex:0 0 auto!important;padding:10px 16px!important;font:700 10px/1.2 var(--icon-meta-font, sans-serif)!important;letter-spacing:.12em!important;color:#667085!important;text-transform:uppercase!important;background:#f7f9fc!important;border-bottom:1px solid rgba(10,42,102,.06)!important;}
.icon-swipe-module-ad-picture,.icon-swipe-module-ad-picture img{display:block!important;width:100%!important;}
.icon-swipe-module-ad-picture{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;background:#f3f5f8!important;}
.icon-swipe-module-ad-picture img{height:100%!important;object-fit:contain!important;object-position:center!important;}
.icon-swipe-module-ad-link,.icon-swipe-module-quote-link{display:block!important;color:inherit!important;text-decoration:none!important;min-height:0!important;}
.icon-swipe-module-ad-link{flex:1 1 auto!important;overflow:hidden!important;}
.icon-swipe-module-ad-html{height:100%!important;min-height:180px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:auto!important;padding:16px!important;box-sizing:border-box!important;background:#fff!important;}
.icon-swipe-module-ad-html img{max-width:100%!important;height:auto!important;}
.icon-swipe-quote-card .icon-swipe-module-surface{background:#f7f9fc!important;}
.icon-swipe-module-quote-link{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;}
.icon-swipe-quote-image{flex:1 1 56%!important;min-height:0!important;overflow:hidden!important;background:#eef2f7!important;}
.icon-swipe-quote-image img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;}
.icon-swipe-quote-copy{flex:0 0 auto!important;padding:22px 24px 18px!important;background:var(--quote-bg,#F7F9FC)!important;color:var(--quote-text,#0A2A66)!important;border-top:4px solid var(--quote-accent,#0787ee)!important;}
.icon-swipe-quote-title{font:700 13px/1.3 var(--icon-meta-font,sans-serif)!important;text-transform:uppercase!important;letter-spacing:.08em!important;opacity:.72!important;margin-bottom:8px!important;}
.icon-swipe-quote-copy blockquote{margin:0!important;font:700 clamp(24px,3vw,38px)/1.2 var(--icon-headline-font,"Anek Telugu",sans-serif)!important;color:var(--quote-text,#0A2A66)!important;}
.icon-swipe-quote-author{margin-top:12px!important;font:500 14px/1.35 var(--icon-body-font,"Noto Sans Telugu",sans-serif)!important;color:var(--quote-text,#0A2A66)!important;opacity:.78!important;}
.icon-swipe-quote-brand{margin-top:14px!important;font:700 10px/1 var(--icon-meta-font,sans-serif)!important;letter-spacing:.12em!important;color:var(--quote-accent,#0787ee)!important;}
.icon-swipe-module-next{flex:0 0 auto!important;align-self:center!important;margin:10px auto 12px!important;border:0!important;background:transparent!important;color:var(--icon-cue-color,#7a8792)!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;font:500 10px/1.25 var(--icon-meta-font,sans-serif)!important;cursor:pointer!important;}
.icon-swipe-module-next span:first-child{font-size:18px!important;line-height:12px!important;color:var(--icon-accent,#0787ee)!important;}
@media(max-width:600px){
  .icon-swipe-module-card,.icon-swipe-module-card .icon-swipe-module-surface{height:100%!important;border-radius:0!important;box-shadow:none!important;border-left:0!important;border-right:0!important;}
  .icon-swipe-module-kicker{padding:8px 12px!important;font-size:9px!important;}
  .icon-swipe-module-ad-picture img{object-fit:contain!important;}
  .icon-swipe-quote-copy{padding:16px 18px 14px!important;}
  .icon-swipe-quote-copy blockquote{font-size:24px!important;line-height:1.22!important;}
  .icon-swipe-module-next{margin:7px auto 9px!important;}
}
@media(min-width:601px){
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-module-card-surface,
  .icon-swipe-reader.icon-swipe-desktop-fit .icon-swipe-module-card .icon-swipe-module-surface{display:flex!important;}
  .icon-swipe-module-card .icon-swipe-module-surface{border-radius:18px!important;}
  .icon-swipe-module-card .icon-swipe-module-ad-picture img{object-fit:contain!important;}
}
.icon-swipe-reader .icon-swipe-module-card .icon-swipe-module-surface{display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important;}

/* V1.10.31 — unobtrusive PWA / notification controls. They remain hidden
   until the browser reports an install prompt or push support is available. */
.icon-swipe-pwa-tools{position:fixed!important;top:12px!important;right:12px!important;z-index:10000!important;display:flex!important;align-items:center!important;gap:5px!important;}
.icon-swipe-pwa-tools button{border:1px solid rgba(10,42,102,.16)!important;background:rgba(255,255,255,.9)!important;color:#0A2A66!important;border-radius:16px!important;min-height:30px!important;padding:0 9px!important;font:600 11px/1 system-ui,sans-serif!important;cursor:pointer!important;box-shadow:0 1px 4px rgba(0,0,0,.06)!important;}
.icon-swipe-pwa-tools button:hover{background:#fff!important;}
@media(max-width:600px){.icon-swipe-pwa-tools{top:8px!important;right:8px!important;gap:3px!important;}.icon-swipe-pwa-tools button{min-height:28px!important;padding:0 7px!important;font-size:10px!important;}.icon-swipe-install-btn{max-width:58px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}}
/* V1.10.34.2 — PWA installability/offline status polish. */
.icon-swipe-pwa-status{position:fixed!important;z-index:9999!important;left:50%!important;bottom:18px!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;gap:7px!important;max-width:calc(100% - 28px)!important;padding:9px 13px!important;border:1px solid rgba(10,42,102,.14)!important;border-radius:999px!important;background:rgba(255,255,255,.96)!important;color:#0A2A66!important;box-shadow:0 8px 28px rgba(10,42,102,.14)!important;font:600 12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;}
.icon-swipe-pwa-status[hidden]{display:none!important;}
.icon-swipe-pwa-status-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#d97706!important;flex:0 0 7px!important;}
.icon-swipe-pwa-status.is-updated .icon-swipe-pwa-status-dot{background:#0787ee!important;}
.icon-swipe-pwa-status.is-updated{color:#0787ee!important;}
@media(max-width:600px){.icon-swipe-pwa-status{bottom:12px!important;font-size:11px!important;padding:8px 11px!important;}}