.fp-border-guide{margin:28px 0;padding:24px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 18%,transparent);border-radius:12px;font:inherit;color:inherit;clear:both}.fp-border-guide h2{font-size:1.4em;line-height:1.25;margin:0 0 12px}.fp-border-guide p{max-width:850px;line-height:1.6}.fp-border-guide-links{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:20px}.fp-border-guide-links a{color:inherit;text-underline-offset:3px;min-height:32px;padding:6px 0}.fp-border-guide-links button{font:inherit;padding:9px 14px;border:1px solid currentColor;border-radius:7px;background:transparent;color:inherit;cursor:pointer;min-height:44px}.fp-border-guide-calc{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0}.fp-border-guide-calc label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:150px}.fp-border-guide-calc input,.fp-border-guide-calc select{font:inherit;padding:10px;border:1px solid currentColor;border-radius:6px;color:inherit;background:transparent;min-height:44px}.fp-border-guide-calc p{flex-basis:100%;margin:0}.fp-border-guide-calc output{font-weight:700;font-variant-numeric:tabular-nums}.fp-border-guide [role=status]{font-size:.9em}.fp-border-guide :focus-visible{outline:3px solid currentColor;outline-offset:3px}@media(max-width:520px){.fp-border-guide{padding:18px}.fp-border-guide-links{gap:10px 16px}.fp-border-guide-calc label{min-width:125px}}