/* incrementalitytest.com. Layout and type are inline in index.html (ported 1:1 from the Claude Design
   prototype); this file holds the base reset, hover states, and the few rules inline styles can't express. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:64px;-webkit-text-size-adjust:100%}
body{margin:0;background:#EFF2F3;color:#111A1E;font:400 16px/1.6 'IBM Plex Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,p{margin:0;text-wrap:pretty}
a{color:#0E7490}
a:hover{color:#0B4A5E}
img{max-width:100%}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
details[open] summary span:last-child{transform:rotate(45deg)}
:focus-visible{outline:1px solid #0E7490;outline-offset:2px}
[hidden]{display:none!important}
button:disabled{opacity:.6;cursor:progress}

/* nav: text links only on wide screens */
@media (max-width:899px){.nav-links-wide{display:none!important}}

/* form: segmented radio buttons (selected state via :has, radios stay focusable) */
.seg{position:relative;display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 10px;border:1px solid rgba(14,21,24,.28);background:#FFFFFF;border-radius:2px;cursor:pointer;font:400 14px/1.2 'IBM Plex Sans',sans-serif;color:#0E1518;text-align:center}
.seg input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.seg:hover{border-color:#0E1518}
.seg:has(input:checked){background:#0E1518;border-color:#0E1518;color:#EFF2F3}
.seg:has(input:focus-visible){outline:1px solid #0E7490;outline-offset:2px}
input[type=text],input[type=email],textarea{outline:none}
input[type=text]:focus,input[type=email]:focus,textarea:focus{border-color:#0E7490!important}

/* hover states generated from the prototype's style-hover attributes */
.hv1:hover{color:#EFF2F3 !important}
.hv2:hover{background:#A5F3FC !important;color:#06100F !important}
.hv3:hover{color:#EFF2F3 !important;border-bottom-color:#EFF2F3 !important}
.hv4:hover{color:#0B4A5E !important}
.hv5:hover{background:#A5F3FC !important}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}