/* City Blast E-Paper – scoped under .cbe  (v1.1 "newsprint" theme) */
.cbe{
  --paper:#f6f2e9; --card:#fffdf8; --ink:#151515; --ink-2:#5c574f; --ink-3:#6c665b;
  --line:#e2dbcc; --line-2:#cfc6b3; --shade:#e9e4d8;
  --accent:#c2410c; --accent-2:#f59e0b; --accent-ink:#ffffff; --accent-soft:rgba(194,65,12,.10);
  --bar:#141414; --bar-ink:#f5f1e8;
  --shadow:0 1px 2px rgba(30,24,12,.06),0 8px 24px -8px rgba(30,24,12,.16);
  --shadow-lg:0 2px 4px rgba(30,24,12,.06),0 30px 60px -24px rgba(30,24,12,.38);
  --serif:'Rozha One','Mukta','Noto Sans Devanagari','Times New Roman',serif;
  --sans:'Mukta','Noto Sans Devanagari','Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r:10px;
}
.cbe[data-theme="dark"]{
  --paper:#121110; --card:#1c1a17; --ink:#f3eee4; --ink-2:#b1a99b; --ink-3:#9d968a;
  --line:#2d2a25; --line-2:#3c3831; --shade:#0b0a09;
  --accent:#fb923c; --accent-2:#fbbf24; --accent-ink:#1a1206; --accent-soft:rgba(251,146,60,.14);
  --bar:#0b0a09; --bar-ink:#f3eee4;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -8px rgba(0,0,0,.6);
  --shadow-lg:0 30px 60px -24px rgba(0,0,0,.8);
}
@media (prefers-color-scheme:dark){.cbe:not([data-theme="light"]){
  --paper:#121110; --card:#1c1a17; --ink:#f3eee4; --ink-2:#b1a99b; --ink-3:#9d968a;
  --line:#2d2a25; --line-2:#3c3831; --shade:#0b0a09;
  --accent:#fb923c; --accent-2:#fbbf24; --accent-ink:#1a1206; --accent-soft:rgba(251,146,60,.14);
  --bar:#0b0a09; --bar-ink:#f3eee4;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -8px rgba(0,0,0,.6);
  --shadow-lg:0 30px 60px -24px rgba(0,0,0,.8);
}}

/* ---------- base ---------- */
.cbe,.cbe *{box-sizing:border-box}
.cbe{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}
.cbe button,.cbe input,.cbe select{font:inherit;color:inherit}
.cbe a{color:inherit;text-decoration:none}
.cbe :focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.cbe [hidden]{display:none!important}
.cbe .wrap{width:min(100% - 40px,1200px);margin:0 auto}
.cbe .kicker{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.cbe .kicker::before{content:"";width:22px;height:2px;background:currentColor}

/* ---------- top bar ---------- */
.cbe .top{background:var(--bar);color:var(--bar-ink);font-size:.86rem}
.cbe .top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}
.cbe .top-date{display:inline-flex;align-items:center;gap:9px;font-weight:600}
.cbe .live{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.6);animation:cbe-pulse 2s infinite}
@keyframes cbe-pulse{70%{box-shadow:0 0 0 7px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
.cbe .top-nav{display:flex;align-items:center;gap:4px}
.cbe .top-nav a,.cbe .top-nav button{background:none;border:0;cursor:pointer;padding:5px 10px;border-radius:999px;color:inherit;opacity:.88}
.cbe .top-nav a:hover,.cbe .top-nav button:hover{opacity:1;background:rgba(255,255,255,.12)}
.cbe .theme-btn{font-size:.86rem}

/* ---------- masthead ---------- */
.cbe .mast{text-align:center;padding-top:22px;background:var(--card);border-bottom:1px solid var(--line)}
.cbe .mast h1,.cbe .mast-home{display:block;margin:0;line-height:0;font-weight:400}
.cbe .mast-logo{display:inline-block;width:min(420px,78vw);height:auto}
.cbe .mast-tag{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px auto 0;max-width:560px;color:var(--ink-2);font-size:.95rem;font-weight:600;letter-spacing:.02em}
.cbe .mast-tag::before,.cbe .mast-tag::after{content:"";flex:1;height:1px;background:var(--line-2)}
.cbe .mast-strip{margin-top:16px;border-top:3px double var(--ink);border-bottom:1px solid var(--ink)}
.cbe .mast-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px;font-size:.84rem;font-weight:600;color:var(--ink-2)}
.cbe .mast-mid{color:var(--ink);letter-spacing:.06em}
.cbe[data-theme="dark"] .mast-logo,.cbe[data-theme="dark"] .foot-logo{filter:invert(1) hue-rotate(180deg) saturate(1.3)}
@media (prefers-color-scheme:dark){.cbe:not([data-theme="light"]) .mast-logo{filter:invert(1) hue-rotate(180deg) saturate(1.3)}}

/* ---------- today ---------- */
.cbe .today{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:clamp(28px,5vw,64px);padding:44px 0 48px;align-items:start}
.cbe .cover-wrap{position:relative;padding:0 14px 14px 0}
.cbe .cover-wrap::before,.cbe .cover-wrap::after{content:"";position:absolute;background:var(--card);border:1px solid var(--line);border-radius:4px}
.cbe .cover-wrap::before{inset:14px 0 0 14px;transform:rotate(1.6deg)}
.cbe .cover-wrap::after{inset:7px 7px 7px 7px;transform:rotate(-.8deg)}
.cbe .cover{position:relative;z-index:1;display:grid;place-items:center;width:100%;aspect-ratio:var(--page-ar,.635);padding:0;overflow:hidden;cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow-lg);transition:transform .25s ease,box-shadow .25s ease}
.cbe .cover:hover{transform:translateY(-4px) rotate(-.3deg)}
.cbe .cover canvas{display:block;width:100%;height:auto}
.cbe .cover .ph{padding:24px;text-align:center;color:var(--ink-2);font-size:.92rem}
.cbe .cover-hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%,8px);background:rgba(20,20,20,.86);color:#fff;font-size:.82rem;font-weight:600;padding:7px 14px;border-radius:999px;opacity:0;transition:.2s;white-space:nowrap;pointer-events:none}
.cbe .cover:hover .cover-hint,.cbe .cover:focus-visible .cover-hint{opacity:1;transform:translate(-50%,0)}

.cbe .today-info{padding-top:8px;min-width:0}
.cbe .today .t-title{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.05;letter-spacing:-.01em;margin:10px 0 8px}
.cbe .today .meta{margin:0 0 26px;color:var(--ink-2);font-size:1.05rem;font-weight:500}
.cbe .row{display:flex;flex-wrap:wrap;gap:10px}

/* buttons */
.cbe .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 6px 16px -6px var(--accent);transition:transform .15s,filter .15s,background .15s,box-shadow .15s}
.cbe .btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.cbe .btn:active{transform:none}
.cbe .btn:disabled,.cbe .btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
.cbe .btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line-2);box-shadow:none;font-weight:600}
.cbe .btn.ghost:hover{border-color:var(--ink);background:var(--card)}
.cbe .btn.wa-btn{background:#14874a;color:#fff;box-shadow:0 6px 16px -6px #14874a}
.cbe .btn.wa-btn .i{width:20px;height:20px}
.cbe .btn.sm{min-height:42px;padding:0 16px;font-size:.92rem}

/* page strip */
.cbe .pages-box{margin-top:34px;padding-top:18px;border-top:1px solid var(--line)}
.cbe .pages-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.cbe .pages-head h2,.cbe .pages-head h3{margin:0;font-size:1rem;font-weight:700}
.cbe .pages-head span{color:var(--ink-3);font-size:.86rem}
.cbe .pages{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin}
.cbe .pg-th{flex:none;width:96px;padding:0;background:none;border:0;cursor:pointer;scroll-snap-align:start;text-align:center;color:var(--ink-2);font-size:.8rem;font-weight:600}
.cbe .pg-th .pgc{display:grid;place-items:center;aspect-ratio:var(--page-ar,.635);background:var(--card);border:1px solid var(--line);border-radius:4px;overflow:hidden;margin-bottom:6px;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.cbe .pg-th .pgc canvas{display:block;width:100%;height:auto}
.cbe .pg-th:hover .pgc{transform:translateY(-3px);border-color:var(--accent)}
.cbe .pg-th:hover{color:var(--accent)}
.cbe .pages .skel{flex:none;width:96px;aspect-ratio:var(--page-ar,.635);border-radius:4px;background:linear-gradient(90deg,var(--shade),var(--card),var(--shade));background-size:200% 100%;animation:cbe-sh 1.4s infinite}
@keyframes cbe-sh{to{background-position:-200% 0}}

/* ---------- archive ---------- */
.cbe .arch{padding:0 0 64px}
.cbe .arch-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px;padding-top:28px;margin-bottom:24px;border-top:3px double var(--ink)}
.cbe .arch-head h2,.cbe .arch-head h3{margin:6px 0 0;font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,3.4vw,2.4rem);line-height:1.1}
.cbe .filters{display:flex;flex-wrap:wrap;gap:10px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.cbe .filters label{display:grid;gap:3px;font-size:.76rem;font-weight:700;color:var(--ink-3);letter-spacing:.03em}
.cbe .filters input,.cbe .filters select{min-width:150px;min-height:42px;padding:0 12px;background:var(--paper);border:1px solid var(--line);border-radius:9px;font-size:.95rem;font-weight:500;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.cbe .filters input:focus,.cbe .filters select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}

.cbe .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:30px 22px}
.cbe .ed{display:block;width:100%;padding:0;background:none;border:0;text-align:left;cursor:pointer}
.cbe .ed-fig{position:relative}
.cbe .ed .th{display:grid;place-items:center;aspect-ratio:var(--page-ar,.635);overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:4px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}
.cbe .ed:hover .th,.cbe .ed:focus-visible .th{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.cbe .ed .th canvas{display:block;width:100%;height:auto}
.cbe .ed .th span{padding:10px;text-align:center;font-size:.8rem;color:var(--ink-3)}
.cbe .ed-date{position:absolute;left:10px;bottom:10px;z-index:1;display:grid;place-items:center;min-width:50px;padding:5px 6px 4px;background:var(--bar);color:var(--bar-ink);border-radius:6px;line-height:1;box-shadow:0 4px 10px rgba(0,0,0,.25);transition:transform .2s}
.cbe .ed:hover .ed-date{transform:translateY(-5px)}
.cbe .ed-date b{font-size:1.35rem;font-weight:800}
.cbe .ed-date i{font-style:normal;font-size:.7rem;font-weight:600;opacity:.85;margin-top:3px}
.cbe .ed-new{position:absolute;right:10px;bottom:10px;z-index:1;background:var(--accent);color:var(--accent-ink);font-size:.72rem;font-weight:800;padding:3px 9px;border-radius:999px;transition:transform .2s}
.cbe .ed:hover .ed-new{transform:translateY(-5px)}
.cbe .ed-cap{padding:12px 2px 0}
.cbe .ed-cap b{display:block;font-size:1rem;font-weight:700;line-height:1.3}
.cbe .ed-cap small{display:block;margin-top:2px;color:var(--ink-3);font-size:.85rem}
.cbe .ed:hover .ed-cap b{color:var(--accent)}
.cbe .empty{grid-column:1/-1;padding:44px 20px;text-align:center;color:var(--ink-2);background:var(--card);border:1px dashed var(--line-2);border-radius:var(--r)}

/* ---------- footer ---------- */
.cbe .cb-foot{background:var(--bar);color:var(--bar-ink);padding:30px 0 34px;font-size:.88rem}
.cbe .cb-foot .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px}
.cbe .foot-logo{width:170px;height:auto;filter:invert(1) hue-rotate(180deg) saturate(1.3)}
.cbe[data-theme="dark"] .foot-logo{filter:invert(1) hue-rotate(180deg) saturate(1.3)}
.cbe .foot-text{display:grid;gap:3px;text-align:right;opacity:.82}
.cbe .cb-foot a{color:inherit}
.cbe noscript{display:block;padding:20px;text-align:center}



/* ---------- quick edition picker (sticky) ---------- */
.cbe .quick{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
body.admin-bar .cbe .quick{top:32px}
@media (max-width:782px){body.admin-bar .cbe .quick{top:0}}
.cbe .quick .wrap{position:relative;display:flex;align-items:center;gap:14px;min-height:64px}
.cbe .quick-label{flex:none;font-size:.78rem;font-weight:800;letter-spacing:.06em;color:var(--accent)}
.cbe .quick-days{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;padding:8px 2px;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 92%,transparent)}
.cbe .quick-days::-webkit-scrollbar{display:none}
.cbe .qd{flex:none;display:grid;justify-items:center;gap:1px;min-width:66px;padding:5px 10px;background:var(--card);border:1px solid var(--line);border-radius:10px;cursor:pointer;line-height:1.15;transition:border-color .15s,transform .15s,background .15s}
.cbe .qd:hover{border-color:var(--accent);transform:translateY(-1px)}
.cbe .qd i{font-style:normal;font-size:.7rem;font-weight:600;color:var(--ink-3)}
.cbe .qd b{font-size:.9rem;font-weight:700;white-space:nowrap}
.cbe .qd.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.cbe .qd.on i{color:inherit;opacity:.75}
.cbe .qd-all{border-style:dashed}
.cbe .quick-date{flex:none;position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 6px 0 14px;background:var(--accent);color:var(--accent-ink);border-radius:999px;font-weight:700;font-size:.92rem;cursor:pointer;box-shadow:0 6px 16px -8px var(--accent)}
.cbe .quick-date input{width:132px;min-height:34px;padding:0 8px;border:0;border-radius:999px;background:rgba(255,255,255,.95);color:#151515;font-size:.88rem;font-weight:600;cursor:pointer}
.cbe .quick-msg{position:absolute;right:0;top:100%;margin-top:6px;background:var(--bar);color:var(--bar-ink);font-size:.85rem;padding:6px 12px;border-radius:8px;box-shadow:var(--shadow)}
.cbe .quick-msg:empty{display:none}

/* archive month groups */
.cbe .grid-month{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin:8px 0 -8px;font-size:1.05rem;font-weight:800;color:var(--ink)}
.cbe .grid-month::after{content:"";flex:1;height:1px;background:var(--line-2)}
.cbe .grid-month:first-child{margin-top:0}

@media (max-width:680px){
  .cbe .quick .wrap{flex-wrap:wrap;gap:0 10px;min-height:0;padding:6px 0}
  .cbe .quick-label{display:none}
  .cbe .quick-days{order:2;flex-basis:100%;padding:4px 0 6px}
  .cbe .quick-date{order:1;width:100%;justify-content:space-between;min-height:42px;margin-top:2px}
  .cbe .quick-date input{width:150px}
  .cbe .qd{min-width:60px;padding:4px 8px}
  .cbe .quick-msg{left:0;right:auto}
}

/* ---------- tablet / mobile ---------- */
@media (max-width:860px){
  .cbe .today{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;padding:30px 0 36px}
}
@media (max-width:680px){
  .cbe{font-size:16px}
  .cbe .wrap{width:min(100% - 32px,1200px)}
  .cbe .top-date{font-size:.8rem}
  .cbe .mast{padding-top:16px}
  .cbe .mast-logo{width:min(280px,76vw)}
  .cbe .mast-tag{font-size:.84rem;margin-top:8px}
  .cbe .mast-strip{margin-top:12px}
  .cbe .mast-strip .wrap{justify-content:center;font-size:.78rem}
  .cbe .mast-strip .wrap span:not(.mast-mid){display:none}
  .cbe .today{grid-template-columns:1fr;gap:22px;padding:24px 0 30px}
  .cbe .cover-wrap{max-width:min(78vw,300px);margin:0 auto;width:100%}
  .cbe .today-info{text-align:center;padding-top:0}
  .cbe .today .t-title{font-size:2.2rem;margin-top:6px}
  .cbe.is-issue .today .t-title{font-size:1.75rem}
  .cbe .today .meta{margin-bottom:18px}
  .cbe .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .cbe .row .btn:first-child,.cbe .row #share-today{grid-column:1/-1}
  .cbe .row .btn{white-space:nowrap;padding:0 10px;gap:6px}
  .cbe .row #dl-today,.cbe .row #wa-today{font-size:.92rem}
  .cbe .row #wa-today .i{width:18px;height:18px}
  .cbe .row .btn{width:100%}
  .cbe .pages-box{margin-top:24px;text-align:left}
  .cbe .pg-th{width:78px}
  .cbe .pages .skel{width:78px}
  .cbe .arch-head{align-items:stretch;padding-top:22px}
  .cbe .filters{display:grid;grid-template-columns:1fr;width:100%}
  .cbe .filters label{min-width:0}
  .cbe .filters input,.cbe .filters select{width:100%;min-width:0}
  .cbe .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
  .cbe .ed-date{left:7px;bottom:7px;min-width:42px}
  .cbe .ed-date b{font-size:1.1rem}
  .cbe .cb-foot .wrap{flex-direction:column;text-align:center}
  .cbe .foot-text{text-align:center}
}
@media (max-width:380px){
  .cbe .row{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.cbe,.cbe *,.cbe *::before,.cbe *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ================= reader ================= */
.cbe #reader{position:fixed;inset:0;z-index:100000;display:none;flex-direction:column;background:#2a2723}
.cbe #reader.open{display:flex}
.cbe .i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.cbe .bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bar);color:var(--bar-ink);box-shadow:0 1px 0 rgba(255,255,255,.06),0 6px 20px rgba(0,0,0,.3);position:relative;z-index:5}
.cbe .bar-l{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.cbe .bar-c{display:flex;align-items:center;gap:2px;flex:none}
.cbe .bar-r{display:flex;align-items:center;gap:8px;flex:none}
.cbe .bar .title{min-width:0;padding:0 4px;font-family:var(--serif);font-size:1.12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cbe .bar-group{display:flex;align-items:center;gap:0;padding:2px;background:rgba(255,255,255,.07);border-radius:11px}
.cbe .bar button,.cbe .bar a{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;min-width:38px;padding:0 10px;background:transparent;color:inherit;border:0;border-radius:9px;cursor:pointer;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s}
.cbe .bar .ib{padding:0}
.cbe .bar button:hover,.cbe .bar a:hover{background:rgba(255,255,255,.14)}
.cbe .bar button:disabled{opacity:.3;cursor:default;background:transparent}
.cbe .bar .zl{min-width:58px;font-variant-numeric:tabular-nums}
.cbe .bar .tool{background:rgba(255,255,255,.07);padding:0 13px}
.cbe .bar .tool.on{background:var(--bar-ink);color:var(--bar)}
.cbe .bar .tool.hot{background:var(--accent);color:var(--accent-ink)}
.cbe .bar .tool.hot:hover{filter:brightness(1.08);background:var(--accent)}
.cbe .bar .tool.hot.on{box-shadow:0 0 0 2px var(--bar),0 0 0 4px var(--accent-2)}
.cbe .bar .pg{display:flex;align-items:center;gap:6px;padding:0 4px;font-size:.9rem;font-variant-numeric:tabular-nums}
.cbe .bar .pg-of{opacity:.75;white-space:nowrap}
.cbe .bar input{width:46px;height:32px;text-align:center;border:0;border-radius:8px;background:rgba(255,255,255,.94);color:#111;font-weight:700;-moz-appearance:textfield}
.cbe .bar input::-webkit-inner-spin-button,.cbe .bar input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

.cbe .body{position:relative;flex:1;display:flex;min-height:0}
.cbe .stage{flex:1;min-width:0;display:flex;overflow:auto;padding:16px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;background:radial-gradient(ellipse at 50% 0%,#3a3630,#24211d 70%)}
.cbe .stage.panning{cursor:grabbing}
.cbe .view{margin:auto;display:flex;flex:none;position:relative;transform-origin:0 0}
.cbe .view .sheet:not(.blank){box-shadow:0 14px 44px rgba(0,0,0,.45)}
.cbe .sheet{position:relative;flex:none;line-height:0;background:#fff;overflow:hidden}
.cbe .sheet canvas{display:block;width:100%;height:100%}
.cbe .sheet.blank{background:transparent}
/* spine shading between facing pages */
/* front/last page alone: hide the empty half so the page sits in the centre */
.cbe .view.book.solo .sheet.blank{display:none}
.cbe .view.book.solo .sheet::after{display:none}
.cbe .view.book .sheet:nth-child(1):not(.blank)::after,.cbe .view.book .sheet:nth-child(2):not(.blank)::after{content:"";position:absolute;top:0;bottom:0;width:7%;pointer-events:none}
.cbe .view.book .sheet:nth-child(1)::after{right:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.16))}
.cbe .view.book .sheet:nth-child(2)::after{left:0;background:linear-gradient(270deg,transparent,rgba(0,0,0,.2))}
.cbe .view.in-next{animation:cbe-in-n .32s ease-out}
.cbe .view.in-prev{animation:cbe-in-p .32s ease-out}
@keyframes cbe-in-n{from{opacity:.2;transform:translateX(40px)}}
@keyframes cbe-in-p{from{opacity:.2;transform:translateX(-40px)}}

/* page-turn leaf */
.cbe .view.turning{perspective:2800px}
.cbe .leaf{position:absolute;top:0;left:0;transform-style:preserve-3d;z-index:3}
.cbe .leaf.fwd{transform-origin:left center}
.cbe .leaf.bwd{transform-origin:right center}
.cbe .leaf.fwd.go{animation:cbe-flip-f .7s cubic-bezier(.45,.05,.3,1) forwards}
.cbe .leaf.bwd.go{animation:cbe-flip-b .7s cubic-bezier(.45,.05,.3,1) forwards}
@keyframes cbe-flip-f{to{transform:rotateY(-180deg)}}
@keyframes cbe-flip-b{to{transform:rotateY(180deg)}}
.cbe .leaf .face{position:absolute;inset:0;width:100%!important;height:100%!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.cbe .leaf .face.back{transform:rotateY(180deg)}
.cbe .leaf .face::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;animation:cbe-shade .7s ease-in-out}
.cbe .leaf.fwd .face.front::before{background:linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.35))}
.cbe .leaf.fwd .face.back::before{background:linear-gradient(270deg,rgba(0,0,0,.05),rgba(0,0,0,.35))}
.cbe .leaf.bwd .face.front::before{background:linear-gradient(270deg,rgba(0,0,0,.05),rgba(0,0,0,.35))}
.cbe .leaf.bwd .face.back::before{background:linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.35))}
@keyframes cbe-shade{50%{opacity:1}}

.cbe .msg{margin:auto;max-width:48ch;padding:28px;text-align:center;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.cbe .msg p{color:var(--ink-2)}
.cbe .spin{margin:auto;color:#d8d1c3}

.cbe #thumbs{display:none;flex:none;flex-direction:column;gap:8px;width:112px;padding:8px;overflow-y:auto;background:#1a1816;scrollbar-width:thin}
.cbe #reader.thumbs-on #thumbs{display:flex}
.cbe .tb{padding:4px;background:none;border:2px solid transparent;border-radius:8px;cursor:pointer;color:#cfc8ba;text-align:center;font-size:.78rem;font-weight:600}
.cbe .tb:hover{background:rgba(255,255,255,.06)}
.cbe .tb.on{border-color:var(--accent);background:rgba(255,255,255,.08);color:#fff}
.cbe .tbc{display:grid;place-items:center;aspect-ratio:var(--page-ar,.635);margin-bottom:3px;background:#fff;border-radius:2px}
.cbe .tbc canvas{display:block;width:100%;height:auto}

/* magnifier */
.cbe #reader.t-lens .sheet[data-p]{cursor:zoom-in;touch-action:none}
.cbe .lens{position:fixed;left:0;top:0;z-index:60;width:230px;height:230px;border-radius:50%;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .12s;background:#fff;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--accent),0 18px 40px rgba(0,0,0,.45)}
.cbe .lens.on{opacity:1}
.cbe .lens canvas{display:block;width:100%;height:100%}

/* clipping */
.cbe #reader.t-crop .sheet[data-p]{cursor:crosshair;touch-action:none}
.cbe #reader.t-crop .view{outline:2px dashed var(--accent-2);outline-offset:6px}
.cbe .selbox{position:absolute;z-index:4;cursor:move;border:2px solid #fff;outline:2px solid var(--accent);box-shadow:0 0 0 9999px rgba(15,12,8,.5);line-height:normal}
.cbe .selbox::before,.cbe .selbox::after{content:"";position:absolute;pointer-events:none;border:0 dashed rgba(255,255,255,.55)}
.cbe .selbox::before{left:33.3%;right:33.3%;top:0;bottom:0;border-left-width:1px;border-right-width:1px}
.cbe .selbox::after{top:33.3%;bottom:33.3%;left:0;right:0;border-top-width:1px;border-bottom-width:1px}
.cbe .selbox .h{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;z-index:1}
.cbe .selbox .h::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background:#fff;border:2px solid var(--accent);border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.cbe .h-nw{left:0;top:0;cursor:nwse-resize}.cbe .h-n{left:50%;top:0;cursor:ns-resize}.cbe .h-ne{left:100%;top:0;cursor:nesw-resize}
.cbe .h-e{left:100%;top:50%;cursor:ew-resize}.cbe .h-se{left:100%;top:100%;cursor:nwse-resize}.cbe .h-s{left:50%;top:100%;cursor:ns-resize}
.cbe .h-sw{left:0;top:100%;cursor:nesw-resize}.cbe .h-w{left:0;top:50%;cursor:ew-resize}
.cbe .cropbar{position:absolute;left:50%;bottom:18px;z-index:40;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;transform:translateX(-50%);background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:999px;box-shadow:0 14px 40px rgba(0,0,0,.45);max-width:calc(100vw - 20px)}
.cbe .cropbar-t{font-size:.92rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cbe .cropbar .btn{flex:none;min-height:40px}
.cbe .cropbar .btn .i{width:18px;height:18px}

.cbe #toast{position:absolute;left:50%;top:70px;z-index:90;display:none;max-width:90vw;padding:10px 18px;transform:translateX(-50%);background:rgba(20,20,20,.92);color:#fff;border-radius:999px;font-size:.93rem;font-weight:500;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.4)}

/* clip result */
.cbe #clipm{position:absolute;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(12,10,8,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cbe .clipbox{display:flex;flex-direction:column;gap:14px;width:min(560px,100%);max-height:100%;padding:18px;background:var(--card);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.45);animation:cbe-pop .22s ease-out}
@keyframes cbe-pop{from{opacity:0;transform:translateY(12px) scale(.98)}}
.cbe .clip-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.cbe .clip-head h3{margin:0;font-family:var(--serif);font-weight:400;font-size:1.5rem;line-height:1.15}
.cbe .clip-meta{margin:2px 0 0;color:var(--ink-3);font-size:.88rem;font-weight:600}
.cbe .clip-x{flex:none;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:var(--shade);color:var(--ink);cursor:pointer}
.cbe .clip-x:hover{background:var(--line)}
.cbe .clipprev{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden;background:repeating-conic-gradient(var(--shade) 0 25%,var(--paper) 0 50%) 0 0/18px 18px;border-radius:12px}
.cbe .clipprev canvas{display:block;max-width:100%;max-height:min(58vh,560px);width:auto;height:auto;border-radius:3px;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.cbe .clip-actions{display:flex;flex-wrap:wrap;gap:8px}
.cbe .clip-actions .btn{flex:1 1 0;min-width:0;min-height:46px;padding:0 12px;white-space:nowrap}
.cbe .clip-actions .btn .i{width:18px;height:18px}
.cbe .clip-actions .btn:not(.ghost){flex-basis:100%}
.cbe .clip-actions .wa-btn .i{width:21px;height:21px}
.cbe #c-msg{margin:-4px 0 0;min-height:1.2em;text-align:center;color:var(--accent);font-size:.88rem;font-weight:600}

@media (max-width:900px){
  .cbe .bar .tool span{display:none}
  .cbe .bar .tool{padding:0 10px}
}
.cbe .thumbs-x,.cbe .unfull{display:none}
.cbe #reader.immersive .bar{display:none}

@media (max-width:680px){
  /* top bar: row 1 = close · date · link/full/download, row 2 = zoom + tools */
  .cbe .bar{flex-wrap:wrap;gap:6px;padding:6px 8px calc(6px) 8px;padding-top:calc(6px + env(safe-area-inset-top))}
  .cbe .bar-l{order:1;flex:1 1 0}
  .cbe .bar .title{font-size:.98rem}
  .cbe .bar-r{display:contents}
  .cbe .bar-r > .bar-group:last-child{order:2}
  .cbe .bar::after{content:"";order:3;flex-basis:100%;height:0}
  .cbe .bar-r > .bar-group:first-child{order:4;flex:1 1 auto;justify-content:space-between}
  .cbe .bar-r > .tool{order:5}
  .cbe .bar .tool span{display:none}
  .cbe .bar .tool.hot span{display:inline}
  .cbe .bar button,.cbe .bar a{height:38px;min-width:38px}
  .cbe .bar .zl{flex:0 0 auto;min-width:50px;padding:0 4px;font-size:.85rem}
  /* row 2 in one line: [− 100% +] 🔍 📖 🔊 … [✂ खबर काटें] */
  .cbe .bar-r > .bar-group:first-child{flex:0 0 auto;justify-content:flex-start}
  .cbe .bar-r > .bar-group:first-child button{min-width:34px}
  .cbe .bar-r > .tool{padding:0 8px}
  .cbe .bar-r > .tool.hot{margin-left:auto;padding:0 12px;white-space:nowrap}
  .cbe .bar .tool.hot2 span{display:inline}
  .cbe .bar-r > .tool.hot2{padding:0 10px;white-space:nowrap}
  .cbe .bar-r > .tool.hot2:not([hidden]) + .tool.hot{margin-left:0}
  .cbe .bar-r > .tool.hot2:not([hidden]){margin-left:auto}

  /* page controls float at the bottom, within thumb reach */
  .cbe .bar-c{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;gap:4px;padding:5px;background:rgba(20,18,16,.92);color:#fff;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  .cbe .bar-c button{height:44px;min-width:44px;border-radius:999px}
  .cbe .bar-c #r-thumbs{background:rgba(255,255,255,.1)}
  .cbe .bar .pg{font-size:.95rem;padding:0 4px}
  .cbe .bar input{width:44px;height:34px;font-size:1rem}
  .cbe #reader.t-crop .bar-c,.cbe #reader.thumbs-on .bar-c{display:none}
  .cbe .stage{padding:6px 6px 84px}

  /* page list as a bottom sheet */
  .cbe #thumbs{position:fixed;left:0;right:0;bottom:0;z-index:45;width:auto;max-height:68vh;display:none;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:10px;padding:16px 14px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:#1a1816;box-shadow:0 0 0 100vmax rgba(0,0,0,.55);overflow-y:auto}
  .cbe #reader.thumbs-on #thumbs{display:grid}
  .cbe #thumbs::before{content:"सभी पृष्ठ";grid-column:1/-1;color:#fff;font-weight:700;font-size:1.05rem;padding:2px 2px 4px}
  .cbe .tb{font-size:.85rem}
  .cbe #reader.thumbs-on .thumbs-x{display:grid;place-items:center;position:fixed;right:12px;bottom:calc(68vh - 52px);z-index:46;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}

  /* full-screen reading */
  .cbe #reader.immersive .unfull{display:grid;place-items:center;position:fixed;right:12px;top:calc(12px + env(safe-area-inset-top));z-index:30;width:42px;height:42px;border:0;border-radius:50%;background:rgba(20,18,16,.8);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.4)}

  .cbe .lens{width:170px;height:170px}
  .cbe .cropbar{left:10px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));transform:none;flex-wrap:wrap;justify-content:flex-end;padding:10px;border-radius:16px}
  .cbe .cropbar-t{flex:1 1 100%;white-space:normal;text-align:center;font-size:.88rem}
  .cbe .cropbar .btn{flex:1}
  .cbe #toast{top:auto;bottom:calc(80px + env(safe-area-inset-bottom))}
  .cbe #reader.t-crop #toast{bottom:auto;top:110px}
  .cbe #clipm{align-items:flex-end;padding:0}
  .cbe .clipbox{width:100%;max-height:96%;border-radius:20px 20px 0 0;padding:16px 14px calc(14px + env(safe-area-inset-bottom))}
  .cbe .clipprev{padding:10px}
  .cbe .clipprev canvas{max-height:52vh}
  .cbe .clip-actions .btn.ghost{flex:1 1 calc(50% - 4px)}
}

/* ================= SEO / server-rendered parts ================= */
.cbe .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cbe .cover img{display:block;width:100%;height:auto}
.cbe .ed .th img{display:block;width:100%;height:auto}
.cbe .cover{text-decoration:none}
.cbe.is-issue .today .t-title{font-size:clamp(1.8rem,3.6vw,2.8rem)}
.cbe .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:18px 0 0;font-size:.88rem;color:var(--ink-3)}
.cbe .crumbs a{color:var(--ink-2);font-weight:600}
.cbe .crumbs a:hover{color:var(--accent)}
.cbe .crumbs + .today{padding-top:22px}
.cbe .issue-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:18px}
.cbe .issue-nav a{font-weight:700;font-size:.95rem;color:var(--accent);padding:6px 0}
.cbe .issue-nav a:hover{text-decoration:underline}
.cbe .about{max-width:820px;margin:0 auto 64px;padding:28px 0 0;border-top:1px solid var(--line);color:var(--ink-2)}
.cbe .about h2{margin:0 0 12px;font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,2.6vw,1.8rem);color:var(--ink)}
.cbe .about p{margin:0 0 12px;font-size:1rem;line-height:1.75}
.cbe .pg-th{text-decoration:none}

/* Narrow content area (theme puts the e-paper in a narrow column): use the phone layout
   based on the space we actually get, not the screen width. Only .cbe-main is a container,
   so the full-screen reader is not affected. */
.cbe .cbe-main{container-type:inline-size;container-name:cbe}
@container cbe (max-width:820px){
  .cbe .today{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:24px}
}
@container cbe (max-width:640px){
  .cbe .today{grid-template-columns:1fr;gap:22px;padding:24px 0 30px}
  .cbe .cover-wrap{max-width:min(78%,300px);margin:0 auto;width:100%}
  .cbe .today-info{text-align:center;padding-top:0}
  .cbe .today .t-title{font-size:2.1rem}
  .cbe .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .cbe .row .btn:first-child,.cbe .row #share-today{grid-column:1/-1}
  .cbe .row .btn{width:100%;white-space:nowrap;padding:0 10px;gap:6px}
  .cbe .row #dl-today,.cbe .row #wa-today{font-size:.92rem}
  .cbe .pages-box,.cbe .issue-nav{text-align:left}
  .cbe .arch-head{align-items:stretch}
  .cbe .filters{display:grid;grid-template-columns:1fr;width:100%}
  .cbe .filters label{min-width:0}
  .cbe .filters input,.cbe .filters select{width:100%;min-width:0}
  .cbe .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
}

.cbe .issue-about{max-width:860px;margin:0 0 44px;padding:22px 26px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;color:var(--ink-2)}
.cbe .issue-about h2{margin:0 0 10px;font-size:1.15rem;font-weight:800;color:var(--ink)}
.cbe .issue-about p{margin:0 0 10px;line-height:1.75}
.cbe .issue-about p:last-child{margin-bottom:0}

.cbe .t-en{margin:-2px 0 10px;color:var(--ink-3);font-size:.95rem;font-weight:600;letter-spacing:.01em}
.cbe .a-en{display:block;margin-top:2px;font-family:var(--sans);font-size:.95rem;font-weight:600;color:var(--ink-3)}
.cbe .issue-about h2 span,.cbe .about h2 span{font-family:var(--sans);font-size:.8em;font-weight:600;color:var(--ink-3)}

.cbe .issue-dates{margin-top:12px!important;font-size:.85rem;color:var(--ink-3)}
.cbe .faq{max-width:820px;margin:0 auto 64px;padding:28px 0 0;border-top:1px solid var(--line)}
.cbe .faq > h2{margin:0 0 14px;font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,2.6vw,1.8rem);color:var(--ink)}
.cbe .faq > h2 span{font-family:var(--sans);font-size:.8em;font-weight:600;color:var(--ink-3)}
.cbe .faq details{border:1px solid var(--line);border-radius:10px;background:var(--card);margin:0 0 10px}
.cbe .faq summary{cursor:pointer;list-style:none;padding:14px 44px 14px 16px;position:relative}
.cbe .faq summary::-webkit-details-marker{display:none}
.cbe .faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.3rem;font-weight:700;color:var(--accent)}
.cbe .faq details[open] summary::after{content:"–"}
.cbe .faq summary h3{display:inline;margin:0;font-size:1rem;font-weight:700;color:var(--ink);line-height:1.45}
.cbe .faq details p{margin:0;padding:0 16px 14px;color:var(--ink-2);line-height:1.7}
.cbe .foot-seo{font-size:.8rem;opacity:.75}

/* Date pickers: a readable label on top of the native picker
   (iPhone Safari shows an empty white box for an empty date field) */
.cbe .dpick{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:150px;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.95);color:#151515;font-size:.88rem;font-weight:600;cursor:pointer;overflow:hidden}
.cbe .dpick::after{content:"▾";font-size:.75rem;opacity:.6}
.cbe .dpick-txt{white-space:nowrap;pointer-events:none}
.cbe .dpick.has .dpick-txt{color:#151515}
.cbe .dpick:not(.has) .dpick-txt{color:#6c665b}
.cbe .dpick input[type=date]{position:absolute;inset:0;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;margin:0;padding:0!important;border:0!important;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent}
.cbe .quick-date .dpick{min-width:140px}
.cbe .dpick-f{display:flex;min-height:42px;border-radius:9px;background:var(--paper);border:1px solid var(--line);color:var(--ink);font-size:.95rem;font-weight:500}
.cbe .dpick-f:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
@media (max-width:680px){.cbe .quick-date .dpick{min-width:150px;min-height:32px}.cbe .dpick-f{min-width:0}}
.cbe .dpick-f{width:100%;min-width:150px}
@container cbe (max-width:640px){.cbe .dpick-f{min-width:0}}

.cbe .issue-text{max-width:860px;margin:0 0 44px}
.cbe .issue-text > h2{margin:0 0 6px;font-size:1.15rem;font-weight:800;color:var(--ink)}
.cbe .issue-text > h2 span{font-weight:600;color:var(--ink-3);font-size:.85em}
.cbe .it-note{margin:0 0 12px;color:var(--ink-3);font-size:.88rem}
.cbe .issue-text details{border:1px solid var(--line);border-radius:10px;background:var(--card);margin:0 0 8px}
.cbe .issue-text summary{cursor:pointer;list-style:none;padding:12px 44px 12px 16px;position:relative}
.cbe .issue-text summary::-webkit-details-marker{display:none}
.cbe .issue-text summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1.3rem;font-weight:700;color:var(--accent)}
.cbe .issue-text details[open] summary::after{content:"–"}
.cbe .issue-text summary h3{display:inline;margin:0;font-size:.98rem;font-weight:700;color:var(--ink)}
.cbe .it-body{padding:0 16px 12px;color:var(--ink-2);line-height:1.75;font-size:.97rem}
.cbe .it-body p{margin:0 0 10px}
.cbe .it-open{font-weight:700;color:var(--accent)}

/* month archive */
.cbe .month-hero{padding:26px 0 34px;max-width:860px}
.cbe .month-hero .t-title{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,4vw,3rem);line-height:1.1;margin:10px 0 6px}
.cbe .month-hero .meta{color:var(--ink-2);margin:6px 0 0}
.cbe .months{margin:-20px 0 56px;padding-top:24px;border-top:1px solid var(--line)}
.cbe .months > h2{margin:0 0 16px;font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,2.6vw,1.8rem)}
.cbe .m-year h3{margin:14px 0 8px;font-size:1rem;font-weight:800;color:var(--ink-2)}
.cbe .m-year ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.cbe .m-year a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:10px;transition:border-color .15s,transform .15s}
.cbe .m-year a:hover{border-color:var(--accent);transform:translateY(-1px)}
.cbe .m-year a.on{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.cbe .m-year a.on small{color:inherit;opacity:.75}
.cbe .m-year b{font-size:1rem}
.cbe .m-year small{color:var(--ink-3);font-size:.82rem}
@media (max-width:680px){.cbe .m-year ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cbe .mast h1 .mast-home{display:inline-block}

/* Mobile: more breathing room in the sticky date bar */
@media (max-width:680px){
  .cbe .quick .wrap{row-gap:12px;padding:12px 0 10px}
  .cbe .quick-date{margin-top:0;min-height:48px;padding:0 6px 0 16px}
  .cbe .quick-date .dpick{min-height:36px}
  .cbe .quick-days{gap:8px;padding:2px 0 4px}
  .cbe .qd{min-width:64px;padding:6px 10px}
  /* on phones the date bar scrolls away with the page – a sticky bar this tall covered a third of the screen */
  .cbe .quick{position:relative;top:auto;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--paper)}
}

/* Front page cover: clean single sheet (no fake stacked papers behind it) */
.cbe .cover-wrap{padding:0}
.cbe .cover-wrap::before,.cbe .cover-wrap::after{content:none;display:none}
.cbe .cover{margin:0 auto;border-radius:3px;box-shadow:0 1px 2px rgba(30,24,12,.08),0 18px 40px -16px rgba(30,24,12,.35)}
.cbe .cover:hover{transform:translateY(-3px)}

/* Book / newspaper-stack look: sheet edges (from cbe_book_style) + fold/spine shading */
.cbe .paper-stack{box-shadow:var(--book)!important;overflow:visible!important;margin-right:var(--book-depth);margin-bottom:var(--book-depth);position:relative}
.cbe .cover.paper-stack{border:1px solid #cfc6b3;border-radius:2px 3px 3px 2px}
.cbe .paper-stack > img{position:relative;z-index:0}
.cbe .paper-stack::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;
  background:linear-gradient(90deg,rgba(0,0,0,.18) 0,rgba(0,0,0,.06) 2.5%,rgba(255,255,255,.08) 4%,transparent 9%),
             linear-gradient(270deg,rgba(0,0,0,.06) 0,transparent 3%)}
.cbe .cover.paper-stack:hover{transform:translateY(-3px) rotate(-.4deg)}
.cbe .ed .th.paper-stack{border-radius:2px;border-color:#d4ccba}
.cbe .ed:hover .th.paper-stack{transform:translateY(-4px)}
.cbe .cover.paper-stack .cover-hint{z-index:2}
.cbe .paper-stack{width:calc(100% - var(--book-depth))}
.cbe .cover.paper-stack{margin:0 var(--book-depth) var(--book-depth) 0}

/* zoomed in on desktop: show that the page can be dragged */
@media (pointer:fine){.cbe #reader:not(.t-crop):not(.t-lens) .stage.can-pan{cursor:grab}}

/* ---------- search (2.5.0) ---------- */
.cbe .top-nav .top-search{display:inline-flex;align-items:center;gap:5px}
.cbe .top-nav .top-search .i{width:15px;height:15px}
.cbe .top-nav a,.cbe .top-nav button{white-space:nowrap}
.cbe .sbox{display:flex;align-items:center;gap:6px;position:relative;max-width:640px;padding:5px 5px 5px 14px;background:var(--card);border:1.5px solid var(--line-2);border-radius:999px;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}
.cbe .sbox:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.cbe .sbox-ico{flex:none;width:20px;height:20px;color:var(--ink-3)}
.cbe .sbox input{flex:1;min-width:0;min-height:44px;padding:0 4px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:1.05rem;outline:none;-webkit-appearance:none;appearance:none}
.cbe .sbox input::placeholder{color:var(--ink-3);opacity:1}
.cbe .sbox input::-webkit-search-cancel-button{cursor:pointer}
.cbe .sbox-mic{flex:none;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:var(--ink-2);cursor:pointer}
.cbe .sbox-mic:hover{background:var(--accent-soft);color:var(--accent)}
.cbe .sbox-mic.on{background:var(--accent);color:var(--accent-ink);animation:cbe-pulse 1.2s ease-in-out infinite}
@keyframes cbe-pulse{50%{box-shadow:0 0 0 8px var(--accent-soft)}}
.cbe .sbox-go{min-height:44px;padding:0 22px;flex:none}
.cbe .s-sugg{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 0;font-size:.88rem;color:var(--ink-3)}
.cbe .s-sugg span{font-weight:700;margin-right:2px}
.cbe .s-sugg a{padding:4px 12px;border:1px solid var(--line-2);border-radius:999px;color:var(--ink-2);font-weight:600;background:var(--card)}
.cbe .s-sugg a:hover{border-color:var(--accent);color:var(--accent)}

.cbe .sband{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px 32px;align-items:center;margin:8px 0 40px;padding:24px 26px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.cbe .sband h2{margin:0 0 6px;font-size:1.25rem;font-weight:800;color:var(--ink)}
.cbe .sband h2 span{font-weight:600;color:var(--ink-3);font-size:.8em}
.cbe .sband p{margin:0;color:var(--ink-2);font-size:.95rem}
.cbe .sband .sbox{max-width:none}
.cbe .sband .s-sugg{margin-top:10px}
.cbe .sband-min{display:block;padding:16px}
.cbe .sband-min .sbox{max-width:720px;margin:0 auto;box-shadow:none}

.cbe .srch{padding:22px 0 40px;max-width:900px}
.cbe .srch .t-title{font-family:var(--serif);font-weight:700;font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.15;margin:10px 0 4px;color:var(--ink)}
.cbe .srch .t-en{margin:0 0 18px;color:var(--ink-3)}
.cbe .s-note{margin:16px 0 0;padding:10px 14px;border-radius:10px;background:var(--accent-soft);color:var(--ink);font-size:.95rem}
.cbe .s-count{margin:18px 0 12px;color:var(--ink-2)}
.cbe .s-count b{color:var(--ink)}
.cbe .s-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.cbe .s-item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:14px}
.cbe .s-th{display:block;align-self:start;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:var(--paper);aspect-ratio:var(--page-ar,.635)}
.cbe .s-th img{display:block;width:100%;height:100%;object-fit:cover}
.cbe .s-body h2{margin:0 0 8px;font-size:1.08rem;font-weight:800}
.cbe .s-body h2 a{color:var(--ink)}
.cbe .s-body h2 a:hover{color:var(--accent)}
.cbe .s-hits{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:8px}
.cbe .s-hits li{display:flex;gap:8px;align-items:flex-start}
.cbe .s-hit{flex:1;min-width:0;display:block;padding:8px 12px;border-radius:10px;background:var(--paper);border:1px solid transparent;color:var(--ink-2);line-height:1.6;transition:border-color .15s}
.cbe .s-hit:hover{border-color:var(--accent)}
.cbe .s-pg{display:block;font-size:.76rem;font-weight:800;letter-spacing:.02em;color:var(--accent)}
.cbe .s-snip{font-size:.97rem}
.cbe .s-snip mark,.cbe .s-hit mark{background:#fde68a;color:#111;padding:0 2px;border-radius:3px}
.cbe .s-listen{flex:none;display:grid;place-items:center;width:42px;height:42px;margin-top:2px;border:1.5px solid var(--line-2);border-radius:50%;background:var(--card);color:var(--ink-2);cursor:pointer}
.cbe .s-listen:hover,.cbe .s-listen[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}
.cbe .s-open{font-weight:700;font-size:.9rem;color:var(--accent)}
.cbe .s-pages{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 0}
.cbe .s-pages a,.cbe .s-pages span{display:grid;place-items:center;min-width:40px;height:40px;padding:0 8px;border-radius:10px;border:1px solid var(--line-2);font-weight:700;color:var(--ink-2)}
.cbe .s-pages span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.cbe .s-empty{margin:20px 0 0;padding:20px 22px;background:var(--card);border:1px solid var(--line);border-radius:14px}
.cbe .s-empty h2{margin:0 0 8px;font-size:1.1rem}
.cbe .s-empty ul{margin:0 0 16px;padding-left:20px;color:var(--ink-2);line-height:1.8}
.cbe .s-admin{margin:24px 0 0;padding:10px 14px;border:1px dashed var(--line-2);border-radius:10px;font-size:.85rem;color:var(--ink-3)}
@media (max-width:680px){
  .cbe .sband{grid-template-columns:minmax(0,1fr);padding:18px 16px;margin-bottom:30px}
  .cbe .sband-min{padding:12px}
  .cbe .sbox{padding-left:12px}
  .cbe .sbox-go{padding:0 16px}
  .cbe .sbox input{font-size:1rem}
  .cbe .s-item{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px}
  .cbe .top-nav .top-search{font-weight:700}
  .cbe .top-nav .ts-long{display:none}
}
@media (max-width:420px){
  .cbe .top-nav .tl{display:none}
  .cbe .top-nav a,.cbe .top-nav button{padding:5px 7px}
}

/* ---------- listen / read aloud (2.5.0) ---------- */
.cbe .listen-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:14px 0 0}
.cbe .listen-row[hidden]{display:none}
.cbe .listen-btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:1.5px solid var(--accent);border-radius:999px;background:var(--accent-soft);color:var(--accent);font:inherit;font-weight:700;font-size:.95rem;cursor:pointer}
.cbe .listen-btn .i{width:20px;height:20px}
.cbe .listen-btn:hover{background:var(--accent);color:var(--accent-ink)}
.cbe .listen-btn.ghost{background:transparent;border-color:var(--line-2);color:var(--ink)}
.cbe .listen-btn.ghost:hover{border-color:var(--accent);color:var(--accent);background:transparent}
.cbe .listen-btn.sm{min-height:36px;padding:0 12px;font-size:.88rem}
.cbe .listen-btn[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.cbe .listen-note{font-size:.85rem;color:var(--ink-3)}
.cbe .issue-text > .listen-row{margin:0 0 12px}
.cbe .it-listen{margin:0 0 8px!important}
.cbe .it-p.speaking{background:#fef3c7;color:#111;border-radius:6px;box-shadow:0 0 0 6px #fef3c7}
.cbe #r-listen.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}

.cbe .lp{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:100002;width:min(520px,calc(100vw - 24px));padding:12px 14px 12px;background:var(--bar);color:var(--bar-ink);border-radius:18px;box-shadow:0 20px 50px -12px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06);font-family:var(--sans)}
.cbe .lp[hidden]{display:none}
.cbe .lp-top{display:flex;align-items:center;gap:10px;font-size:.85rem}
.cbe .lp-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.cbe .lp-pos{opacity:.7;font-variant-numeric:tabular-nums}
.cbe .lp-wave{display:inline-flex;align-items:flex-end;gap:2px;height:14px}
.cbe .lp-wave i{width:3px;height:100%;border-radius:2px;background:var(--accent-2);animation:cbe-wave .9s ease-in-out infinite}
.cbe .lp-wave i:nth-child(2){animation-delay:.15s}.cbe .lp-wave i:nth-child(3){animation-delay:.3s}
.cbe .lp.paused .lp-wave i{animation:none;height:35%}
@keyframes cbe-wave{0%,100%{height:30%}50%{height:100%}}
.cbe .lp-text{margin:8px 0 10px;font-size:1.08rem;line-height:1.55;max-height:4.7em;overflow:hidden}
.cbe .lp-ctl{display:flex;align-items:center;justify-content:center;gap:10px}
.cbe .lp-btn{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:inherit;cursor:pointer}
.cbe .lp-btn:hover{background:rgba(255,255,255,.2)}
.cbe .lp-btn .i{width:20px;height:20px}
.cbe .lp-play{width:54px;height:54px;background:var(--accent);color:var(--accent-ink)}
.cbe .lp-play:hover{background:var(--accent);filter:brightness(1.1)}
.cbe .lp-play .i{width:24px;height:24px;fill:currentColor}
.cbe .lp-x{width:32px;height:32px;background:transparent}
.cbe .lp-x .i{width:18px;height:18px}
.cbe .lp-rate{min-width:52px;height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;margin-left:6px}
.cbe .lp-msg{margin:10px 0 0;font-size:.85rem;color:#fde68a}
.cbe.listening .cb-foot{padding-bottom:190px}
@media (max-width:680px){
  .cbe .lp{bottom:0;width:100%;border-radius:18px 18px 0 0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
  .cbe .lp-text{font-size:1.02rem}
}

/* text version: stories (2.5.1) */
.cbe .issue-text summary h3 small{font-weight:600;color:var(--ink-3);font-size:.85em}
.cbe .it-story{padding:14px 0 6px;border-top:1px solid var(--line)}
.cbe .it-story:first-of-type{border-top:0;padding-top:4px}
.cbe .it-h{margin:0 0 6px;font-size:1.12rem;line-height:1.4;font-weight:800;color:var(--ink)}
.cbe .it-s{margin:0 0 8px!important;font-weight:700;color:var(--ink);opacity:.85}
.cbe .it-x{margin:12px 0 6px;font-size:1rem;font-weight:800;color:var(--ink)}
.cbe .it-h.speaking,.cbe .it-s.speaking,.cbe .it-x.speaking,.cbe .story-h.speaking,.cbe .story-sub.speaking{background:#fef3c7;color:#111;border-radius:6px;box-shadow:0 0 0 6px #fef3c7}

/* ---------- story pages & topics (2.7.0) ---------- */
.cbe .story{max-width:780px;padding:22px 0 30px}
.cbe .story-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;color:var(--ink-3);font-size:.9rem}
.cbe .story-h{font-family:var(--serif);font-weight:700;font-size:clamp(1.6rem,4.2vw,2.5rem);line-height:1.25;margin:0 0 10px;color:var(--ink)}
.cbe .story-sub{margin:0 0 8px;font-size:1.12rem;font-weight:700;color:var(--ink-2);line-height:1.5}
.cbe .story-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 6px}
.cbe .story-tools .listen-btn[hidden]{display:none}
.cbe .story-clip{margin:18px 0 10px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}
.cbe .story-clip[hidden]{display:none}
.cbe .story-clip canvas{display:block;width:100%;height:auto;border-radius:4px}
.cbe .story-clip figcaption{margin:8px 4px 2px;font-size:.82rem;color:var(--ink-3)}
.cbe .story-body{font-size:1.12rem;line-height:1.85;color:var(--ink);margin:14px 0 0}
.cbe .story-body p{margin:0 0 16px}
.cbe .story-body .it-x{margin:22px 0 8px;font-size:1.15rem;font-weight:800}
.cbe .story-src{font-size:.88rem;color:var(--ink-3);border-top:1px solid var(--line);padding-top:10px}
.cbe .story-topics{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0 0;font-size:.9rem;color:var(--ink-3)}
.cbe .story-topics a{padding:4px 12px;border:1px solid var(--line-2);border-radius:999px;color:var(--ink-2);font-weight:600;background:var(--card)}
.cbe .story-topics a:hover{border-color:var(--accent);color:var(--accent)}
.cbe .story-nav{margin-top:22px}
.cbe .rel{max-width:780px;margin:0 0 34px}
.cbe .rel h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 12px;font-size:1.15rem;font-weight:800;color:var(--ink)}
.cbe .rel h2 small{font-weight:600;color:var(--ink-3)}
.cbe .rel-all{margin-left:auto;font-size:.9rem;color:var(--accent);font-weight:700}
.cbe .st-cards{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cbe .st-card{padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.cbe .st-card h2,.cbe .st-card h3{margin:0 0 4px;font-size:1.08rem;line-height:1.4;font-weight:800;color:var(--ink)}
.cbe .st-card a:hover h2,.cbe .st-card a:hover h3{color:var(--accent)}
.cbe .st-sub{margin:0 0 6px;font-weight:700;color:var(--ink-2);font-size:.95rem}
.cbe .st-lead{margin:0 0 6px;color:var(--ink-2);font-size:.95rem;line-height:1.6}
.cbe .st-date{margin:0;font-size:.82rem;color:var(--ink-3)}
.cbe .st-date a{color:var(--accent);font-weight:600}
.cbe .st-day{margin:14px 0 2px;font-weight:800;color:var(--ink-3);font-size:.9rem;letter-spacing:.02em}
.cbe .st-day:first-child{margin-top:0}
.cbe .st-day a{color:inherit}
.cbe .day-list,.cbe .topic,.cbe .topics-index{max-width:860px;padding:22px 0 40px}
.cbe .day-list .t-title,.cbe .topic .t-title,.cbe .topics-index .t-title{font-family:var(--serif);font-weight:700;font-size:clamp(1.7rem,3.8vw,2.6rem);line-height:1.15;margin:10px 0 4px;color:var(--ink)}
.cbe .topic .t-title small{font-size:.55em;font-weight:600;color:var(--ink-3)}
.cbe .day-list .t-en,.cbe .topic .t-en,.cbe .topics-index .t-en{margin:0 0 14px;color:var(--ink-3)}
.cbe .dl-page{display:flex;align-items:baseline;gap:10px;margin:26px 0 10px;font-size:1rem;font-weight:800;color:var(--ink-3);border-bottom:1px solid var(--line);padding-bottom:6px}
.cbe .dl-open{margin-left:auto;font-size:.85rem;color:var(--accent);font-weight:700}
.cbe .topic-grid{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.cbe .topic-grid a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--ink)}
.cbe .topic-grid a:hover{border-color:var(--accent)}
.cbe .topic-grid b{font-size:1.05rem}
.cbe .topic-grid small{color:var(--ink-3)}
.cbe .topic-more{margin:26px 0 0;display:flex;flex-wrap:wrap;gap:6px 10px;color:var(--ink-3);font-size:.9rem}
.cbe .topic-more a{color:var(--ink-2);font-weight:600}
.cbe .topic-more a:hover{color:var(--accent)}
/* headlines on the home page / issue page */
.cbe .hl-box{margin:28px 0 36px;padding:20px 22px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.cbe .hl-box h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 10px;font-size:1.2rem;font-weight:800;color:var(--ink)}
.cbe .hl-box h2 span{font-weight:600;color:var(--ink-3);font-size:.8em}
.cbe .hl-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:4px 24px}
.cbe .hl-list li{padding:9px 0;border-bottom:1px solid var(--line)}
.cbe .hl-list a{display:block;font-weight:700;color:var(--ink);line-height:1.45}
.cbe .hl-list a:hover{color:var(--accent)}
.cbe .hl-list small{display:block;color:var(--ink-3);font-size:.8rem;font-weight:500;margin-top:2px}
.cbe .hl-more{display:inline-block;margin-top:10px;font-weight:700;color:var(--accent)}
.cbe .it-h a{color:inherit}
.cbe .it-h a:hover{color:var(--accent)}
.cbe .it-link{font-size:.85rem;font-weight:700;color:var(--accent)}
.cbe .topic-chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.cbe .topic-chips a{padding:4px 12px;border:1px solid var(--line-2);border-radius:999px;color:var(--ink-2);font-weight:600;background:var(--card);font-size:.88rem}
.cbe .topic-chips a:hover{border-color:var(--accent);color:var(--accent)}
@media (max-width:680px){
  .cbe .hl-box{padding:16px;margin:20px 0 28px}
  .cbe .story-body{font-size:1.05rem}
}
@media (max-width:520px){.cbe .top-nav .top-latest{display:none}.cbe .top-date{font-size:.8rem}}

/* =========================================================
   News pages (story / day / topic) – 2.8.0
   ========================================================= */
.cbe.is-news{background:var(--paper)}
.cbe .nw-progress{position:fixed;left:0;top:0;right:0;height:3px;z-index:60;pointer-events:none}
.cbe .nw-progress i{display:block;height:100%;width:0;background:var(--accent);transition:width .1s linear}
.cbe .nw-head{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
body.admin-bar .cbe .nw-head{top:32px}
@media (max-width:782px){body.admin-bar .cbe .nw-head{top:0}}
.cbe .nw-head-in{display:flex;align-items:center;gap:16px;min-height:60px}
.cbe .nw-logo img{display:block;height:34px;width:auto}
@media (prefers-color-scheme:dark){.cbe:not([data-theme="light"]) .nw-logo img,.cbe:not([data-theme="light"]) .nw-avatar img{filter:invert(1) hue-rotate(180deg) saturate(1.3)}}
.cbe[data-theme="dark"] .nw-logo img,.cbe[data-theme="dark"] .nw-avatar img{filter:invert(1) hue-rotate(180deg) saturate(1.3)}
.cbe .nw-edition{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--ink-3);padding-left:16px;border-left:1px solid var(--line)}
.cbe .nw-actions{margin-left:auto;display:flex;align-items:center;gap:6px}
.cbe .nw-paper{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:.9rem}
.cbe .nw-paper .i{width:18px;height:18px}
.cbe .nw-paper:hover{filter:brightness(1.07)}
.cbe .nw-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink-2);cursor:pointer;font:inherit}
.cbe .nw-ico:hover{border-color:var(--ink-3);color:var(--ink)}
.cbe .nw-ico .i{width:18px;height:18px}
.cbe .nw-ico .tl{display:none}
.cbe .nw-topics{border-top:1px solid var(--line)}
.cbe .nw-topics .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-top:6px;padding-bottom:6px}
.cbe .nw-topics .wrap::-webkit-scrollbar{display:none}
.cbe .nw-topics a{flex:none;padding:6px 12px;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--ink-2);white-space:nowrap}
.cbe .nw-topics a:hover{background:var(--shade);color:var(--ink)}
.cbe .nw-topics a.on{background:var(--ink);color:var(--paper)}
.cbe .nw-topics .nw-all{color:var(--accent)}

.cbe .nw-main{padding-top:20px;padding-bottom:40px}
.cbe .nw-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 18px;font-size:.84rem;color:var(--ink-3)}
.cbe .nw-crumbs a{color:var(--ink-2);font-weight:600}
.cbe .nw-crumbs a:hover{color:var(--accent)}
.cbe .nw-eyebrow{margin:0 0 6px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.cbe .nw-kicker{display:inline-block;margin:0 0 10px;font-size:.82rem;font-weight:800;letter-spacing:.04em;color:var(--accent)}
.cbe .nw-kicker:hover{text-decoration:underline}

/* article */
.cbe .nw-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.cbe .nw-article{max-width:740px;min-width:0}
.cbe .nw-h1{font-family:var(--sans);font-weight:800;font-size:clamp(1.75rem,4.4vw,2.75rem);line-height:1.22;letter-spacing:-.005em;margin:0 0 14px;color:var(--ink)}
.cbe .nw-deck{margin:0 0 18px;padding-left:14px;border-left:3px solid var(--accent)}
.cbe .nw-deck p{margin:0 0 6px;font-size:clamp(1.05rem,2.2vw,1.22rem);line-height:1.55;font-weight:600;color:var(--ink-2)}
.cbe .nw-byline{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cbe .nw-avatar{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:var(--card);border:1px solid var(--line);overflow:hidden}
.cbe .nw-avatar img{width:36px;height:auto}
.cbe .nw-by{display:flex;flex-direction:column;gap:2px;line-height:1.35}
.cbe .nw-by b{font-size:.95rem;color:var(--ink)}
.cbe .nw-by small{font-size:.82rem;color:var(--ink-3)}
.cbe .nw-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 22px}
.cbe .nw-sh{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink-2);cursor:pointer}
.cbe .nw-sh .i{width:18px;height:18px}
.cbe .nw-sh.fb .i{fill:currentColor;stroke:none}
.cbe .nw-sh:hover{color:var(--accent);border-color:var(--accent)}
.cbe .nw-sh.wa:hover{color:#14874a;border-color:#14874a}
.cbe .nw-listen{margin-right:auto;min-height:40px}
.cbe .nw-listen[hidden]{display:none}
.cbe .nw-fig{margin:0 0 24px}
.cbe .nw-fig img{display:block;width:100%;height:auto;border-radius:8px;background:var(--shade)}
.cbe .nw-fig figcaption{margin:8px 2px 0;font-size:.85rem;line-height:1.5;color:var(--ink-3)}
.cbe .nw-fig figcaption span{color:var(--ink-3);opacity:.8;white-space:nowrap}
.cbe .nw-fig-lead{margin:0 0 28px}
.cbe .nw-body{font-size:1.15rem;line-height:1.9;color:var(--ink)}
.cbe .nw-body p{margin:0 0 1.15em}
.cbe .nw-body .it-x{margin:1.6em 0 .6em;font-size:1.25rem;line-height:1.4;font-weight:800;color:var(--ink)}
.cbe .nw-body .nw-fig{margin:1.6em 0}
.cbe .nw-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:1.6em 0}
.cbe .nw-gallery.n1{grid-template-columns:minmax(0,1fr);max-width:520px}
.cbe .nw-gallery.n3{grid-template-columns:repeat(3,1fr)}
.cbe .nw-gfig{margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background:var(--shade)}
.cbe .nw-gallery.n1 .nw-gfig{aspect-ratio:auto}
.cbe .nw-gfig a{display:block;height:100%}
.cbe .nw-gfig img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.cbe .nw-gfig a:hover img{transform:scale(1.03)}
.cbe .nw-gcap{grid-column:1/-1;margin:2px 2px 0!important;font-size:.82rem!important;color:var(--ink-3)}
.cbe .nw-body p.nw-first::first-letter{font-weight:700}

.cbe .nw-print{margin:28px 0 0;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.cbe .nw-print summary{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;list-style:none}
.cbe .nw-print summary::-webkit-details-marker{display:none}
.cbe .nw-print summary .i{width:26px;height:26px;color:var(--accent);flex:none}
.cbe .nw-print summary span{display:flex;flex-direction:column}
.cbe .nw-print summary b{color:var(--ink)}
.cbe .nw-print summary small{color:var(--ink-3);font-size:.85rem}
.cbe .nw-print summary::after{content:"+";margin-left:auto;font-size:1.4rem;font-weight:700;color:var(--accent)}
.cbe .nw-print[open] summary::after{content:"–"}
.cbe .nw-print .story-clip{margin:0;padding:0 14px 14px;border:0;box-shadow:none;background:none}
.cbe .nw-print .story-clip[hidden]{display:block}
.cbe .nw-print canvas{border:1px solid var(--line);background:#fff}
.cbe .nw-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0}
.cbe .nw-tags a{padding:6px 14px;border-radius:999px;background:var(--shade);color:var(--ink-2);font-weight:600;font-size:.88rem}
.cbe .nw-tags a:hover{background:var(--accent-soft);color:var(--accent)}
.cbe .nw-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 0}
.cbe .nw-pn a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink)}
.cbe .nw-pn a:hover{border-color:var(--accent)}
.cbe .nw-pn small{color:var(--accent);font-weight:700;font-size:.8rem}
.cbe .nw-pn b{font-size:.98rem;line-height:1.45}
.cbe .nw-pn-next{text-align:right;grid-column:2}

/* sidebar */
.cbe .nw-aside{position:sticky;top:84px;display:grid;gap:18px}
.cbe .nw-box{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.cbe .nw-box-h{margin:0 0 10px;font-size:1rem;font-weight:800;color:var(--ink);padding-bottom:10px;border-bottom:2px solid var(--ink)}
.cbe .nw-paperbox{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center}
.cbe .nw-paper-cover img{display:block;width:96px;height:auto;border:1px solid var(--line);border-radius:3px;box-shadow:var(--shadow)}
.cbe .nw-paperbox h2{margin:0 0 10px;font-size:1.05rem;font-weight:800;color:var(--ink)}
.cbe .nw-paperbox p{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.cbe .nw-paperbox .nw-eyebrow{margin-bottom:4px}
.cbe .nw-rank{list-style:none;margin:0;padding:0;counter-reset:r}
.cbe .nw-rank li{counter-increment:r;border-bottom:1px solid var(--line)}
.cbe .nw-rank li:last-child{border-bottom:0}
.cbe .nw-rank a{display:flex;gap:10px;align-items:flex-start;padding:10px 0;color:var(--ink)}
.cbe .nw-rank a::before{content:counter(r);flex:none;width:22px;font-size:1.3rem;font-weight:800;line-height:1.1;color:var(--line-2)}
.cbe .nw-rank img{flex:none;width:64px;height:48px;object-fit:cover;border-radius:6px;order:2;margin-left:auto}
.cbe .nw-rank span{font-weight:700;font-size:.92rem;line-height:1.45}
.cbe .nw-rank small{display:block;font-weight:500;color:var(--ink-3);font-size:.78rem;margin-top:2px}
.cbe .nw-rank a:hover span{color:var(--accent)}
.cbe .nw-more{display:inline-block;margin-top:10px;font-weight:700;color:var(--accent);font-size:.9rem}

/* cards & grids */
.cbe .nw-page-head{margin:0 0 26px;padding-bottom:18px;border-bottom:2px solid var(--ink)}
.cbe .nw-page-head h1{font-family:var(--sans);font-weight:800;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2;margin:0 0 6px;color:var(--ink)}
.cbe .nw-page-sub{margin:0;color:var(--ink-3)}
.cbe .nw-page-actions{margin:14px 0 0;display:flex;gap:8px;flex-wrap:wrap}
.cbe .nw-sec{margin:0 0 34px}
.cbe .nw-sec-h{display:flex;align-items:baseline;gap:10px;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:1.15rem;font-weight:800;color:var(--ink)}
.cbe .nw-sec-h span{position:relative}
.cbe .nw-sec-h span::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:3px;background:var(--accent)}
.cbe .nw-sec-h a{margin-left:auto;font-size:.88rem;font-weight:700;color:var(--accent)}
.cbe .nw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.cbe .nw-card{display:flex;flex-direction:column;min-width:0}
.cbe .nw-card-img{display:block;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:var(--shade);margin:0 0 12px}
.cbe .nw-card-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.cbe .nw-card:hover .nw-card-img img{transform:scale(1.04)}
.cbe .nw-ph{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;width:100%;height:100%;padding:14px;box-sizing:border-box;background:linear-gradient(135deg,var(--bar) 0%,color-mix(in srgb,var(--bar) 70%,var(--accent)) 100%);color:var(--bar-ink)}
.cbe .nw-ph b{font-size:1.1rem;font-weight:800}
.cbe .nw-ph small{opacity:.75;font-size:.8rem}
.cbe .nw-card .nw-kicker{margin:0 0 4px;font-size:.76rem}
.cbe .nw-card-h{margin:0 0 6px;font-size:1.08rem;line-height:1.4;font-weight:800}
.cbe .nw-card-h a{color:var(--ink)}
.cbe .nw-card-h a:hover{color:var(--accent)}
.cbe .nw-card-lead{margin:0 0 8px;color:var(--ink-2);font-size:.93rem;line-height:1.6}
.cbe .nw-card-meta{margin:auto 0 0;color:var(--ink-3);font-size:.8rem}
.cbe .nw-lead-wrap{margin:0 0 34px}
.cbe .nw-card-lg{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:center}
.cbe .nw-card-lg .nw-card-img{margin:0;aspect-ratio:16/9}
.cbe .nw-card-lg .nw-card-h{font-size:clamp(1.35rem,2.6vw,1.9rem);line-height:1.3}
.cbe .nw-card-lg .nw-card-lead{font-size:1.02rem}
.cbe .nw-related{padding-top:6px;padding-bottom:30px}
.cbe .wrap.nw-sec{margin:0 auto 34px}
.cbe .topic-grid a.has-img{position:relative;overflow:hidden;min-height:110px;justify-content:flex-end;color:#fff;border:0}
.cbe .topic-grid a.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cbe .topic-grid a.has-img::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.1) 75%);z-index:1}
.cbe .topic-grid a.has-img span{position:relative;z-index:2;display:flex;flex-direction:column}
.cbe .topic-grid a.has-img small{color:rgba(255,255,255,.85)}
.cbe .topic-grid a span{display:flex;flex-direction:column}
.cbe .topic-grid a:not(.has-img){min-height:110px;justify-content:flex-end;background:linear-gradient(135deg,var(--card),var(--shade))}
.cbe .s-pages .gap{border:0;background:none;color:var(--ink-3)}

@media (max-width:1100px){
  .cbe .nw-article-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .cbe .nw-aside{position:static;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
  .cbe .nw-article{max-width:none}
}
@media (max-width:900px){.cbe .nw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){
  .cbe .nw-head-in{gap:10px;min-height:54px}
  .cbe .nw-logo img{height:28px}
  .cbe .nw-edition{display:none}
  .cbe .nw-paper span{display:none}
  .cbe .nw-paper{width:38px;padding:0;justify-content:center}
  .cbe .nw-body{font-size:1.07rem;line-height:1.85}
  .cbe .nw-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .cbe .nw-grid .nw-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px}
  .cbe .nw-grid .nw-card-img{margin:0;aspect-ratio:4/3}
  .cbe .nw-grid .nw-card-lead{display:none}
  .cbe .nw-grid .nw-card-h{font-size:1rem}
  .cbe .nw-card-lg{grid-template-columns:minmax(0,1fr);gap:14px}
  .cbe .nw-pn{grid-template-columns:1fr}
  .cbe .nw-pn-next{grid-column:1;text-align:left}
  .cbe .nw-fig img{border-radius:0;margin:0 -16px;width:calc(100% + 32px);max-width:none}
  .cbe .nw-fig figcaption{margin-top:8px}
  .cbe .nw-gallery.n3{grid-template-columns:repeat(2,1fr)}
}

/* ---------- 2.9.0: web stories, corrections, updates ---------- */
.cbe .nw-live{display:inline-block;width:8px;height:8px;margin:0 8px 1px 0;border-radius:50%;background:#e11d48;box-shadow:0 0 0 0 rgba(225,29,72,.5);animation:nwlive 1.8s infinite;vertical-align:middle}
@keyframes nwlive{0%{box-shadow:0 0 0 0 rgba(225,29,72,.45)}70%{box-shadow:0 0 0 8px rgba(225,29,72,0)}100%{box-shadow:0 0 0 0 rgba(225,29,72,0)}}
@media (prefers-reduced-motion:reduce){.cbe .nw-live{animation:none}}
.cbe .nw-flag{display:inline-block;margin:8px 0 0;padding:4px 12px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:.85rem;font-weight:700}
.cbe .nw-upd{color:var(--accent);font-weight:700}
.cbe .nw-edit{display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:999px;border:1px dashed var(--line-2);color:var(--ink-2);font-size:.85rem;font-weight:700;text-decoration:none}
.cbe .nw-edit:hover{border-color:var(--accent);color:var(--accent)}
.cbe .nw-update{margin:0 0 24px;padding:14px 18px;border-left:4px solid #e11d48;border-radius:0 10px 10px 0;background:color-mix(in srgb,#e11d48 7%,var(--card))}
.cbe .nw-update b{display:block;margin-bottom:4px;color:#be123c;font-size:.9rem;letter-spacing:.02em}
.cbe .nw-update p{margin:0 0 .5em;font-size:1.02rem;line-height:1.7}
.cbe .nw-update p:last-child{margin-bottom:0}
.cbe .nw-web-body img,.cbe .nw-web-body video,.cbe .nw-web-body iframe{max-width:100%;height:auto;border-radius:8px}
.cbe .nw-web-body iframe{aspect-ratio:16/9;width:100%}
.cbe .nw-web-body figure{margin:1.6em 0}
.cbe .nw-web-body figcaption{margin-top:8px;font-size:.85rem;color:var(--ink-3)}
.cbe .nw-web-body h2,.cbe .nw-web-body h3{margin:1.4em 0 .5em;font-size:1.3rem;line-height:1.4}
.cbe .nw-web-body ul,.cbe .nw-web-body ol{padding-left:1.4em}
.cbe .nw-web-body blockquote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:3px solid var(--accent);color:var(--ink-2);font-style:italic}
.cbe .nw-web-body a{color:var(--accent)}
.cbe .nw-card.is-web .nw-card-meta::before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#e11d48;vertical-align:middle}
.cbe .nw-home-web{margin:8px 0 34px}
.cbe .s-web{margin:18px 0 28px}
.cbe .s-web-h{margin:0 0 12px;font-size:1.1rem}
.cbe .nw-tags-wrap{margin:28px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.cbe .nw-tags-h{display:block;font-size:.8rem;font-weight:800;letter-spacing:.06em;color:var(--ink-3);text-transform:uppercase}
.cbe .nw-tags-wrap .nw-tags{margin-top:10px}
.cbe .it-lead{margin:0 0 4px;color:var(--ink-2);line-height:1.7}
.cbe .it-more{white-space:nowrap;font-weight:700;color:var(--accent)}
.cbe .foot-links{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:flex-end;font-size:.85rem}
.cbe .foot-links a{color:inherit;opacity:.85;text-decoration:none}
.cbe .foot-links a:hover{opacity:1;text-decoration:underline}
@media (max-width:640px){.cbe .foot-links{justify-content:center}}
/* info pages (हमारे बारे में, संपर्क, नीतियाँ) */
.cbe .nw-info-body{font-size:1.06rem;line-height:1.8}
.cbe .nw-info-body h2{margin:1.6em 0 .5em;font-size:1.3rem}
.cbe .nw-info-body ul{margin:.6em 0 1.2em;padding-left:1.3em}
.cbe .nw-info-body li{margin:.35em 0}
.cbe .nw-info-upd{margin-top:28px;color:var(--ink-3);font-size:.85rem}
.cbe .nw-info-nav ul{list-style:none;margin:0;padding:0}
.cbe .nw-info-nav li a{display:block;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink-2);font-weight:600;text-decoration:none}
.cbe .nw-info-nav li:last-child a{border-bottom:0}
.cbe .nw-info-nav li a.on,.cbe .nw-info-nav li a:hover{color:var(--accent)}
.cbe .clip-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 4px}
.cbe .clip-acts .btn .i{width:18px;height:18px;margin-right:4px;vertical-align:-3px}
.cbe .clip-msg{font-size:.85rem;color:var(--ink-3)}
.cbe .nw-sh.wa{color:#14874a}
.cbe img.wa-img{object-fit:contain;display:inline-block;vertical-align:middle}

/* reader toolbar: no magnifier; on small phones a tighter second row so [− 100% +] 📖 [🔊 खबर सुनें] [✂ खबर काटें] fit in one line */
.cbe #r-lens{display:none!important}
@media (max-width:400px){
  .cbe .bar-r > .bar-group:first-child button{min-width:30px}
  .cbe .bar .zl{min-width:44px;font-size:.8rem}
  .cbe .bar-r > .tool{padding:0 6px}
  .cbe .bar-r > .tool.hot,.cbe .bar-r > .tool.hot2{padding:0 8px;font-size:.85rem}
  .cbe .bar-r > .tool .i{width:18px;height:18px}
}

/* home: top stories, front-page look */
.cbe .hl-front{padding:22px 24px 18px}
.cbe .hl-front h2{align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.cbe .hl-front .hl-all{margin-left:auto;font-size:.85rem;font-weight:700;color:var(--accent)}
.cbe .hl-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:26px}
.cbe .hl-lead-img{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:var(--shade);margin-bottom:12px}
.cbe .hl-lead-img img,.cbe .hl-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.cbe .hl-lead-img:hover img,.cbe .hl-card:hover img{transform:scale(1.03)}
.cbe .hl-lead h3{margin:0 0 6px;font-size:clamp(1.3rem,2.2vw,1.65rem);line-height:1.35;font-weight:800}
.cbe .hl-lead h3 a{color:var(--ink)}
.cbe .hl-lead h3 a:hover{color:var(--accent)}
.cbe .hl-lead-p{margin:0 0 6px;color:var(--ink-2);line-height:1.6}
.cbe .hl-meta{margin:0;color:var(--ink-3);font-size:.82rem}
.cbe .hl-side{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cbe .hl-side li{border-bottom:1px solid var(--line)}
.cbe .hl-side li:last-child{border-bottom:0}
.cbe .hl-side a{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:12px 0;color:var(--ink)}
.cbe .hl-side li:first-child a{padding-top:0}
.cbe .hl-side-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.cbe .hl-side b{font-weight:700;line-height:1.45}
.cbe .hl-side a:hover b{color:var(--accent)}
.cbe .hl-side small,.cbe .hl-card small{color:var(--ink-3);font-size:.78rem}
.cbe .hl-side img{flex:0 0 auto;width:92px;height:66px;object-fit:cover;border-radius:6px;background:var(--shade)}
.cbe .hl-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.cbe .hl-card{display:flex;flex-direction:column;gap:6px;color:var(--ink)}
.cbe .hl-card img{aspect-ratio:4/3;height:auto;border-radius:8px;background:var(--shade)}
.cbe .hl-card b{font-weight:700;line-height:1.4;font-size:.95rem}
.cbe .hl-card:hover b{color:var(--accent)}
.cbe .hl-front .hl-more{margin-top:16px}
@media (max-width:900px){
  .cbe .hl-top{grid-template-columns:minmax(0,1fr);gap:16px}
  .cbe .hl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cbe .hl-side li:first-child a{padding-top:12px}
}
@media (max-width:680px){
  .cbe .hl-front{padding:16px}
  .cbe .hl-front .hl-all,.cbe .hl-front h2 span{display:none}
  .cbe .hl-cards{gap:14px}
  .cbe .hl-card b{font-size:.9rem}
  .cbe .hl-side img{width:84px;height:60px}
}