html{color-scheme:light}
html[data-color=dark]{color-scheme:dark}
:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
button:disabled{cursor:default}
.full-article,.contact-panel,.contact-intro,.footer-widgets>*,.post-navigation .nav-links>*{min-width:0}
.article-header h1,.saved-items a,.author-box,.post-navigation a{overflow-wrap:anywhere}
.article-meta{flex-wrap:wrap}
.sidebar-toc nav{max-height:55vh;overscroll-behavior:contain}
.search-overlay{overflow:auto;overscroll-behavior:contain}
.search-overlay .ajax-search-results{position:static;margin-top:10px;width:100%;flex-basis:100%}
.search-overlay .overlay-search-form{flex-wrap:wrap}
.search-overlay .overlay-search-form input{flex-basis:calc(100% - 70px)}
.site-drawer{overscroll-behavior:contain}
.drawer-nav li{position:relative}
.drawer-nav .menu-item-has-children>a{padding-inline-end:44px}
.reader-button:disabled{opacity:.45}
.entry-content pre:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.no-js-navigation{padding:16px;background:var(--soft);border-bottom:1px solid var(--line)}
.no-js-navigation .menu{display:flex;flex-wrap:wrap;gap:12px}
.no-js-navigation .search-form{margin-top:12px}
@media(min-width:601px) and (max-width:782px){.admin-bar .site-header{top:46px}.admin-bar .toc-sticky{top:122px}}
@media(max-width:600px){
.header-inner>.custom-logo-link{max-width:calc(100% - 154px)}
.header-inner .custom-logo{max-width:100%;height:auto}
.saved-items li{flex-wrap:wrap}
.saved-items a{flex:1 1 180px}
.article-meta .reader-toolbar{flex-wrap:wrap}
.entry-content .alignleft,.entry-content .alignright{float:none;margin-inline:0}
input[type=search],.contact-content input,.contact-content textarea,.comments-area .comment-form input:not([type=submit]),.comments-area .comment-form textarea{font-size:16px}
}
@media(pointer:coarse){
.reader-button,.article-meta .reader-toolbar .reader-button,.card-bottom .save-story,.icon-button,.submenu-toggle{min-height:44px}
.topic-bar a,.post-tags a{min-height:44px;display:inline-flex;align-items:center}
}
@media(forced-colors:active){
.reader-button,.icon-button,.page-numbers{border:1px solid ButtonText}
.story-media::after{border-color:CanvasText}
.reading-progress{background:Highlight}
}