/* Mobile-only corrections. Desktop typography, layout and branding stay in the baseline. */
.ptm-mobile-topic,.ptm-mobile-table-hint{display:none}
.ptm-mobile-table-hint[hidden]{display:none!important}
@media screen and (max-width:768px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:84px;scroll-padding-bottom:100px}
 body .site-header .nav-shell{position:relative;min-width:0}
 body .site-header .language-link{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px!important;min-height:44px!important}
 body .site-header .mobile-menu{position:static!important}
 body .site-header .mobile-menu summary{min-width:44px!important;min-height:44px!important;touch-action:manipulation}
 body .site-header .mobile-menu>div{left:max(12px,env(safe-area-inset-left))!important;right:max(12px,env(safe-area-inset-right))!important;top:calc(100% + 2px)!important;min-width:0!important;width:auto!important;max-height:calc(100vh - 84px);max-height:calc(100dvh - 84px);overflow-y:auto;overscroll-behavior:contain;z-index:120}
 body .site-header .mobile-menu>div a{min-height:44px!important;display:flex!important;align-items:center;white-space:normal;overflow-wrap:break-word}
 body .site-header:has(.mobile-menu[open]){z-index:120!important}
 body .hero-banner-dots button,body .hero-banner-dots button.active{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;touch-action:manipulation}
 body .hero-banner-dots button:after{left:10px!important;top:21px!important;width:24px!important}
 body .hero-banner-arrow{min-width:44px!important;min-height:44px!important;touch-action:manipulation}
 body .blog-search input,body .blog-controls select{font-size:16px!important;min-height:44px;min-width:0;max-width:100%}
 body .blog-controls.ptm-topic-enhanced>div{display:none!important}
 body .blog-controls .ptm-mobile-topic{display:block;width:100%;min-width:0;font:600 12px/1.5 Arial,sans-serif;color:#bdcde5}
 body .blog-controls .ptm-mobile-topic select{display:block;box-sizing:border-box;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #425777;border-radius:6px;background:#112044;color:#eef4ff;font:14px/1.5 Arial,sans-serif;color-scheme:dark}
 body .blog-controls>select{width:100%;margin:0}
 body .blog-card-body h3,body .blog-card-body p,body .post-heading h1{overflow-wrap:break-word;word-break:normal}
 html[lang^="hi"] .post-heading h1{line-height:1.4!important;letter-spacing:0!important}
 html[lang^="hi"] .post-content :is(h2,h3){line-height:1.5!important;letter-spacing:0!important}
 body :is(.post-content,.article-body) section[id]{scroll-margin-top:84px!important}
 body :is(.post-toc-mobile,.article-toc) a{min-height:44px;display:flex;align-items:center}
 body .ptm-mobile-table{position:relative;isolation:isolate;max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-padding-inline:140px 12px}
 body .ptm-mobile-table[data-columns="3"] table{min-width:440px}
 body .ptm-mobile-table[data-columns="4"] table{min-width:520px}
 body .ptm-mobile-table[data-columns="5"] table{min-width:620px}
 body .ptm-mobile-table th,body .ptm-mobile-table td{font-size:14px;line-height:1.65;padding:12px;overflow-wrap:break-word}
 body .ptm-mobile-table[data-scrollable="true"] :is(th,td):first-child{position:sticky;left:0;z-index:1;min-width:100px;max-width:140px;background:#111d38;box-shadow:1px 0 #cbd8e9}
 body .ptm-mobile-table[data-small-key="true"] :is(th,td):first-child{min-width:48px;max-width:68px}
 body .ptm-mobile-table .ptm-score-values{white-space:nowrap}
 body.ptm-reading :is(.post-content,.article-body) .ptm-mobile-table th:first-child{background:#e9f0fa!important}
 body.ptm-reading :is(.post-content,.article-body) .ptm-mobile-table td:first-child{background:#fff!important}
 body.ptm-reading :is(.post-content,.article-body) .ptm-mobile-table tr:nth-child(even) td:first-child{background:#f4f7fc!important}
 body .ptm-mobile-table:focus-visible{outline:3px solid #3674bb;outline-offset:3px}
 body .ptm-mobile-table-hint{display:block;margin:12px 0 8px;font-size:12px;line-height:1.5;color:#bcd0ef}
 /* Retain the same portrait, brand, destination and dismiss action in a shallow mobile bar. */
 body .ptm-guide{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:auto;max-width:440px;margin-left:auto;box-sizing:border-box;padding-right:44px;border-radius:12px;box-shadow:0 3px 16px #0006}
 body .ptm-guide .ptm-guide__link{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;align-items:center;min-height:64px;overflow:hidden;border-radius:11px 0 0 11px}
 body .ptm-guide .ptm-guide__art{width:40px;height:64px;object-fit:cover;object-position:50% 18%}
 body .ptm-guide .ptm-guide__copy{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 8px;align-items:center;min-width:0;padding:6px 4px 6px 0;text-align:left;background:none}
 body .ptm-guide .ptm-guide__name{grid-column:1;grid-row:1;font-size:11px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0;align-self:end}
 body .ptm-guide .ptm-guide__sub{grid-column:1;grid-row:2;font-size:10px;line-height:1.5;white-space:nowrap;margin:0;align-self:start}
 body .ptm-guide .ptm-guide__cta{grid-column:2;grid-row:1 / 3;min-height:44px;padding:9px 10px;font-size:11px;line-height:1.4;white-space:nowrap;border-radius:8px}
 body .ptm-guide .ptm-guide__close{right:0;top:50%;transform:translateY(-50%);width:44px;height:48px;border:0;border-radius:0 10px 10px 0;background:none;box-shadow:none;font-size:24px}
 body.ptm-guide-active .ptm-guide-space,body.ptm-guide-active .ptm-guide:not(.ptm-guide--compact)+.ptm-guide-space{height:calc(90px + env(safe-area-inset-bottom))}
 body.ptm-keyboard-open .ptm-guide{display:none!important}
 body :is(.ptm-mobile-topic select,.ptm-guide__close,.ptm-guide__link):focus-visible{outline:3px solid #8bd8ff;outline-offset:2px}
}
@media screen and (max-width:359px){body .ptm-guide .ptm-guide__link{grid-template-columns:32px minmax(0,1fr);gap:6px}body .ptm-guide .ptm-guide__art{width:32px}body .ptm-guide .ptm-guide__copy{column-gap:6px}body .ptm-guide .ptm-guide__cta{padding-inline:7px}}
@media screen and (max-height:460px){body .site-header .mobile-menu>div{max-height:calc(100vh - 84px);max-height:calc(100dvh - 84px)}}
