/* Shared additions for the live site (on top of each page's own design styles) */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
:target{scroll-margin-top:96px}
[id]{scroll-margin-top:96px}
img{max-width:100%}
input,select,textarea,button{font:inherit;color:#111111}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #FF5A1F;outline-offset:2px}
[hidden]{display:none !important}
.fs-skip{position:absolute;left:-9999px;top:0;background:#111111;color:#FFFFFF;padding:12px 18px;z-index:100}
.fs-skip:focus{left:12px;top:12px;color:#FFFFFF}
.fs-tbc-live{color:#FF5A1F}
#app{overflow-x:clip}

/* Mobile menu */
.fs-mnav{display:none}
.fs-mnav summary svg{width:18px;height:18px;flex:none}
.fs-mnav summary{list-style:none;cursor:pointer}
.fs-mnav summary::-webkit-details-marker{display:none}
.fs-mnav-panel{position:absolute;left:0;right:0;top:100%;background:#F2F1ED;border-bottom:2px solid #111111;display:flex;flex-direction:column;padding:8px 2rem 20px;z-index:30}
.fs-mnav-panel a{text-decoration:none;font-family:Poppins,sans-serif;font-size:24px;font-weight:600;letter-spacing:-0.01em;padding:12px 0;border-bottom:1px solid #CFCDC6;display:flex;justify-content:space-between;align-items:center}
.fs-mnav-panel a:last-child{border-bottom:0}
.fs-mnav[open] .fs-mnav-icon-open{display:none}
.fs-mnav:not([open]) .fs-mnav-icon-close{display:none}
@media (max-width: 900px){
  .fs-mnav{display:block}
  nav[aria-label="Main"]{gap:10px !important}
  nav[aria-label="Main"] > a.fs-link{display:none !important}
}
@media (max-width: 520px){
  header > div{padding-left:1.25rem !important;padding-right:1.25rem !important}
  nav[aria-label="Main"] .fs-login-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  nav[aria-label="Main"] > a.fs-btn{padding:10px 12px !important;font-size:14px}
  header a[aria-label="FlipShip home"]{font-size:26px !important}
}

/* Narrow screens: keep the big bordered blocks comfortable */
@media (max-width: 640px){
  form [style*="padding: 36px"]{padding:24px !important}
  form [style*="padding: 20px 36px"]{padding:16px 20px !important}
  main[style*="padding: 48px"]{padding:32px 1.25rem !important}
  section[style*="padding: 48px"]{padding:32px 1.25rem !important}
}

/* Legal pages */
.fs-legal{font-size:17px;line-height:1.7;color:#222222}
.fs-legal h2{font-family:Poppins,sans-serif;font-weight:600;font-size:26px;letter-spacing:-0.02em;line-height:1.2;margin:48px 0 12px}
.fs-legal h3{font-family:Poppins,sans-serif;font-weight:600;font-size:19px;margin:28px 0 8px}
.fs-legal p{margin:0 0 16px}
.fs-legal ul,.fs-legal ol{margin:0 0 16px;padding-left:22px}
.fs-legal li ul{margin:8px 0 0}
.fs-legal li{margin:0 0 8px}
.fs-legal a{font-weight:600}
.fs-draft{border:2px dashed #FF5A1F;background:#FFF4EE;padding:16px 20px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:0.02em;margin-bottom:32px}

/* Mobile fixes */
#ship a.fs-btn{min-width:0}
@media (max-width: 900px){
  [style*="position: sticky; top: 120px"]{position:static !important}
  aside[style*="position: sticky"],nav[style*="position: sticky"]{position:static !important}
}
@media (max-width: 640px){
  #ship a.fs-btn[href="/free-review/"]{min-height:0 !important}
  .fs-hide-sm{display:none !important}
}
@media (max-width: 520px){
  nav[aria-label="Main"] > a.fs-btn{display:none !important}
}
@media (max-width: 640px){
  [style*="right: -60px; bottom: -60px; width: 340px"]{width:110px !important;height:110px !important;right:-30px !important;bottom:-30px !important}
}

/* Sign-in page */
.fs-feed{-webkit-mask-image:linear-gradient(#000 0%,#000 30%,transparent 62%);mask-image:linear-gradient(#000 0%,#000 30%,transparent 62%)}
@media (max-width: 900px){
  .fs-feed{display:none}
  .fs-login-main{order:-1;padding:32px 1.25rem 48px !important}
  .fs-login-brand{min-height:0 !important;padding:32px 1.25rem !important;gap:24px !important}
}