/* HelloBD News v4.2.0 — Shorts Experience */
.hbn-v420-short-access{margin:12px 0 16px}.hbn-v420-short-button{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e7eaef;border-radius:10px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06);font-weight:800;color:#1c2430}.hbn-v420-short-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(15,23,42,.1);color:var(--accent)}.hbn-v420-short-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#ff5252,#e31e24);color:#fff;font-size:15px}
.hbn-v420-sidebar-widget{margin:18px 0;padding:16px;border:1px solid #e7ebef;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.05)}.hbn-v420-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hbn-v420-sidebar-head h2{margin:0;font-size:18px;position:relative;padding-left:10px}.hbn-v420-sidebar-head h2:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;border-radius:3px;background:var(--accent)}.hbn-v420-sidebar-head a{font-size:12px;font-weight:800;color:var(--accent)}.hbn-v420-sidebar-card{display:flex;flex-direction:column;gap:12px}.hbn-v420-sidebar-thumb{position:relative;display:block;border-radius:16px;overflow:hidden;background:#eef1f5}.hbn-v420-sidebar-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.hbn-v420-sidebar-thumb:after{content:"";position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.8))}.hbn-v420-thumb-title{position:absolute;left:14px;right:14px;bottom:12px;z-index:1;color:#ffe84d;font-weight:900;line-height:1.2;font-size:18px;text-shadow:0 2px 7px rgba(0,0,0,.45)}.hbn-v420-sidebar-body time{display:block;margin:0 0 6px;color:#6f7780;font-size:12px;font-weight:700}.hbn-v420-sidebar-body h3{margin:0 0 10px;font-size:20px;line-height:1.35}.hbn-v420-sidebar-body ul{margin:0;padding:0 0 0 16px;display:grid;gap:7px}.hbn-v420-sidebar-body li{font-size:14px;line-height:1.45;color:#2c3440}
.hbn-v420-shorts-page{padding:18px 0 34px}.hbn-v420-shorts-top{display:flex;justify-content:center;padding:6px 0 18px}.hbn-v420-shorts-brand .custom-logo-link{display:inline-flex;align-items:center;justify-content:center}.hbn-v420-shorts-brand .custom-logo{max-height:62px;width:auto}.hbn-v420-brand-text{display:inline-flex;align-items:flex-end;gap:6px;text-decoration:none}.hbn-v420-brand-text span{font-size:22px;line-height:1;color:#1a2840;font-weight:900}.hbn-v420-brand-text strong{font-size:42px;line-height:.95;color:#ef3f3c;font-weight:900;text-transform:lowercase}
.hbn-v420-shorts-wrap{display:grid;gap:18px;justify-items:center}.hbn-v420-shorts-intro{text-align:center}.hbn-v420-shorts-intro h1{margin:0 0 6px;font-size:32px}.hbn-v420-shorts-intro p{margin:0;color:#67707a}.hbn-v420-shorts-stage{display:grid;grid-template-columns:56px minmax(0,420px) 56px;align-items:center;gap:10px;width:min(100%,760px)}.hbn-v420-nav{width:50px;height:50px;border-radius:50%;border:0;background:#ef3f3c;color:#fff;font-size:34px;line-height:1;box-shadow:0 14px 30px rgba(239,63,60,.28);cursor:pointer}.hbn-v420-nav:hover{transform:translateY(-2px)}.hbn-v420-shorts-track{position:relative;width:100%;min-height:0;transition:height .22s ease}.hbn-v420-short-card{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateY(24px) scale(.98);transition:opacity .28s ease,transform .28s ease}.hbn-v420-short-card.is-active{opacity:1;pointer-events:auto;transform:none}.hbn-v420-short-card-stack{display:none!important}.hbn-v420-short-card:after{display:none!important;content:none!important}.hbn-v420-short-surface{position:relative;z-index:1;background:#fff;border-radius:28px;box-shadow:0 24px 55px rgba(15,23,42,.11);overflow:hidden;border:1px solid #eceff3}.hbn-v420-short-media{display:block;position:relative}.hbn-v420-short-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.hbn-v420-short-media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:56%;background:linear-gradient(180deg,rgba(6,9,15,0),rgba(6,9,15,.88))}.hbn-v420-short-overlay{position:absolute;left:18px;right:18px;bottom:18px;z-index:1;color:#f4ea3b;font-size:32px;line-height:1.08;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.45)}.hbn-v420-share{position:absolute;right:16px;top:208px;width:42px;height:42px;border:0;border-radius:50%;background:#ff5449;color:#fff;font-size:19px;font-weight:800;box-shadow:0 10px 22px rgba(255,84,73,.3);cursor:pointer}.hbn-v420-short-body{padding:16px 18px 20px}.hbn-v420-short-body time{display:block;margin:0 0 10px;font-size:12px;color:#66707b;font-weight:800}.hbn-v420-short-body h2{margin:0 0 14px;font-size:18px;line-height:1.4}.hbn-v420-short-body ul{display:grid;gap:8px;margin:0 0 16px;padding:0 0 0 18px}.hbn-v420-short-body li{font-size:14px;line-height:1.45;color:#2e3743}.hbn-v420-short-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.hbn-v420-readmore{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:999px;background:linear-gradient(135deg,#ff6550,#ef3f3c);color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(239,63,60,.22)}.hbn-v420-next-hint{font-size:12px;color:#8a9098;font-weight:700}
@media (max-width:980px){.hbn-v420-shorts-stage{grid-template-columns:1fr;gap:12px}.hbn-v420-nav{display:none}.hbn-v420-shorts-track{min-height:0}.hbn-v420-sidebar-body h3{font-size:18px}}
@media (max-width:640px){.hbn-v420-short-button{width:100%;justify-content:center}.hbn-v420-shorts-page{padding-top:10px}.hbn-v420-brand-text span{font-size:18px}.hbn-v420-brand-text strong{font-size:34px}.hbn-v420-shorts-intro h1{font-size:26px}.hbn-v420-shorts-track{min-height:0}.hbn-v420-short-surface{border-radius:24px}.hbn-v420-short-overlay{font-size:26px;left:14px;right:14px;bottom:14px}.hbn-v420-share{top:176px;right:14px}.hbn-v420-short-body h2{font-size:17px}.hbn-v420-short-actions{flex-direction:column;align-items:flex-start}.hbn-v420-next-hint{font-size:11px}.hbn-v420-sidebar-widget{border-radius:16px;padding:14px}}


/* v4.2.3 — align Shorts + Listen buttons in one row under reader actions */
.hbn-v423-quick-tools{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin:8px 0 14px}.hbn-v423-quick-tools .hbn-v420-short-access,.hbn-v423-quick-tools .hbn-v411-listen{margin:0}.hbn-v423-quick-tools .hbn-v420-short-button,.hbn-v423-quick-tools .hbn-v411-listen button{min-height:48px}.hbn-v423-quick-tools .hbn-v411-listen{display:flex;flex-wrap:wrap;align-items:center}.hbn-v423-quick-tools .hbn-v411-listen-status{flex:0 0 100%;padding-left:8px;padding-top:4px}.hbn-v423-quick-tools .hbn-v420-short-button{padding:10px 16px}.hbn-v423-quick-tools .hbn-v420-short-icon{width:28px;height:28px}@media (max-width:640px){.hbn-v423-quick-tools{flex-direction:column;align-items:stretch}.hbn-v423-quick-tools .hbn-v420-short-access,.hbn-v423-quick-tools .hbn-v411-listen{width:100%}.hbn-v423-quick-tools .hbn-v411-listen button{width:100%;justify-content:center}.hbn-v423-quick-tools .hbn-v411-listen-status{padding-left:0}}