/* Larger touch regions preserve the existing icon, type and visible button dimensions. */
html[data-entry=account] :is(#explore-view,#detail-view,#home-view,#saved-view){display:none!important}
html[data-entry=account] #account-view{display:block!important}
a[href^="mailto:"]{color:inherit;text-decoration:none}
@media(max-width:700px){
 #main .tut .tut-level-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 10px;align-items:center}
 #main .tut .tut-level-head h2{grid-column:2/-1;grid-row:1;overflow-wrap:normal;word-break:normal}
 #main .tut .tut-level-code{grid-column:1;grid-row:1;white-space:nowrap}
 #main .tut .tut-level-head .tut-tag{grid-column:2;grid-row:2;justify-self:start;white-space:nowrap}
 #main .tut .tut-level-count{grid-column:3;grid-row:2;white-space:nowrap;margin-left:0}
 .batch2-tools button,.acc-switch button{position:relative!important}
 .batch2-tools button::after{content:"";position:absolute;inset:-6px;border-radius:50%}
 .batch2-tools{gap:12px!important}
 .acc-switch button::after{content:"";position:absolute;inset:-4px 0}
 .workspace-page #workspace-root :is(.ws-toolrail button,.ws-zoom-controls button,.ws-top-actions button){position:relative}
 .workspace-page #main #workspace-root .ws-toolrail button{width:44px;height:44px;min-width:44px;min-height:44px;padding:8px;border:4px solid transparent;background-clip:padding-box;flex-shrink:0}
 .workspace-page #workspace-root :is(.ws-toolrail button,.ws-zoom-controls button,.ws-top-actions button)::before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
 .blog-reader :is(nav a,.blog-body>p>a){display:inline-flex;align-items:center;min-height:44px;min-width:44px}
}