/* 3.10: digital reading layout. Screen-only; print and image exports keep their newspaper design. */
@media screen {
  body.cn-newspaper-article-page { --cn-paper:#fff; --cn-page:#fff; --cn-rule:#e5e5e5; background:#fff; }
  body.cn-newspaper-article-page article.post-detail.cn-newspaper-article {
    width:100%; max-width:820px; margin:0 auto 32px; padding:24px 30px 36px;
    border:0; border-radius:0; box-shadow:none; background:#fff; box-sizing:border-box;
  }
  body.cn-newspaper-article-page .cn-mobile-masthead {
    display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px;
    margin:0 0 20px; padding:0 0 12px; text-align:left; border-bottom:3px solid var(--cn-accent);
  }
  body.cn-newspaper-article-page .cn-brand-home { color:var(--cn-accent); font:800 27px/1.4 "Noto Sans Devanagari","Nirmala UI",sans-serif; text-decoration:none; }
  body.cn-newspaper-article-page .cn-mobile-masthead span { font:12px/1.6 "Noto Sans Devanagari",sans-serif; color:#777; }
  body.cn-newspaper-article-page .cn-edition-strip { font-size:12px; font-weight:500; letter-spacing:0; border:0; margin:0 0 12px; padding:0; gap:6px; }
  body.cn-newspaper-article-page .cn-article-kicker { display:none; }
  body.cn-newspaper-article-page article.post-detail .the_title h1 {
    font:800 34px/1.48 "Noto Sans Devanagari","Nirmala UI",sans-serif;
    letter-spacing:0; color:#161616; text-align:left; margin:0; text-wrap:wrap; overflow-wrap:break-word;
  }
  body.cn-newspaper-article-page .cn-article-deck { margin:12px 0 0; font:400 19px/1.7 "Noto Sans Devanagari","Nirmala UI",sans-serif; color:#555; }
  body.cn-newspaper-article-page .cn-article-meta { margin:14px 0 0; padding:0; gap:7px; border:0; font-size:12px; line-height:1.7; }
  body.cn-newspaper-article-page .cn-desk-badge { display:none; }
  body.cn-newspaper-article-page .cn-share-bar { margin:14px 0 18px; padding:0 0 14px; gap:8px; }
  body.cn-newspaper-article-page .cn-share-bar .cn-share-link {
    flex-basis:auto; justify-content:center; min-height:44px; padding:9px 12px; border:1px solid #ddd;
    border-radius:6px; background:#fff; color:#444; font-size:12px; line-height:1.4;
  }
  body.cn-newspaper-article-page .cn-share-bar .cn-whatsapp { color:#087a3c; border-color:#b9dfca; background:#f1fbf5; }
  body.cn-newspaper-article-page .cn-share-bar .cn-facebook { color:#185bbb; }
  body.cn-newspaper-article-page .cn-share-link:focus-visible { outline:3px solid var(--cn-accent); outline-offset:3px; }
  body.cn-newspaper-article-page .cn-share-link:hover { background:#f3f3f3; }
  body.cn-newspaper-article-page article.post-detail .post_thumb { margin:0; background:#f6f6f6; border:0; }
  body.cn-newspaper-article-page article.post-detail .post_thumb img { width:100%; height:auto; object-fit:contain; }
  body.cn-newspaper-article-page .cn-photo-caption { padding:8px 0 12px; background:none; border:0; font-size:12px; line-height:1.6; }
  body.cn-newspaper-article-page article.post-detail .the_content {
    column-count:1 !important; column-width:auto !important; column-rule:none; column-gap:normal;
    font:400 20px/1.9 "Noto Sans Devanagari","Nirmala UI",sans-serif; text-align:left; color:#222; overflow-wrap:break-word;
  }
  body.cn-newspaper-article-page article.post-detail .the_content > p:first-of-type { font:inherit; color:inherit; }
  body.cn-newspaper-article-page article.post-detail .the_content > p:first-of-type::first-letter { float:none; margin:0; font:inherit; color:inherit; }
  body.cn-newspaper-article-page article.post-detail .the_content p { margin:0 0 22px; }
  body.cn-newspaper-article-page article.post-detail .the_content :is(h2,h3,h4) { font-family:"Noto Sans Devanagari","Nirmala UI",sans-serif; line-height:1.55; padding:0; border:0; margin:26px 0 12px; }
  body.cn-newspaper-article-page article.post-detail .the_content h2 { font-size:26px; }
  body.cn-newspaper-article-page article.post-detail .the_content h3 { font-size:23px; }
  body.cn-newspaper-article-page article.post-detail .the_content h4 { font-size:21px; }
  body.cn-newspaper-article-page article.post-detail .the_content :is(h2,h3,h4)::after { display:none; }
  body.cn-newspaper-article-page .cn-factbox { background:#f7f7f7; border:1px solid #e5e5e5; border-left:3px solid var(--cn-accent); padding:16px 20px; }
  body.cn-newspaper-article-page article.post-detail .the_content blockquote { background:#fafafa; border:0; border-left:3px solid var(--cn-accent); padding:16px 20px; font-size:20px; }
  body.cn-newspaper-article-page .cn-ad-slot .cn-ad-banner img { width:auto; max-width:100%; max-height:180px; height:auto; object-fit:contain; margin:auto; }
  body.cn-newspaper-article-page .cn-breaking-news { overflow-x:auto; }
}
@media screen and (max-width:767px) {
  body.cn-newspaper-article-page article.post-detail.cn-newspaper-article { padding:16px 14px 28px; }
  body.cn-newspaper-article-page article.post-detail .the_title h1 { font-size:27px; line-height:1.52; }
  body.cn-newspaper-article-page .cn-article-deck { font-size:17px; }
  body.cn-newspaper-article-page article.post-detail .the_content { font-size:19px; line-height:1.85; }
  body.cn-newspaper-article-page .cn-mobile-masthead span { display:none; }
  body.cn-newspaper-article-page .cn-photo-caption { display:block; }
  body.cn-newspaper-article-page .cn-caption-credit { display:block; }
}
/* 3.10.1: screenshot reference — green lead, inline metadata/shares and desktop rails. */
@media screen {
  body.cn-newspaper-article-page .cn-title-lead { color:#80b827; }
  body.cn-newspaper-article-page .cn-article-deck,
  body.cn-newspaper-article-page .cn-edition-name,
  body.cn-newspaper-article-page .cn-edition-separator:last-of-type { display:none; }
  body.cn-newspaper-article-page .cn-digital-info { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin:20px 0; }
  body.cn-newspaper-article-page .cn-digital-info .cn-article-meta { flex:1; margin:0; }
  body.cn-newspaper-article-page .cn-digital-info .cn-share-bar { flex:none; margin:0; padding:0; border:0; }
  body.cn-newspaper-article-page .cn-digital-info .cn-share-link { width:40px; min-height:44px; padding:5px; border:0; background:none; color:#808080; font:700 26px/1 sans-serif; }
  body.cn-newspaper-article-page .cn-digital-tools { display:flex; flex-wrap:wrap; gap:8px; padding:18px 0; border-top:1px solid #eee; }
  body.cn-newspaper-article-page .cn-digital-tools .cn-share-link { min-height:44px; border:1px solid #ddd; border-radius:5px; padding:10px; }
  .cn-digital-navigation, .cn-digital-latest { display:none; }
}
@media screen and (min-width:1200px) {
  body.cn-newspaper-article-page .cn-digital-frame { display:grid; grid-template-columns:180px minmax(0,1fr) 250px; max-width:1240px; margin:auto; align-items:start; }
  body.cn-newspaper-article-page .cn-digital-frame article.post-detail.cn-newspaper-article { max-width:none; min-width:0; padding:28px; border-left:1px solid #eee; border-right:1px solid #eee; }
  body.cn-newspaper-article-page .cn-digital-navigation { display:flex; flex-direction:column; padding:28px 16px 16px 0; gap:8px; }
  body.cn-newspaper-article-page .cn-digital-navigation a { display:block; padding:12px; font:600 18px/1.6 "Noto Sans Devanagari","Nirmala UI",sans-serif; color:#333; text-decoration:none; border-radius:5px; }
  body.cn-newspaper-article-page .cn-digital-navigation a:hover,
  body.cn-newspaper-article-page .cn-digital-navigation a[aria-current] { background:#f5f5f5; color:var(--cn-accent); }
  body.cn-newspaper-article-page .cn-digital-latest { display:block; padding:28px 0 20px 22px; font-family:"Noto Sans Devanagari","Nirmala UI",sans-serif; }
  body.cn-newspaper-article-page .cn-digital-latest h2 { font-size:21px; margin:0 0 12px; }
  body.cn-newspaper-article-page .cn-digital-latest a { display:block; color:#333; font-size:17px; line-height:1.7; padding:14px 0; border-bottom:1px solid #eee; text-decoration:none; }
  body.cn-newspaper-article-page article.post-detail .the_title h1 { font-size:30px; line-height:1.6; }
}
@media print { .cn-digital-navigation,.cn-digital-latest,.cn-digital-tools { display:none !important; } .cn-title-lead { color:inherit; } }

/* 3.10.2: prominent newspaper image download above the featured photo. */
@media screen {
  body.cn-newspaper-article-page .cn-digital-tools { display:flex !important; margin:0 0 18px; padding:12px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; }
  body.cn-newspaper-article-page .cn-digital-tools .cn-download-image { display:inline-flex !important; align-items:center; justify-content:center; min-height:46px; color:#fff; background:var(--cn-accent,#b10f1f); border-color:var(--cn-accent,#b10f1f); font-weight:700; }
  body.cn-newspaper-article-page .cn-digital-tools .cn-download-image:hover { filter:brightness(.9); }
}
@media screen and (max-width:767px) {
  body.cn-newspaper-article-page .cn-digital-tools .cn-download-image { flex:1 0 100%; order:-1; box-sizing:border-box; }
}