/* DeviceDIY shared sitewide layout repair — 2026-11-04. Loaded last on EVERY page. */
:root{--dd-deep:#172b26;--dd-green:#1d5648;--dd-cream:#fff8ea;--dd-gold:#e49a36}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:100px}
body{margin:0;min-width:320px}
/* Never let an unstyled inner page fall back to inline logo/navigation. */
.topbar,.sitehead{position:relative!important;width:100%!important;z-index:50!important;background:var(--dd-cream)!important;border-bottom:2px solid var(--dd-deep)!important}
.topbar:before,.sitehead:before{display:block!important;box-sizing:border-box!important;padding:4px 16px!important;min-height:30px!important;line-height:22px!important;white-space:normal!important}
.shell{width:min(1190px,calc(100% - 48px))!important;margin-inline:auto!important}
.topbar .nav,.sitehead .headrow{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:24px!important;min-height:86px!important;width:min(1190px,calc(100% - 48px))!important;margin-inline:auto!important;padding:10px 0!important}
.topbar .brand,.sitehead .identity{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;gap:10px!important;font-family:ui-sans-serif,system-ui,sans-serif!important;font-size:clamp(20px,2vw,25px)!important;line-height:1.15!important;letter-spacing:-.045em!important;font-weight:900!important;text-decoration:none!important;color:var(--dd-deep)!important;white-space:nowrap!important}
.topbar .brand img,.sitehead .identity img{display:block!important;width:40px!important;height:40px!important;object-fit:contain!important;flex:0 0 40px!important}
.topbar .brand-diy,.sitehead .identity b{color:#0b7e68!important}
.topbar .nav-right,.sitehead .headnav{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(14px,2.3vw,30px)!important;flex-wrap:nowrap!important;margin-left:auto!important;font-size:14px!important;font-weight:750!important}
.topbar .nav-right>a:not(.nav-cta),.sitehead .headnav>a:not(.navbutton){display:inline-flex!important;align-items:center!important;min-height:44px!important;white-space:nowrap!important;color:var(--dd-deep)!important;text-decoration:none!important;padding:8px 0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.topbar .nav-right>a:not(.nav-cta):hover,.sitehead .headnav>a:not(.navbutton):hover{color:#087e68!important;text-decoration:underline!important;text-underline-offset:5px!important}
.topbar .nav-cta,.sitehead .headnav .navbutton{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex:0 0 auto!important;padding:12px 18px!important;min-height:45px!important;white-space:nowrap!important;border-radius:7px!important;background:var(--dd-gold)!important;border:2px solid var(--dd-deep)!important;box-shadow:3px 4px 0 var(--dd-deep)!important;color:var(--dd-deep)!important;font-size:14px!important;font-weight:850!important;text-decoration:none!important}
.topbar .nav-cta:hover,.sitehead .headnav .navbutton:hover{background:#ffbe61!important;transform:translate(1px,1px)!important;box-shadow:2px 3px 0 var(--dd-deep)!important}
.topbar .mobile-nav-toggle,.sitehead .mobile-menu{display:none!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;min-width:46px!important;min-height:46px!important;background:#fff3dc!important;border:2px solid var(--dd-deep)!important;border-radius:7px!important;box-shadow:2px 3px 0 var(--dd-deep)!important;color:var(--dd-deep)!important;font-weight:800!important;font-size:19px!important;cursor:pointer!important}
.topbar .mobile-nav-panel,.sitehead .mobile-links{display:none!important}
/* Consistent gutters and navigation at bottom of ALL tool pages. */
.growth-layout{width:min(1190px,calc(100% - 48px))!important;max-width:1190px!important;margin-inline:auto!important;padding:40px 0 80px!important}
.growth-layout>.growth-toplink{display:inline-flex!important;margin-bottom:18px!important;font-weight:750!important;text-decoration:none!important}
.growth-navlinks{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:30px!important}
.growth-navlinks a{display:inline-flex!important;align-items:center!important;padding:10px 15px!important;min-height:43px!important;text-decoration:none!important;border:1.5px solid #276252!important;border-radius:5px!important;background:#fdf4e4!important}
.foot,.sitefoot{background:var(--dd-deep)!important;color:#fff3de!important;border-top:3px solid #e9aa64!important}
.foot .foot-inner,.sitefoot .footrow{width:min(1190px,calc(100% - 48px))!important;min-height:90px!important;margin-inline:auto!important;padding:22px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:16px 30px!important}
.foot .footer-links,.sitefoot .footrow>div{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 24px!important}
.foot a,.sitefoot a{color:#fff3de!important;text-decoration:none!important;margin:0!important}
.foot a:hover,.sitefoot a:hover{text-decoration:underline!important;text-underline-offset:4px!important}
.foot span,.sitefoot span{color:#fff3de!important}
@media(max-width:850px){
 .topbar .nav-right,.sitehead .headnav{display:none!important}
 .topbar .mobile-nav-toggle,.sitehead .mobile-menu{display:inline-flex!important;margin-left:auto!important}
 .topbar .mobile-nav-panel.open,.sitehead .mobile-links.open{display:flex!important;position:relative!important;width:min(1190px,calc(100% - 48px))!important;margin:0 auto 14px!important;padding:10px!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;background:#fff7e8!important;border:2px solid var(--dd-deep)!important;border-radius:7px!important}
 .topbar .mobile-nav-panel.open a,.sitehead .mobile-links.open a{display:block!important;min-height:46px!important;padding:12px 15px!important;color:var(--dd-deep)!important;text-decoration:none!important;font-weight:750!important;border:0!important;border-bottom:1px solid #decbb0!important}
 .topbar .mobile-nav-panel.open a:last-child,.sitehead .mobile-links.open a:last-child{border-bottom:0!important}
}
@media(max-width:560px){
 .topbar .nav,.sitehead .headrow{width:calc(100% - 30px)!important;min-height:72px!important;gap:12px!important}
 .topbar .brand,.sitehead .identity{font-size:21px!important;gap:8px!important}
 .topbar .brand img,.sitehead .identity img{width:36px!important;height:36px!important;flex-basis:36px!important}
 .topbar .mobile-nav-panel.open,.sitehead .mobile-links.open{width:calc(100% - 30px)!important}
 .topbar:before,.sitehead:before{font-size:8px!important;letter-spacing:.06em!important;line-height:1.4!important;min-height:auto!important;padding:7px 12px!important}
 .growth-layout{width:calc(100% - 30px)!important;padding:24px 0 55px!important}
 .foot .foot-inner,.sitefoot .footrow{width:calc(100% - 30px)!important;flex-direction:column!important;align-items:flex-start!important}
 .growth-navlinks a{font-size:12px!important}
}
@media print{.topbar,.sitehead,.foot,.sitefoot{display:none!important}}