/* Shared reading layout for news, research and charity articles. */
body.article-reading-page{background:#f6f8fb;}
body.article-reading-page:before{display:none;}
body.article-reading-page .site-header,
body.article-list-page .site-header{background:#fff;backdrop-filter:none;box-shadow:0 3px 14px rgba(22,42,67,.04);}
.article-detail-page{background:linear-gradient(180deg,#f8fafc,#f3f7fa);}
.article-detail-page .article-detail-section{padding:32px 0 64px;}
.article-detail-page .article-reading-shell{width:min(980px,calc(100% - 48px));}
.article-detail-page .article-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 20px;padding:0 4px;color:#8993a3;font-size:13px;line-height:1.5;}
.article-detail-page .article-breadcrumb a{color:#647285;transition:color .2s;}
.article-detail-page .article-breadcrumb a:hover{color:#087b8b;}
.article-detail-page .article-reading-card{min-width:0;padding:42px 60px 34px;border:1px solid #e3e9ef;border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(22,42,67,.045);}
.article-detail-page .article-heading{margin-bottom:28px;padding-bottom:26px;border-bottom:1px solid #e8edf2;}
.article-detail-page .article-meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:0 0 18px;color:#7a8595;font-size:14px;line-height:1.5;}
.article-detail-page .article-meta-line time{white-space:nowrap;font-variant-numeric:tabular-nums;}
.article-detail-page .article-category{display:inline-flex;align-items:center;padding:5px 12px;border-radius:7px;background:#eef7f9;color:#087b8b;font-size:13px;font-weight:650;}
.article-detail-page .article-reading-title{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0;color:#171d46;font-size:24px;font-weight:750;line-height:1.5;letter-spacing:0;white-space:nowrap;text-wrap:nowrap;overflow-wrap:normal;word-break:normal;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(100,114,133,.35) transparent;}
.article-detail-page .article-reading-title::-webkit-scrollbar{height:3px;}
.article-detail-page .article-reading-title::-webkit-scrollbar-track{background:transparent;}
.article-detail-page .article-reading-title::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(100,114,133,.35);}
.article-detail-page .article-reading-title:focus-visible{outline:2px solid #087b8b;outline-offset:4px;border-radius:3px;}
.article-detail-page .article-reading-title-text{display:block;width:max-content;min-width:100%;text-align:center;}
.article-detail-page .article-reading-cover{position:relative;height:auto;max-height:none;margin:0 0 28px;border:0;border-radius:12px;overflow:hidden;background:#f5f7fa;}
.article-detail-page .article-reading-cover:after{display:none;}
.article-detail-page .article-reading-cover img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;}
.article-detail-page .article-reading-body{min-width:0;color:#3d4b5e;font-size:17px;line-height:1.95;overflow-wrap:break-word;}
.article-detail-page .article-reading-body p{margin:0 0 1.2em;color:inherit;font-size:inherit;line-height:inherit;text-align:start;text-indent:2em;}
.article-detail-page .article-reading-body p:empty{display:none;}
.article-detail-page .article-reading-body .article-cover:empty{display:none;}
.article-detail-page .article-reading-body .lead{color:inherit;font-size:inherit;line-height:inherit;}
.article-detail-page .article-reading-body h2,
.article-detail-page .article-reading-body h3,
.article-detail-page .article-reading-body h4{margin:1.6em 0 .65em;color:#171d46;font-weight:700;line-height:1.5;text-indent:0;}
.article-detail-page .article-reading-body h2{font-size:25px;}
.article-detail-page .article-reading-body h3{font-size:21px;}
.article-detail-page .article-reading-body h4{font-size:18px;}
.article-detail-page .article-reading-body img{display:block;max-width:100%!important;height:auto!important;margin:24px auto;border-radius:12px;object-fit:contain;}
.article-detail-page .article-reading-body figure{margin:28px 0;}
.article-detail-page .article-reading-body figcaption{margin-top:10px;color:#7a8595;font-size:13px;line-height:1.6;text-align:center;}
.article-detail-page .article-reading-body video,
.article-detail-page .article-reading-body iframe{max-width:100%;border-radius:12px;}
.article-detail-page .article-reading-body ul,
.article-detail-page .article-reading-body ol{margin:0 0 1.2em;padding-left:1.5em;text-indent:0;}
.article-detail-page .article-reading-body li{margin-bottom:.4em;}
.article-detail-page .article-reading-body li p{margin:.4em 0;text-indent:0;}
.article-detail-page .article-reading-body blockquote{margin:26px 0;padding:18px 22px;border-left:3px solid #087b8b;border-radius:0 10px 10px 0;background:#f1f7f9;color:#445668;font-size:inherit;font-weight:400;line-height:inherit;}
.article-detail-page .article-reading-body blockquote p{margin:0;text-indent:0;}
.article-detail-page .article-reading-body table{display:block;max-width:100%;margin:24px 0;border-collapse:collapse;overflow-x:auto;font-size:15px;}
.article-detail-page .article-reading-body th,
.article-detail-page .article-reading-body td{padding:10px 14px;border:1px solid #dfe7ed;}
.article-detail-page .article-reading-body th{background:#f3f7fa;color:#171d46;}
.article-detail-page .article-reading-body a{color:#087b8b;text-decoration:underline;text-underline-offset:3px;}
.article-detail-page .article-reading-body>:last-child{margin-bottom:0;}
.article-detail-page .article-reading-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:34px;padding-top:26px;border-top:1px solid #e8edf2;}
.article-detail-page .article-reading-actions .btn{min-height:44px;padding:11px 20px;border-radius:10px;font-size:14px;font-weight:650;box-shadow:none;}
.article-detail-page .article-reading-actions .btn-ghost{border-color:#dce5ed;color:#5a687c;}
.article-detail-page a:focus-visible{outline:2px solid #087b8b;outline-offset:4px;}
@media(max-width:900px){
  .article-detail-page .article-reading-card{padding:34px 38px 30px;}
  .article-detail-page .article-reading-title{font-size:24px;}
}
@media(max-width:640px){
  .article-detail-page .article-detail-section{padding:18px 0 36px;}
  .article-detail-page .article-reading-shell{width:calc(100% - 28px);}
  .article-detail-page .article-breadcrumb{gap:8px;margin-bottom:14px;font-size:12px;}
  .article-detail-page .article-reading-card{padding:24px 20px;border-radius:16px;box-shadow:0 6px 24px rgba(22,42,67,.035);}
  .article-detail-page .article-heading{margin-bottom:22px;padding-bottom:20px;}
  .article-detail-page .article-meta-line{gap:12px;margin-bottom:14px;font-size:13px;}
  .article-detail-page .article-category{font-size:12px;}
  .article-detail-page .article-reading-title{font-size:18px;line-height:1.6;white-space:normal;text-wrap:wrap;overflow-x:visible;overflow-y:visible;overflow-wrap:anywhere;word-break:normal;}
  .article-detail-page .article-reading-title-text{width:100%;min-width:0;white-space:normal;text-wrap:wrap;overflow-wrap:anywhere;word-break:normal;}
  .article-detail-page .article-reading-body{font-size:16px;line-height:1.9;}
  .article-detail-page .article-reading-body h2{font-size:22px;}
  .article-detail-page .article-reading-body h3{font-size:19px;}
  .article-detail-page .article-reading-body img{margin:20px auto;border-radius:8px;}
  .article-detail-page .article-reading-cover{margin-bottom:22px;border-radius:8px;}
  .article-detail-page .article-reading-body blockquote{padding:14px 16px;}
  .article-detail-page .article-reading-actions{align-items:stretch;flex-direction:column;gap:10px;margin-top:26px;padding-top:22px;}
  .article-detail-page .article-reading-actions .btn{width:100%;justify-content:center;}
}