@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Telugu:wght@400;500;600;700;800&family=Noto+Serif+Telugu:wght@400;600;700;800&display=swap');
/* Article page actions */
.jb-article-action{display:block;margin:18px 0 24px;text-align:left;clear:both}
.jb-article-action-top{text-align:center}
.jb-article-action-bottom{padding:16px 0;border-top:1px solid #eee;text-align:center}
.jb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0!important;border-radius:7px;padding:13px 22px!important;color:#fff!important;font-family:Arial,sans-serif;font-size:16px!important;line-height:1.3!important;font-weight:700!important;text-decoration:none!important;box-shadow:0 3px 8px #0002;cursor:pointer;transition:background .2s,transform .2s}
.jb-btn:hover,.jb-btn:focus{color:#fff!important;text-decoration:none!important;transform:translateY(-1px)}
.jb-btn-blue{background:#126b8c!important}.jb-btn-blue:hover{background:#0b536f!important}
.jb-btn-green{background:#17bd63!important}.jb-btn-green:hover{background:#0b9e4d!important}
/* Shared clip page */
body.jb-clip-page{margin:0!important;background:#e9edf0!important;color:#171717;font-family:Arial,sans-serif}
.jb-clip-topbar{min-height:54px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100% - 1100px)/2));gap:16px}
.jb-clip-topbar strong{font-size:17px}.jb-back{color:#174c64;text-decoration:none;font-size:14px}
.jb-clip-app{max-width:1100px;margin:20px auto;padding:0 14px}
.jb-clip-toolbar{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 auto 16px}
.jb-layout-label{font-weight:700}.jb-clip-toolbar select,.jb-tool{border:0;border-radius:5px;padding:11px 14px;font-size:14px}
.jb-clip-toolbar select{background:#fff;border:1px solid #ccc}.jb-tool{background:#303030;color:#fff;cursor:pointer;font-weight:600}.jb-tool:hover{background:#111}
.jb-paper-wrap{background:#315b58;padding:9px;border-radius:9px;box-shadow:0 4px 16px #0002;overflow:auto}
.jb-paper{max-width:920px;margin:0 auto;background:#fff;padding:10px;box-sizing:border-box}
.jb-paper-frame{border:2px solid #14149a;padding:14px 14px 10px;background:#fff;min-height:900px;box-sizing:border-box}
.jb-paper-masthead{text-align:center}.jb-paper-logo{display:block;max-width:340px;max-height:125px;width:auto;height:auto;object-fit:contain;margin:3px auto 12px}
.jb-paper-site-name{font-size:34px;font-weight:800;color:#09226e;padding:22px}
.jb-paper-meta{background:#1010e8;color:#fff;display:flex;justify-content:space-between;gap:12px;padding:12px 10px;font-size:15px;text-align:left}
.jb-paper-title{font-family:'Noto Sans Telugu','Noto Serif Telugu',sans-serif;color:#061b91;text-align:center;font-size:clamp(27px,4vw,43px);line-height:1.35;font-weight:800;margin:20px 8px 18px;overflow-wrap:anywhere}
.jb-featured-image{display:block;max-width:100%;max-height:480px;object-fit:contain;margin:0 auto 16px}
.jb-paper-content{font-family:'Noto Serif Telugu','Noto Sans Telugu',serif;font-size:17px;line-height:1.75;color:#161616;overflow-wrap:anywhere}
.jb-paper-content p{margin:0 0 12px;text-align:justify}.jb-paper-content img{max-width:100%;height:auto}.jb-paper-content figure{margin:10px 0}
.jb-paper-content h2,.jb-paper-content h3{font-family:'Noto Sans Telugu',sans-serif;color:#09217f;line-height:1.4;break-after:avoid}
.jb-two-columns{column-count:2;column-gap:26px;column-rule:1px solid #ddd}.jb-one-column{column-count:1}
.jb-paper-footer{border-top:2px solid #15158b;margin-top:20px;padding-top:8px;display:flex;justify-content:space-between;font-size:12px;color:#555}
.jb-full-bottom{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin:18px 0}
.jb-view-count{font-size:14px;color:#555}.jb-clip-status{text-align:center;min-height:20px;color:#155d39;font-size:14px}
/* Short share-card view, inspired by the supplied Way2News reference */
.jb-short-app{width:min(420px,calc(100% - 28px));margin:22px auto 30px}
.jb-short-card{background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 10px 26px #0002;position:relative}
.jb-short-image{display:block;width:100%;height:258px;object-fit:cover;background:#ddd}
.jb-short-body{padding:12px 15px 13px;position:relative}
.jb-short-title{font-family:'Noto Sans Telugu','Noto Serif Telugu',sans-serif;font-size:19px;line-height:1.4;font-weight:800;color:#202020;margin:0 0 8px}
.jb-short-summary{font-family:'Noto Serif Telugu','Noto Sans Telugu',serif;font-size:14px;line-height:1.65;color:#666;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.jb-short-meta{border-top:1px solid #e8e8e8;padding-top:8px;display:flex;justify-content:space-between;gap:10px;color:#777;font-size:12px}
.jb-short-brand{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;min-height:27px;color:#111}
.jb-short-brand img{display:block;max-width:115px;max-height:30px;width:auto;height:auto;object-fit:contain}
.jb-short-brand strong{font-size:18px;color:#174d9a}.jb-short-brand span{font-size:10px;font-weight:700}
.jb-short-views{position:absolute;left:15px;bottom:16px;display:flex;align-items:center;gap:4px;color:#777;font-size:12px}
.jb-short-views strong{font-size:12px;color:#555}.jb-short-views small{font-size:10px}
.jb-short-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:24px}
.jb-short-actions .jb-btn{font-size:15px!important;padding:15px 8px!important;white-space:nowrap}
.jb-btn-whatsapp{background:#17c964!important}.jb-btn-download{background:#078bc5!important}
.jb-btn-back{grid-column:1/-1;background:#303030!important;text-align:center}
@media(max-width:650px){
 .jb-clip-topbar{padding:0 10px}.jb-clip-topbar strong{font-size:13px}.jb-back{font-size:12px}
 .jb-clip-app{padding:0 6px}.jb-paper-wrap{padding:5px}.jb-paper{padding:5px}.jb-paper-frame{padding:8px}
 .jb-paper-meta{font-size:11px}.jb-paper-title{font-size:26px}.jb-paper-content{font-size:15px;line-height:1.65}
 .jb-two-columns{column-count:1}.jb-paper-logo{max-width:230px;max-height:90px}
 .jb-short-image{height:245px}.jb-short-title{font-size:18px}
}
@media print{
 body.jb-clip-page{background:#fff!important}.jb-clip-topbar,.jb-clip-toolbar,.jb-full-bottom,.jb-clip-status{display:none!important}
 .jb-clip-app{max-width:none;margin:0;padding:0}.jb-paper-wrap{background:#fff;padding:0;box-shadow:none}
 .jb-paper{max-width:none;padding:0}.jb-paper-frame{border:1px solid #111}.jb-paper-content{font-size:12pt}
}

/* v1.4 toolbar: all controls are visible, accessible and clickable */
.jb-clip-toolbar{position:sticky;bottom:10px;z-index:50;background:#222;padding:9px;border-radius:7px;box-shadow:0 3px 12px #0003;width:max-content;max-width:100%;margin:14px auto 18px}
.jb-clip-toolbar select{min-height:40px;cursor:pointer;max-width:180px}
.jb-clip-toolbar .jb-tool{display:inline-flex;align-items:center;justify-content:center;min-height:40px;text-decoration:none!important;white-space:nowrap}
.jb-clip-toolbar .jb-home{background:#303030;color:#fff!important}
.jb-clip-toolbar .jb-tool:disabled{opacity:.55;cursor:wait}
.jb-news-type-label{background:#d71920;color:#fff;text-align:center;font:bold 16px Arial,sans-serif;padding:7px 10px;margin:8px 0}
.jb-news-type-label[hidden]{display:none}
@media(max-width:700px){
 .jb-clip-toolbar{position:static;width:100%;box-sizing:border-box;gap:6px;padding:7px}
 .jb-clip-toolbar select,.jb-clip-toolbar .jb-tool{flex:1 1 30%;font-size:12px;padding:9px 7px;min-width:0}
}

/* v1.5: Way2News-inspired footer branding aligned to the left */
.jb-short-brand{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  flex-direction:row!important;
  gap:10px!important;
  width:100%;
  margin-top:9px!important;
  min-height:32px;
}
.jb-short-brand img{
  margin:0 auto 0 0!important;
  max-width:125px!important;
  max-height:32px!important;
  object-position:left center!important;
}
.jb-short-brand strong{margin-right:auto!important}
.jb-short-brand span{margin-left:auto!important;text-align:right!important}

/* v1.6: overlay Jayabheri brand at the bottom-left of the article photo */
.jb-short-image-wrap{position:relative;width:100%;height:258px;overflow:hidden;background:#ddd}
.jb-short-image-wrap .jb-short-image{display:block;width:100%;height:100%;object-fit:cover}
.jb-short-image-logo{position:absolute;left:12px;bottom:10px;display:flex;align-items:center;justify-content:flex-start;max-width:145px;max-height:42px;padding:4px 8px;background:rgba(255,255,255,.9);border-radius:3px;box-shadow:0 1px 4px #0004}
.jb-short-image-logo img{display:block;max-width:130px;max-height:32px;width:auto;height:auto;object-fit:contain;object-position:left center}
.jb-short-image-logo-text{font-weight:800;font-size:17px;color:#174d9a}
.jb-short-brand{justify-content:flex-end!important;margin-top:6px!important}
.jb-short-views{position:static!important;display:flex!important;justify-content:flex-end;align-items:center;margin-top:7px;color:#777}
.jb-short-actions button:disabled{opacity:.65;cursor:wait}
@media(max-width:650px){.jb-short-image-wrap{height:245px}}

/* v1.7: natural transparent logo overlay, without a white sticker/patch */
.jb-short-image-logo{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  left:12px!important;
  bottom:10px!important;
  max-width:155px!important;
  max-height:46px!important;
}
.jb-short-image-logo img{
  max-width:145px!important;
  max-height:42px!important;
  background:transparent!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));
}

/* v1.8: smaller logo with a fine white outline; views stay at lower-left */
.jb-short-image-logo{
  max-width:125px!important;
  max-height:38px!important;
  left:12px!important;
  bottom:9px!important;
}
.jb-short-image-logo img{
  max-width:116px!important;
  max-height:34px!important;
  filter:
    drop-shadow(1px 0 0 #fff)
    drop-shadow(-1px 0 0 #fff)
    drop-shadow(0 1px 0 #fff)
    drop-shadow(0 -1px 0 #fff)
    drop-shadow(0 2px 2px rgba(0,0,0,.45))!important;
}
.jb-short-body{position:relative}
.jb-short-views{
  position:static!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:5px!important;
  margin:8px 0 0!important;
  width:100%;
  text-align:left!important;
}
.jb-short-brand{display:none!important}

/* v1.9: keep the newspaper in two columns on mobile screens */
@media(max-width:650px){
  .jb-paper-content.jb-two-columns{
    column-count:2!important;
    column-gap:12px!important;
    column-rule:1px solid #ddd;
    font-size:11px!important;
    line-height:1.55!important;
  }
  .jb-paper-content.jb-two-columns p{
    text-align:justify;
    margin-bottom:8px;
  }
  .jb-paper-content.jb-two-columns img,
  .jb-paper-content.jb-two-columns figure,
  .jb-paper-content.jb-two-columns iframe,
  .jb-paper-content.jb-two-columns table{
    max-width:100%!important;
    break-inside:avoid;
  }
  .jb-paper-content.jb-two-columns img{
    height:auto!important;
  }
  .jb-paper-content.jb-one-column{
    column-count:1!important;
  }
}

/* v2.0: website link directly under date, view count stays bottom-left */
.jb-short-brand{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  width:100%;
  min-height:18px!important;
  margin:4px 0 0!important;
  padding:0!important;
}
.jb-short-brand a{
  color:#222!important;
  font-family:Arial,sans-serif;
  font-size:10px!important;
  line-height:1.4;
  font-weight:700!important;
  text-decoration:none!important;
}
.jb-short-views{
  position:static!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  margin:7px 0 0!important;
  width:100%;
  text-align:left!important;
}
/* Newspaper article text should be left-aligned, not justified */
.jb-paper-content,
.jb-paper-content p,
.jb-paper-content li,
.jb-paper-content blockquote,
.jb-paper-content div{
  text-align:left!important;
}

/* v2.1: icon-only social share row on article pages */
.jb-social-row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:9px!important;
  padding:8px 0!important;
}
.jb-social-row .jb-social-label{
  display:inline-block!important;
  font-weight:700!important;
  margin-right:2px!important;
  color:inherit!important;
}
.jb-social-row a.jb-social-icon{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  padding:9px!important;
  border:0!important;
  border-radius:4px!important;
  color:#fff!important;
  text-decoration:none!important;
  line-height:1!important;
  transition:opacity .2s ease,transform .2s ease;
}
.jb-social-row a.jb-social-icon:hover{opacity:.86;transform:translateY(-2px)}
.jb-social-icon svg{display:block;width:22px!important;height:22px!important}
.jb-social-facebook{background:#1877f2!important}
.jb-social-x{background:#111!important}
.jb-social-whatsapp{background:#25d366!important}
.jb-social-linkedin{background:#0a66c2!important}
.jb-social-instagram{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)!important}
.jb-social-reddit{background:#ff4500!important}

/* v2.2: clean full-paper masthead and compact centered site footer */
.jb-paper-meta{
  background:transparent!important;
  color:#111!important;
  padding:4px 0!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  font-size:14px!important;
}
.jb-paper-meta span{color:#111!important;background:transparent!important}
.jb-paper-footer{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:14px auto 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:center!important;
  font-size:13px!important;
  line-height:1.3!important;
  color:#222!important;
}
.jb-paper-footer span{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  white-space:nowrap;
}

/* v2.3: remove inner blue frame and let short mobile editions fit their content */
.jb-paper-frame{
  border:0!important;
}
@media(max-width:650px){
  .jb-paper-wrap{
    padding:5px!important;
  }
  .jb-paper{
    min-height:0!important;
    height:auto!important;
  }
  .jb-paper-frame{
    min-height:0!important;
    height:auto!important;
    padding:8px!important;
  }
  .jb-paper-content{
    min-height:0!important;
    height:auto!important;
  }
  .jb-paper-content.jb-two-columns,
  .jb-paper-content.jb-one-column{
    column-fill:balance!important;
  }
  .jb-paper-footer{
    margin:10px auto 0!important;
    padding-bottom:2px!important;
  }
}
