/* Shared control finish; OS pickers stay accessible, their resting controls are styled. */
:root{--ui-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2324251f' stroke-width='1.4'/%3E%3C/svg%3E")}
html{color-scheme:light;-webkit-text-size-adjust:100%;text-size-adjust:100%}
[hidden]{display:none!important}
button,input,textarea,select{font:inherit;color:inherit}
input:not([type=checkbox]):not([type=radio]),textarea,select{-webkit-appearance:none;appearance:none;border-radius:0;box-shadow:none}
textarea{resize:vertical}
select{background-image:var(--ui-chevron);background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:38px}
summary{list-style:none}summary::-webkit-details-marker{display:none}summary::marker{content:''}
.ui-icon{display:inline-block;width:1em;height:1em;min-width:1em;max-width:none;flex:none;vertical-align:-.14em;overflow:visible}
input[type=checkbox]{-webkit-appearance:none;appearance:none;display:inline-grid;place-content:center;width:18px;height:18px;flex:0 0 18px;padding:0;margin:0;border:1px solid #8b9183;border-radius:0;background:transparent;cursor:pointer}
input[type=checkbox]:checked{border-color:#2b43ed;background:#2b43ed}
input[type=checkbox]:checked::after{content:'';width:9px;height:5px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:translateY(-1px) rotate(-45deg)}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #2b43ed;outline-offset:3px}
@media(max-width:760px){input,textarea,select{font-size:16px}textarea{resize:none}}
@media(forced-colors:active){input[type=checkbox]{appearance:auto}input[type=checkbox]::after{display:none}select{appearance:auto;background-image:none}}
/* Consistent keyboard and pointer states across all page templates. */
:where(button,a,summary):focus-visible{outline:2px solid #2b43ed;outline-offset:4px}
button{-webkit-tap-highlight-color:transparent}
button:disabled{cursor:not-allowed}
::selection{background:#dce2ff;color:#24251f}
@media(prefers-reduced-motion:reduce){.toast{transition:none}}

/* The header signature shares the credit badge's one-ray turn. */
:where(.site-header,.case-nav,.app-header) :is(.brand,.case-brand) svg{transform-origin:center;transform-box:view-box;transition:transform .45s cubic-bezier(.2,.8,.2,1),color .2s}
:where(.site-header,.case-nav,.app-header) :is(.brand,.case-brand):is(:hover,:focus-visible) svg{transform:rotate(60deg);color:var(--accent,var(--blue,#2b43ed))}
@media(prefers-reduced-motion:reduce){:where(.site-header,.case-nav,.app-header) :is(.brand,.case-brand) svg{transition:none}:where(.site-header,.case-nav,.app-header) :is(.brand,.case-brand):is(:hover,:focus-visible) svg{transform:none}}