/* Layout safeguards shared across existing templates. */
*,*::before,*::after{box-sizing:border-box}
img,svg,video{max-width:100%;height:auto}
input,textarea,select{max-width:100%;min-width:0}
pre{max-width:100%;overflow-x:auto}
.audit-table,.tw,.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.audit-note{padding:16px;border:1px solid var(--line,#ccd5dd);border-radius:10px;margin:24px 0;color:var(--ink-2,#47586a)}
.audit-section{margin:32px 0}
a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent,#0b6e88);outline-offset:3px}
@media(max-width:600px){
 header.site .row,footer.site .row,nav.nav,.nav .wrap,.nav-inner,.nav-links,.cta-row{flex-wrap:wrap;gap:12px}
 header.site nav,nav.nav nav{flex-wrap:wrap}
 .hero h1,h1{overflow-wrap:anywhere}
 .wrap{min-width:0}
 .step,.item,.card{min-width:0}
 .i-title,.res-site,.audit-note,p,li{overflow-wrap:anywhere}
 .pills{flex-wrap:wrap}
 input[type=url],input[type=text]{font-size:16px}
 button,.btn{min-height:44px}
 table{max-width:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

body > .audit-note{max-width:740px;margin:24px auto;width:calc(100% - 40px)}