/* Canonical page shell, loaded after legacy tool styles on every shared header. */
body,body[data-tool]{margin:0!important;padding:0!important}
#r7-preview{padding:32px 32px 110px;min-height:100vh;box-sizing:border-box}
#r7-preview .wrap{width:100%;max-width:1120px;margin:0 auto;box-sizing:border-box}
body[data-tool] #r7-preview .r7-wrapper{width:100%;max-width:none;margin:0;min-width:0}
#r7-preview header{margin:0;padding:22px 26px;box-sizing:border-box;font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
#r7-preview header nav{margin:0;padding:0}
#r7-preview header #themeToggleBtn{min-width:85px;white-space:nowrap}
#r7-preview .tool-intro{margin:28px 0 36px}
#r7-preview .tool-intro .wiki-layout{margin-top:0}
#r7-preview .tool-intro .featured-image{margin-top:0}
#r7-preview .r7-hero{margin-top:32px}
#r7-preview .r7-hero p{margin-left:auto;margin-right:auto;text-align:center}
@media(max-width:600px){#r7-preview{padding:24px 16px 110px}#r7-preview header{padding:20px}}

/* Mobile navigation progressively enhances the same shared menu. */
#r7-preview header .site-menu-toggle{display:none}
@media(max-width:900px){
 #r7-preview header{gap:14px;padding:18px;align-items:center}
 #r7-preview header .logo{display:block;min-width:0;flex:1}
 #r7-preview header .logo img{width:190px;max-width:100%;height:auto}
 #r7-preview.r7-nav-ready header .site-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;font-size:14px;flex:none}
 #r7-preview header nav.site-navigation{width:100%;flex-basis:100%;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding-top:14px;border-top:1px solid var(--border)}
 #r7-preview.r7-nav-ready header nav.site-navigation:not([data-open="true"]){display:none}
 #r7-preview header nav.site-navigation>a,#r7-preview header nav.site-navigation>button{width:100%;min-height:44px;display:flex;align-items:center;padding:10px 12px;border-radius:7px;font-size:15px}
 #r7-preview header nav.site-navigation>a:hover{background:#00a85912}
 #r7-preview header nav.site-navigation .more-menu{width:100%}
 #r7-preview header nav.site-navigation .more-menu summary{padding:12px;min-height:44px}
 #r7-preview header nav.site-navigation .more-menu>div{position:static;width:100%;min-width:0;box-shadow:none}
 #r7-preview header nav.site-navigation .primary{justify-content:center}
 #r7-preview footer{display:flex;flex-direction:column;gap:24px;padding:22px;margin-top:32px}
 #r7-preview footer>div{min-width:0;width:100%}
 #r7-preview footer .logo img{width:190px;max-width:100%;height:auto}
 #r7-preview footer p{max-width:none;overflow-wrap:anywhere;margin:14px 0 0;line-height:1.7}
 #r7-preview footer .footer-links{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 16px;padding-top:18px;border-top:1px solid var(--border)}
 #r7-preview footer .footer-links>a{display:flex;align-items:center;min-height:44px;margin:0;padding:8px 0;line-height:1.4;overflow-wrap:anywhere}
 #r7-preview footer .footer-links>p{grid-column:1/-1;margin-top:12px;padding-top:16px;border-top:1px solid var(--border)}
}
@media(max-width:380px){#r7-preview header{padding:14px;gap:10px}#r7-preview header .logo img{width:165px}#r7-preview.r7-nav-ready header .site-menu-toggle{padding:8px;font-size:13px}#r7-preview footer{padding:18px}}