/* Scoped to the Blog browser. No article, homepage or download-page restyling. */
.ptm-topic-short,.ptm-browse-actions{display:none}
.blog-search{position:relative}
.blog-search .ptm-clear-search{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:transparent;color:#f7f8ff;font:24px/1 Arial;cursor:pointer}
.blog-search .ptm-clear-search[hidden]{display:none!important}
.blog-search input{padding-right:52px!important}
.blog-controls select option{background:#101c38;color:#f7f8ff}
@media(max-width:768px){
 body .blog-site .blog-hero{padding:24px 16px 20px!important}
 body .blog-site .blog-hero h1{font-size:28px!important;line-height:1.22!important;margin:12px 0!important}
 body .blog-site .blog-hero>p{font-size:15px!important;line-height:1.6!important;margin:0 0 20px!important}
 body .blog-site .blog-search{margin:0!important;min-height:48px!important;background:#12203c!important;border:1px solid #435576!important;border-radius:10px!important}
 body .blog-site .blog-search>span{color:#bdcde5!important}
 body .blog-site .blog-search input{min-height:48px!important;font-size:16px!important;color:#fff!important}
 body .blog-site .blog-search input::placeholder{color:#bdcde5;opacity:1}
 body .blog-site .blog-section{padding:24px 16px 36px!important}
 body .blog-site .blog-heading{display:block!important;margin:0 0 16px!important;padding:0!important;border:0!important}
 body .blog-site .blog-heading .kicker{display:none!important}
 body .blog-site .blog-heading h2{font:700 23px/1.35 Arial,sans-serif!important;letter-spacing:0!important;margin:0 0 8px!important}
 body .blog-result-summary{display:block;font:400 13px/1.5 Arial,sans-serif!important;color:#b8c8e1!important}
 body .blog-site .blog-controls{display:flex!important;flex-direction:column;gap:12px!important;padding:0 0 20px!important;margin:0!important;border:0!important}
 body .blog-site .blog-controls>.ptm-topic-buttons{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;width:100%;overflow:visible!important;padding:0!important}
 body .blog-controls .ptm-topic-full{display:none}
 body .blog-controls .ptm-topic-short{display:inline}
 body .blog-site .blog-controls [data-topic]{box-sizing:border-box;justify-content:center;min-width:0;min-height:44px;padding:8px 3px!important;border:1px solid #3b5074!important;border-radius:9px!important;background:#11203b!important;color:#e5edfc!important;font:600 12px/1.4 Arial,sans-serif!important;white-space:normal!important;text-align:center;text-decoration:none}
 body .blog-site .blog-controls [data-topic].active{background:#ffce3a!important;color:#111c35!important;border-color:#ffce3a!important;box-shadow:inset 0 -2px 0 #c49600}
 body .blog-site .blog-controls>.ptm-browse-actions{display:flex!important;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;width:100%;overflow:visible!important;padding:0!important}
 body .ptm-sort-buttons{display:flex;border:1px solid #3b5074;border-radius:9px;padding:3px;gap:3px;background:#0b142a}
 body .blog-controls .ptm-sort-buttons button{border:0!important;border-radius:6px;padding:8px 12px!important;min-height:44px;font:600 12px/1.4 Arial,sans-serif!important;color:#c0cce2;background:transparent}
 body .blog-controls .ptm-sort-buttons button[aria-pressed="true"]{background:#263e65;color:#fff}
 body .blog-controls .ptm-reset-filters{min-height:44px;padding:8px!important;background:none!important;border:0!important;color:#ffe08a!important;font:600 12px/1.4 Arial,sans-serif!important;text-decoration:underline;text-underline-offset:3px}
 body .blog-controls .ptm-reset-filters[hidden]{display:none!important}
 body .blog-controls>select{display:none!important}
 body .blog-controls:not(:has(.ptm-browse-actions))>select{display:block!important;color:#fff!important;background:#11203b!important}
 body .ptm-topic-heading{margin:0 0 18px;padding-top:18px}
 body .ptm-topic-heading h2{font-size:21px!important;line-height:1.4!important}
 body .ptm-topic-heading p{font-size:14px;line-height:1.6}
 body .blog-controls :is(a,button):focus-visible,body .ptm-clear-search:focus-visible{outline:2px solid #8bd8ff!important;outline-offset:3px!important}
 html[lang^="hi"] .blog-controls [data-topic]{line-height:1.7!important;font-size:13px!important}
}
/* Remove legacy scrolling-strip masks and restore explicit selected states. */
@media(min-width:769px){body .blog-site .blog-controls>.ptm-browse-actions{display:none!important}}
@media(max-width:768px){
 body .blog-site .blog-controls>.ptm-topic-buttons,body .blog-site .blog-controls>.ptm-browse-actions{-webkit-mask-image:none!important;mask-image:none!important}
 body .blog-site .blog-controls .ptm-sort-buttons button{color:#c0cce2!important;background:transparent!important}
 body .blog-site .blog-controls .ptm-sort-buttons button[aria-pressed="true"]{background:#263e65!important;color:#fff!important;box-shadow:inset 0 -2px #ffce3a!important}
 body .blog-site .blog-controls [data-topic] span{color:inherit!important}
}

.blog-heading{scroll-margin-top:90px}
@media(max-width:768px){body .blog-site .blog-controls [data-topic],body .blog-site .blog-controls [data-topic] span{transition:none!important}}
