/* Layout only: theme rules own typography, controls and palette. */
:where(.fpx-tracking){color:inherit;font:inherit;background:transparent}
:where(.fpx-form input,.fpx-form button){font:inherit}
.fpx-tracking{max-width:760px;margin:24px auto;padding:clamp(20px,4vw,40px);border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:16px;box-sizing:border-box}
.fpx-tracking *{box-sizing:border-box}
.fpx-tracking h2{margin:0 0 24px}
.fpx-tracking h3{overflow-wrap:anywhere}
.fpx-form{display:flex;align-items:flex-end;gap:12px}
.fpx-form label{display:block;flex:1;min-width:0}
.fpx-form input{display:block;width:100%;margin:8px 0 0}
:where(.fpx-form input){padding:12px;min-height:48px}
.fpx-form button{margin:0;flex-shrink:0}
:where(.fpx-form button){padding:12px 24px;min-height:48px;cursor:pointer}
.fpx-form button:disabled{opacity:.65;cursor:wait}
:where(.fpx-tracking :focus-visible){outline:2px solid currentColor;outline-offset:3px}
.fpx-result:not(:empty){margin-top:28px;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);padding-top:12px}
.fpx-result p{margin:6px 0;overflow-wrap:anywhere}
.fpx-muted{font-size:.9em}
.fpx-warning{padding:12px;border:1px solid currentColor;border-left-width:3px;border-radius:3px}
.fpx-timeline{list-style:none;margin:24px 0;padding:0 0 0 20px;border-left:2px solid color-mix(in srgb,currentColor 20%,transparent)}
.fpx-timeline li{position:relative;padding:0 0 22px 6px}
.fpx-timeline li:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:currentColor;left:-26px;top:8px}
.fpx-event-title{font-weight:600}
:where(.fpx-tracking a){text-decoration:underline}
@media(max-width:480px){.fpx-form{display:block}.fpx-form button{width:100%;margin-top:12px}.fpx-tracking{margin:12px auto;border-radius:10px}}
