/* Shared blog reading styles; stored article markup and media remain intact. */
#bloghead h1,.content-box>.sb-content>h2,.content-box>.sb-content>h2 a{text-transform:none}
.blog-detail #innerheader{text-transform:none;line-height:1.28;letter-spacing:0}
.article-byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 18px!important;font-size:13px;color:#445b63}
.article-byline #date{flex:1 1 100%;line-height:1.8}
.date-label{font-weight:600;color:#3f555d}
.article-byline .time-sep{margin:0 5px}
.text-area.article-intro{margin:0 0 16px;padding:0}
.article-intro>p{margin:0!important;font-size:17px;line-height:1.7;color:#163b43}
.article-intro>.callout{border:0!important;background:#f3fafa!important;border-left:3px solid #168d91!important;padding:16px 18px!important;border-radius:4px}
.article-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}
.article-jumps a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #b8d9dc;border-radius:8px;background:#f7fbfb;color:#176970;font-weight:600;font-size:13px;text-decoration:none}
.article-jumps a:hover{background:#eaf6f6;color:#0a4e54}
.article-toc{margin:20px 0 26px;border:1px solid #cfe2e4;border-radius:10px;background:#f8fcfc;color:#1c5259}
.article-toc>summary{padding:15px 18px;min-height:48px;cursor:pointer;font-weight:600;font-size:16px}
.article-toc nav{padding:0 18px 16px}
.article-toc ol{margin:0;padding-left:22px}
.article-toc li{padding:0 0 3px;line-height:1.45}
.article-toc a{display:inline-block;padding:8px 0;color:#176970;font-size:14px;text-decoration:none}
.article-toc__sub{margin-left:16px;font-size:13px}
.article-toc__sub a{font-size:13px;color:#4b6167}
.article-jumps a:focus-visible,.article-toc summary:focus-visible,.article-toc a:focus-visible,.og-table-wrap:focus-visible{outline:3px solid #167e88;outline-offset:3px}
.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-toc,.blog-faq__title,.article-legacy-anchor,.article-body table{scroll-margin-top:24px}
.article-legacy-anchor{display:block;height:0;overflow:hidden}
.article-body .og-table-wrap{position:relative;border:1px solid #d5e3e5;border-radius:6px;margin-bottom:8px}
.article-body .og-table-wrap table{border:0}
.article-body .og-table-wrap th[scope="row"]{position:sticky;left:0;z-index:1;background:#f3f8f9;box-shadow:1px 0 #d5e3e5}
.article-body .og-table-wrap th[scope="row"] a{color:#12666e;text-decoration:underline;text-underline-offset:3px}
.table-scroll-hint{margin:0 0 10px!important;color:#50636a!important;font-size:12px!important;line-height:1.5!important;scroll-margin-top:24px}
.table-scroll-hint[hidden]{display:none}
.blog-affiliate{margin:30px 0;padding:20px;border:1px solid #d8dfe2;border-radius:8px;background:#fafbfc;color:#44565e;font-size:14px;line-height:1.6}
.blog-affiliate>strong{display:block;font-size:12px;letter-spacing:.03em;color:#596b73}
.blog-affiliate p{margin:8px 0 12px}
.blog-affiliate a{display:inline-block;padding:9px 14px;border:1px solid #c6d3d7;border-radius:6px;min-height:42px;color:#1b6770;font-weight:600;text-decoration:underline}
.byline-author,.byline-date{font-size:13px;line-height:1.7}
.blog-copy-dialog{width:min(680px,92vw);padding:24px;border:1px solid #b8d9dc;border-radius:10px;color:#163b43}
.blog-copy-dialog::backdrop{background:rgba(0,0,0,.45)}
.blog-copy-dialog label{display:block}
.blog-copy-dialog textarea{display:block;width:100%;height:45vh;margin:12px 0;font:14px/1.5 monospace}
.blog-copy-dialog button{min-height:44px;padding:8px 20px;border:1px solid #168d91;background:#f3fafa;border-radius:6px}
@media(max-width:767px){
 .blog-detail #bloghead{margin-top:22px;margin-bottom:12px}
 .blog-detail .breadcrumb{margin-bottom:18px;font-size:12px}
 .blog-detail #innerheader{font-size:23px;line-height:1.3;padding:0}
 .article-intro>p{font-size:15.5px;line-height:1.65}
 .article-jumps{gap:6px;margin:14px 0 20px}
 .article-jumps a{font-size:12px;padding:7px 10px}
 .article-toc__sub{margin-left:8px}
 .article-body .og-table-wrap>table{font-size:14px;line-height:1.6}
 .article-byline #date{font-size:12px}
 .blog-affiliate{padding:16px}
}
@media(prefers-reduced-motion:reduce){.article-toc,.article-jumps *{scroll-behavior:auto;transition:none}}
