@layer components{.product :is(button,input,select,textarea,a,summary,[tabindex]):focus-visible{outline:3px solid var(--orange);outline-offset:3px}.product summary{cursor:pointer}.product h1{font-family:var(--font-heading), Arial, sans-serif;letter-spacing:-1.1px;overflow-wrap:anywhere;margin:0;font-size:30px;font-weight:500;line-height:1.2}.product h2{font-family:var(--font-heading), Arial, sans-serif;letter-spacing:-.5px;margin:0 0 12px;font-size:18px;font-weight:600;line-height:1.35}.product h3{margin:16px 0 8px;font-size:15px;font-weight:600}.product p{color:var(--muted-foreground)}.product code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}@media (max-width:800px){html:has(.product){scroll-padding-top:65px;scroll-padding-bottom:calc(64px + env(safe-area-inset-bottom))}.product h1{font-size:26px}.product :is(input,select,textarea):not([type=checkbox]):not([type=radio]){font-size:16px}}@media (prefers-reduced-motion:reduce){.product *,.product :before,.product :after{transition:none!important}}}