/* Find Your FFL page. Builds on site.css. */
[hidden]{display:none!important}
.field select{width:100%;font-family:var(--body);font-size:17px;font-weight:400;line-height:1.4;padding:12px 14px;border:1px solid var(--field);border-radius:4px;background:var(--bg);color:var(--text);min-height:50px}
.field select:focus{border-color:var(--yellow)}
.ffl-opt{font-weight:400;color:var(--muted)}

.ffl-search{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 16px;background:var(--surface);border-radius:6px;padding:20px 22px}
.ffl-search .field{flex:1 1 180px;min-width:0}
.ffl-search .btn{flex:0 0 auto;min-height:50px;padding-left:36px;padding-right:36px}
@media (max-width:480px){.ffl-search{padding:16px}.ffl-search .btn{flex:1 1 100%}}

.ffl-status{min-height:1.6em;color:var(--muted);font-weight:600}
.ffl-status.is-error{color:#ff8a7a}
.ffl-status:empty{min-height:0}

.ffl-results{display:flex;flex-direction:column;gap:16px}
.ffl-results .field{max-width:420px}
.ffl-results > .btn{align-self:flex-start}
.ffl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ffl-card{border:1px solid var(--line);border-radius:6px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.ffl-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.ffl-name{font-family:var(--display);font-weight:700;font-size:23px;line-height:1.15;text-transform:uppercase}
.ffl-legal{font-size:14px;color:var(--muted);margin-top:2px}
.ffl-dist{flex:none;font-weight:700;font-size:17px;white-space:nowrap}
.ffl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:15px;font-weight:600}
.ffl-meta a{color:var(--yellow)}
.ffl-type{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:3px 8px}
.ffl-card .btn{align-self:flex-end;margin-top:4px;padding:10px 20px;font-size:16px}
@media (max-width:480px){.ffl-card .btn{align-self:stretch}}

.ffl-pick{background:var(--surface);border-top:6px solid var(--yellow);border-radius:0 0 6px 6px;padding:22px 22px 26px;scroll-margin-top:16px}
@media (max-width:480px){.ffl-pick{padding:18px 16px 22px}}
.ffl-chosen{background:var(--bg);border-left:4px solid var(--yellow);border-radius:4px;padding:14px 16px;font-size:16px}
.ffl-chosen strong{display:block;font-size:18px}
.ffl-row{display:flex;flex-wrap:wrap;gap:16px}
.ffl-row .field{flex:1 1 240px;min-width:0}
.ffl-check{display:flex;gap:12px;align-items:flex-start;font-size:16px;font-weight:500}
.ffl-check input{flex:none;width:22px;height:22px;margin-top:2px;accent-color:var(--yellow)}
.ffl-actions{display:flex;flex-wrap:wrap;gap:12px}