/* Catalog-wide finishing rules; preserve each tool's palette and workspace. */
:root{--rs-focus-ring:#7961ef}
html{scroll-padding-top:24px}
body :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--rs-focus-ring);outline-offset:3px}
body :is(input,select,textarea){max-width:100%}
body :is(button,input,select,textarea){font-family:inherit}
body button{touch-action:manipulation}
body button:disabled{cursor:not-allowed}
body :is(.actions,.toolbar,.button-row){flex-wrap:wrap;gap:10px}
body :is(.guide,.faq,.seo) summary{cursor:pointer;line-height:1.6;padding-block:10px}
body :is(.guide,.faq,.seo) details{border-bottom:1px solid var(--line,#dfe5ef)}
body :is(.guide,.faq,.seo) details[open] summary{font-weight:700}
body :is(.guide,.faq,.seo) p{line-height:1.75}
body :is(.status,[role=status]){overflow-wrap:anywhere}
body :is(.panel,.card,.controls,.results){min-width:0}
body a{text-underline-offset:3px}
@media(max-width:600px){body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){font-size:16px}body :is(.actions,.toolbar,.button-row) :is(button,a){min-height:44px}body :is(.guide,.faq,.seo) summary{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body *,body *::before,body *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}