/* ZeroTax.ai — shared stylesheet for the flattened static pages.
   These are the EXACT resets, keyframes, and :hover rules used by the design.
   The .scpN:hover rules below are referenced by class="scpN" on elements in the
   flattened HTML (the runtime compiled every style-hover into one of these).
   Do not renumber the scp classes — keep HTML + CSS in sync. */

*{box-sizing:border-box}
body{margin:0;background:#D7DCDA;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:#12855C;text-decoration:none}
a:hover{color:#0d6b49}
input,button,textarea,select{font-family:inherit}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid #12855C;outline-offset:2px}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}

@keyframes zt-blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes zt-dot{0%,70%,100%{opacity:.28}35%{opacity:1}}
@keyframes zt-fade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes zt-pop{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
@keyframes zt-ring{0%{opacity:0;transform:scale(.99)}18%{opacity:1}100%{opacity:0;transform:scale(1.02)}}

/* Compiled hover states (real CSS — no JS needed) */
.scp0:hover{border-color:rgb(14,26,36) !important}
.scp1:hover{background:rgb(13,107,73) !important}                 /* emerald button hover */
.scp2:hover{background:rgb(209,142,34) !important}                /* amber button hover */
.scp3:hover{background:rgb(228,234,232) !important}               /* chip hover */
.scp4:hover{background:rgb(255,255,255) !important;transform:translateY(-3px) !important;box-shadow:rgba(14,26,36,.35) 0 18px 40px -20px !important} /* problem card hover */
.scp5:hover{border-color:rgb(227,154,44) !important}              /* amber outline hover */

/* Page frame for the standalone snapshots (not part of the app) */
.zt-desk{display:flex;justify-content:center;padding:40px}

/* Production: full-bleed, remove the standalone-snapshot desk frame + grey border */
body{background:#F5F7F6}
.zt-desk{padding:0;display:block}
.zt-desk>div{width:100% !important;box-shadow:none !important;border-radius:0 !important}
/* Q&A answer pages keep a readable measure while header/footer stay full-bleed */
.zt-answer-body{max-width:820px;margin:0 auto}