/* Static topic links and progressive blog filtering; no change to existing core assets. */
.ptm-breadcrumb{max-width:1184px;margin:0 auto;padding:18px 28px;display:flex;flex-wrap:wrap;gap:6px 10px;color:#b9c6df;font:13px/1.6 Arial,sans-serif}.ptm-breadcrumb a{color:#ffe08a;text-decoration:underline;text-underline-offset:3px}.ptm-breadcrumb [aria-current]{overflow-wrap:anywhere}
.ptm-related,.ptm-topic-directory{max-width:1128px;margin:36px auto;padding:28px;background:#102044;color:#eff4ff;border:1px solid #33496f;border-radius:10px;box-sizing:border-box}
.ptm-related h2,.ptm-topic-directory h2{color:#fff!important;font-size:26px!important;line-height:1.35!important;margin:6px 0 12px!important}.ptm-related>p{color:#bdcde5!important;margin:0 0 20px!important;font-size:15px!important}.ptm-link-kicker{color:#f4cc56;font:700 12px/1.5 Arial,sans-serif}
.ptm-related ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}.ptm-related li{display:flex;gap:10px;align-items:start;padding:15px;border:1px solid #3a5077;border-radius:6px}.ptm-related li>span{color:#e6c45b;font:700 12px/1.6 Arial,sans-serif}.ptm-related a,.ptm-topic-directory a{color:#edf3ff!important;text-decoration:underline;text-underline-offset:4px;line-height:1.65;font-size:15px!important}.ptm-related-return{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:20px}.ptm-related-return a{color:#ffe08a!important;min-height:44px;display:flex;align-items:center}
.ptm-topic-directory ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}.ptm-topic-directory li{padding:8px 0}.ptm-topic-directory a{display:block;min-height:44px}
.ptm-topic-rail a{display:block;line-height:1.6!important;padding:12px 0!important;white-space:normal!important}
.ptm-topic-start{display:flex;gap:6px 24px;flex-wrap:wrap}.ptm-topic-start a{display:inline-flex;align-items:center;min-height:44px;color:#ffe08a;text-decoration:underline;text-underline-offset:4px}
.ptm-blog-topic{scroll-margin-top:90px;margin:0 0 48px}.ptm-topic-heading{margin:20px 0 22px;padding-top:24px;border-top:1px solid #34456c}.ptm-topic-heading h2{color:#f7f8ff;font-size:28px;line-height:1.3}.ptm-topic-heading p{color:#bccbe3;margin:10px 0}.ptm-topic-heading>a{display:inline-flex;align-items:center;min-height:44px;color:#ffe08a;text-decoration:underline;text-underline-offset:4px}.blog-controls [data-topic]{min-height:44px;padding:10px 15px;display:inline-flex;align-items:center;border:1px solid #425777;border-radius:6px;color:#e0e9ff;background:#112044;white-space:nowrap;font:700 13px/1.4 Arial,sans-serif;text-decoration:none}.blog-controls [data-topic].active{color:#16233f;background:#ffce3a;border-color:#ffce3a}.blog-controls>div{gap:8px}.ptm-blog-groups [hidden]{display:none!important}
.ptm-link-empty{padding:24px;border:1px solid #425777;color:#e0e9ff}.ptm-related a:focus-visible,.ptm-topic-directory a:focus-visible,.ptm-breadcrumb a:focus-visible,.blog-controls a:focus-visible{outline:3px solid #8bcdff;outline-offset:4px}
@media(min-width:769px) and (max-width:1100px){.site-header .nav-shell>nav{display:none!important}.site-header .mobile-menu{display:block!important}.site-header .header-download{display:none!important}}
@media(max-width:767px){.ptm-breadcrumb{padding:14px 18px;font-size:12px}.ptm-related,.ptm-topic-directory{margin:28px 16px;padding:20px}.ptm-related ol,.ptm-topic-directory ul{grid-template-columns:1fr}.ptm-related h2,.ptm-topic-directory h2{font-size:23px!important}.ptm-related li{padding:12px}.ptm-topic-heading h2{font-size:24px}.ptm-related-return{gap:4px 14px}.ptm-blog-topic{margin-bottom:30px}}
@media(max-width:767px){.site-header .nav-shell{flex-wrap:nowrap!important;gap:8px!important;padding-inline:12px!important}.site-header .brand{flex:0 1 165px!important;min-width:0!important;width:clamp(100px,39vw,165px)!important}.site-header .brand img{width:100%!important;height:auto!important}.site-header .language-link{flex:0 0 auto!important;margin-left:auto!important;padding-inline:8px!important;white-space:nowrap!important}.site-header .mobile-menu{flex:0 0 auto!important;margin-left:0!important}}
@media(max-width:480px){.site-header .language-link{font-size:12px!important}}
.article-body p code,.article-body li code,.post-content p code,.post-content li code{white-space:normal;overflow-wrap:anywhere;word-break:normal}
