/* Center story pages independently of optional reading/section enhancements. */
.article-story #body{display:block}
.article-story #body>#dcontent{float:none;width:100%;max-width:1080px;margin-inline:auto;box-sizing:border-box}
/* Optional article template only; no shared selectors or important overrides. */
.article-readability #dcontent{box-sizing:border-box;padding-inline:24px;min-width:0}
.article-readability #dcontent>article{width:100%;max-width:1032px;margin-inline:auto}
.article-readability .Title{font-size:clamp(1.625rem,3vw,2.25rem);line-height:1.5;margin:24px 0 16px;text-align:right}
.article-readability #artstats{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:24px;color:#536474;font-size:0.875rem}
.article-readability #artstats>*{float:none;margin:0}
.article-readability #dcontent .description{width:100%;max-width:880px;margin:0 auto;padding:0;font-size:1.125rem;line-height:1.85;text-align:right;overflow-wrap:anywhere}
.article-readability .description p{margin:0 0 1.2em;text-align:right}
.article-readability .description img{max-width:100%;height:auto;box-sizing:border-box}
.article-readability #screenthumby{text-align:center;width:min(100%,760px);aspect-ratio:16/9;margin:20px auto 28px}
.article-readability #screenthumby img{float:none;display:block;width:100%;height:100%;object-fit:contain;margin-inline:auto;border-radius:12px}
.article-page .description .artimg{display:block;margin:20px auto;border-radius:8px}
.article-readability .description h2{font-size:1.5rem}
.article-readability .description h3{font-size:1.3125rem}
.article-readability #dcontent>article>.top10{padding-inline:0}
.article-readability .description h2,.article-readability .description h3{line-height:1.5;text-align:right;margin:32px 0 16px;scroll-margin-top:24px}
.article-page .article-section-title{font-size:1.5rem}
.article-readability .article-toc{padding:12px 18px;margin:0 0 24px;background:#f3f7fb;border:1px solid #dbe5ef;border-radius:12px;font-size:1rem;line-height:1.6}
.article-readability .article-toc summary{cursor:pointer;font-weight:bold;min-height:44px;align-content:center}
.article-readability .article-toc ol{margin:8px 0;padding-inline-start:24px}
.article-readability .article-toc a{display:block;padding:10px 4px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.article-readability .article-toc a:focus-visible,.article-readability .article-toc summary:focus-visible{outline:2px solid #1764a2;outline-offset:3px}
@media(max-width:719px){.article-readability #dcontent{padding-inline:16px}.article-readability .Title{margin-top:20px}.article-readability .article-toc{padding:8px 12px}}
.article-readability .description img{min-width:0}.article-readability .Title{text-shadow:none;color:#203c55}
@media(max-width:719px){.article-readability .description img{width:auto;width:min(100%,655px)}}
@media(max-width:719px){.article-readability #dside img{max-width:100%;height:auto}.article-readability #footer .footer,.article-readability #footer .copyrights{box-sizing:border-box;max-width:100%}}

/* Article header, section links and a single responsive reading list. */
.article-readability .article-intro{font-size:1.125rem;line-height:1.8;text-align:right;color:#42566a;margin:0 0 16px}
.article-readability #newsDesca,.article-readability #infocol,.article-readability .infoh,.article-readability #newsinfo{height:auto;min-height:0;margin:0;padding:0}
.article-readability #artstats{align-items:baseline;gap:8px 16px;font-style:normal;margin:0 0 24px}
.article-readability #artstats .mydate{font-style:normal;color:#42566a}
.article-readability #artstats .goleft{font-size:0.75rem;color:#687785;margin-inline-start:auto}
.article-readability #artstats [itemprop="publisher"]{display:none}
.article-readability .article-published time{display:inline-block;direction:ltr}
.article-page .description .inlinks{display:block;float:none;width:auto;max-width:100%;height:auto;padding:16px;margin:16px 0 24px;border:1px solid #dbe5ef;border-radius:10px;background:#f3f7fb;box-sizing:border-box;font-size:1rem;line-height:1.8}
.article-page .description .inlinks a{display:inline-block;padding-block:8px;font-weight:bold;text-decoration:underline;text-underline-offset:4px;color:#175e92}
.article-page .description .artimg{width:min(100%,600px);object-fit:contain}
.article-readability .article-related-reading{float:none;width:100%;max-width:100%;height:auto;margin:24px 0;box-sizing:border-box}
.article-readability .article-related-reading h2{font-size:1.4375rem;margin:0 0 16px}
.article-readability .article-related-reading h3{font-size:1.0625rem;line-height:1.6;margin:0 0 8px}
.article-readability .article-related-reading>div{float:none;width:100%;height:auto;max-height:none;box-sizing:border-box;padding:14px 0;border-bottom:1px solid #e0e7ee}
.article-readability .article-related-reading p{font-size:0.9375rem;line-height:1.75}

/* Preserve wide legacy content with scrolling instead of clipping it. */
.article-readability [itemprop="articleBody"]{min-width:0;overflow-x:auto}
.article-readability .description iframe,.article-readability .description video{max-width:100%}

/* Legacy video embeds and footer text must fit narrow article pages. */
.article-readability #dcontent .ytvideo{max-width:100%;aspect-ratio:30/17;height:auto}
.article-readability #dcontent .ytvideo iframe{display:block;max-width:100%;aspect-ratio:30/17}
@media(max-width:719px){.article-readability #footer .copyrights{width:auto;margin-inline:0}}

/* Article navigation and reading links retain visible keyboard focus. */
.article-readability #dcontent :is(a,button,input,textarea,select,summary):focus-visible,
.article-readability .article-related-reading a:focus-visible{outline:2px solid #175e92;outline-offset:2px}
.article-readability #dcontent>.cats a{display:inline-block;min-height:24px}
.article-readability .article-related-reading h3 a{display:flex;align-items:center;min-height:44px}

@media(min-width:1000px){.article-readability #dcontent .description{font-size:1.25rem;line-height:1.8}}

/* A reserved hero frame avoids shifting text; contain keeps every image uncropped. */
.article-readability .description #screenthumby img{width:100%;height:100%;object-fit:contain}
.article-readability .article-toc ul{margin:8px 0;padding-inline-start:24px}
.article-readability .description pre.article-code{direction:ltr;text-align:left;unicode-bidi:isolate;white-space:pre;overflow:auto;max-width:100%;box-sizing:border-box;padding:16px;margin:20px 0;border:1px solid #dbe5ef;border-radius:8px;background:#f3f7fb;font:0.9375rem/1.6 Consolas,monospace}
.article-readability .description pre.article-code code{font:inherit;direction:ltr;white-space:inherit}
