/* "Run your first lookup" box: a paper slip that sits on the dark page (home, account) or on a white page (/sheets). */
.fl{background:#F2F0EB;color:#121212;border-radius:0;padding:18px 18px 16px;margin:18px 0;text-align:left;box-shadow:none}
.fl *{box-sizing:border-box}
/* paper surface: charcoal selection, ink caret, dark thin scrollbar (the host page may not load site.css) */
.fl::selection,.fl ::selection{background:#121212;color:#F2F0EB}
.fl input{caret-color:#121212}
.fl{scrollbar-color:rgba(18,18,18,.3) transparent}
.fl-title{font:600 1.15rem/1.2 "Familjen Grotesk",system-ui,sans-serif;letter-spacing:-.02em;margin:0 0 12px;color:#121212}
.fl-form{display:flex;gap:8px}
.fl-form input{flex:1;min-width:0;background:#fff;color:#121212;border:1px solid #121212;border-radius:0;padding:11px 12px;font:500 .92rem/1.2 "Fragment Mono",ui-monospace,monospace}
.fl-form input:focus{outline:2px solid #121212;outline-offset:1px}
.fl-go{appearance:none;border:0;cursor:pointer;background:#121212;color:#E8FF5A;border-radius:0;padding:11px 16px;font:600 .92rem/1.2 "Schibsted Grotesk",system-ui,sans-serif;white-space:nowrap}
.fl-go:hover{background:#000}
.fl-go:disabled{opacity:.6;cursor:progress}
.fl-note{margin:8px 0 0;font-size:.8rem;line-height:1.4;color:#4F4C46}
.fl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fl-out:not(:empty){margin-top:14px;padding-top:14px;border-top:1px dashed #D6D2C6}
.fl-wait{margin:0;font-size:.9rem;color:#4F4C46}
.fl-err{margin:0;font-size:.92rem;line-height:1.45;color:#A83A28;font-weight:500}
.fl-err a{color:#121212;font-weight:600}
.fl-empty{margin:0;font-size:.92rem;color:#4F4C46}
.fl-k{display:block;font:500 .72rem/1.25 "Fragment Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#4F4C46}
.fl-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.fl-price{display:block;font:600 2.3rem/1.05 "Familjen Grotesk",system-ui,sans-serif;letter-spacing:-.04em;margin-top:2px}
.fl-q{margin:0;font:400 .78rem/1.4 "Fragment Mono",ui-monospace,monospace;color:#4F4C46;text-align:right;overflow-wrap:anywhere}
.fl-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin:14px 0 0;padding:10px 0;border-top:1px solid #D6D2C6;border-bottom:1px solid #D6D2C6}
.fl-stats dt{font:500 .7rem/1.25 "Fragment Mono",ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase;color:#4F4C46}
.fl-stats dd{margin:3px 0 0;font:500 .9rem/1.3 "Fragment Mono",ui-monospace,monospace}
.fl-conds,.fl-sales{list-style:none;margin:10px 0 0;padding:0}
.fl-conds li{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:.88rem}
.fl-n{font-family:"Fragment Mono",ui-monospace,monospace;font-size:.86rem;white-space:nowrap}
.fl-sub{margin-top:14px}
.fl-sales li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:8px 0;border-top:1px solid #D6D2C6;font-size:.88rem;line-height:1.35}
.fl-sales li:first-child{border-top:0}
.fl-sales a{color:#121212;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-underline-offset:.2em}
.fl-sales a:hover{color:#121212}
.fl-meta{grid-column:1/-1;font-size:.76rem;color:#4F4C46}
.fl-left{margin:12px 0 0;font:400 .8rem/1.4 "Fragment Mono",ui-monospace,monospace;color:#121212}
.fl :focus-visible{outline:2px solid #121212;outline-offset:2px;border-radius:0}
@media (max-width:480px){
  .fl-form{flex-direction:column}
  .fl-go{width:100%}
  .fl-q{text-align:left}
  .fl-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.fl-go{transition:none}}
/* last, because the font shorthand resets font-variant-numeric */
.fl-price,.fl-stats dd,.fl-n,.fl-sales li,.fl-conds li{font-variant-numeric:tabular-nums}