/* The Coastal Angler: finder + guide map (PREVIEW). Brass #C9A24B, teal #14A3A8, navy #06182A. Big tap targets, nothing hover-only. */
.fnd{--fb:#C9A24B;--ft:#14A3A8;--fn:#06182A;max-width:1100px;margin:0 auto;color:var(--fn)}
.fnd-q{background:#fff;border:3px solid var(--ft);border-radius:18px;padding:22px 20px;box-shadow:0 6px 24px rgba(6,24,42,.12)}
.fnd-l{display:block;font:900 clamp(1.7rem,4.6vw,2.6rem)/1.1 'Archivo Black','Archivo',system-ui,sans-serif;color:var(--fn)}
.fnd-sub{margin:.4rem 0 1rem;font-size:1.15rem;font-weight:700;color:#24435e}
.fnd-row{display:flex;gap:10px;flex-wrap:wrap}
.fnd-row input{flex:1 1 260px;min-height:60px;font-size:1.25rem;padding:0 18px;border:3px solid #9fb3c4;border-radius:14px;color:var(--fn);background:#f7fafc}
.fnd-row input:focus{outline:none;border-color:var(--ft);box-shadow:0 0 0 4px rgba(20,163,168,.25)}
.fnd-go{flex:0 0 auto;min-height:60px;padding:0 28px;font:900 1.25rem 'Archivo',system-ui,sans-serif;background:var(--ft);color:#fff;border:0;border-radius:14px;cursor:pointer;box-shadow:0 4px 0 #0c6d70}
.fnd-go:active{transform:translateY(2px);box-shadow:0 2px 0 #0c6d70}
@media(max-width:560px){.fnd-go{width:100%}}
.fnd-msg{margin:.7rem 0 0;font-size:1.05rem;font-weight:700;min-height:1.2em}
.fnd-msg button,.fnd-clear{font:800 1rem system-ui;background:#eef6f6;border:2px solid var(--ft);color:#0c6d70;border-radius:10px;padding:6px 12px;cursor:pointer}
.fnd-report{margin:14px 0 0;background:#fbf6e9;border:3px solid var(--fb);border-radius:14px;padding:14px 16px;font-size:1.1rem;line-height:1.5}
.fnd-report a{color:#0c6d70;font-weight:800}
.fnd-mapwrap{margin:16px 0 0;position:relative}
.fnd-map{height:min(62vh,520px);min-height:340px;border-radius:16px;border:3px solid var(--fn);overflow:hidden;z-index:0}
.fnd-hint{margin:.4rem 0 0;font-weight:700;color:#24435e;text-align:center}
.fnd-sortbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0}
.fnd-sb{flex:1 1 200px;min-height:56px;font:900 1.12rem 'Archivo',system-ui,sans-serif;border-radius:14px;border:3px solid var(--fn);background:#fff;color:var(--fn);cursor:pointer}
.fnd-sb.on{background:var(--fn);color:#fff;border-color:var(--fn)}
.fnd-note{margin:.7rem 0 0;padding:10px 14px;background:#eef6f6;border-left:6px solid var(--ft);border-radius:8px;font-size:1.05rem;font-weight:700}
.fnd-h{font:900 1.5rem 'Archivo',system-ui,sans-serif;margin:18px 0 10px;color:var(--fn)}
.fnd-list{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.fnd-card,.fnd-pop{display:grid;grid-template-columns:72px 1fr;gap:10px 14px;align-items:center}
.fnd-card{background:#fff;border:2px solid #cfdbe5;border-radius:16px;padding:14px;box-shadow:0 3px 12px rgba(6,24,42,.08)}
.fnd-face{width:72px;height:72px;border-radius:50%;overflow:hidden;border:3px solid var(--fb);display:block;background:#dfe7ee}
.fnd-face img,.fnd-face svg{width:100%;height:100%;object-fit:cover;display:block}
.fnd-cb{display:flex;flex-direction:column;gap:3px;min-width:0}
.fnd-sample{align-self:flex-start;font:800 .8rem system-ui;background:#fff3cd;color:#6b5110;border:1.5px dashed #b08a2c;border-radius:6px;padding:2px 7px}
.fnd-name{font:900 1.15rem 'Archivo',system-ui,sans-serif;color:var(--fn)}
.fnd-base{font-weight:700;color:#24435e}
.fnd-rv{font-size:1rem}
.fnd-stars{color:var(--fb);letter-spacing:1px}
.fnd-nostar{font-weight:800;color:#5a6b7a}
.fnd-see{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:54px;background:var(--fb);color:var(--fn)!important;font:900 1.15rem 'Archivo',system-ui,sans-serif;text-decoration:none!important;border-radius:12px;box-shadow:0 4px 0 #8a6d2b}
.fnd-see:active{transform:translateY(2px);box-shadow:0 2px 0 #8a6d2b}
.fnd-show{grid-column:1/-1;min-height:46px;font:800 1rem system-ui;background:#fff;border:2px solid var(--ft);color:#0c6d70;border-radius:12px;cursor:pointer}
.fnd-empty{grid-column:1/-1;background:#fff;border:2px dashed #9fb3c4;border-radius:14px;padding:18px;font-size:1.1rem;font-weight:700}
.fnd-empty .fnd-sb{margin-top:10px;max-width:320px}
.fnd-join{margin:18px 0 0;font-size:1.05rem;font-weight:700;text-align:center}
.fnd-join a{color:#0c6d70}
/* map pins: the guide's face in a round pin */
.fnd-pin{background:none;border:0}
.fnd-pinf{display:block;width:48px;height:48px;border-radius:50%;overflow:hidden;border:4px solid var(--ft,#14A3A8);background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.35);font-size:28px;line-height:40px;text-align:center}
.fnd-pinf img,.fnd-pinf svg{width:100%;height:100%;object-fit:cover;display:block}
.fnd-pin.samp .fnd-pinf{border-style:dashed;border-color:#C9A24B}
.fnd-pin i{display:block;width:0;height:0;margin:-2px auto 0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:16px solid #14A3A8}
.fnd-pin.samp i{border-top-color:#C9A24B}
.fnd-here span{display:inline-block;background:#06182A;color:#fff;font:800 .9rem system-ui;padding:6px 10px;border-radius:10px;border:2px solid #C9A24B;white-space:nowrap}
.leaflet-popup-content{margin:14px}
.fnd-pop .fnd-see{min-height:50px}
.leaflet-container a.fnd-see{color:#06182A}
.leaflet-control-attribution{font-size:12px!important}
.bk-g{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;background:#fff;border:2px solid #cfdbe5;border-radius:16px;padding:14px;margin:0 0 12px}
.bk-g .fnd-face{width:96px;height:96px}
#bookapp{max-width:1100px}
.jmap{height:340px;border:3px solid #06182A;border-radius:16px;margin:12px 0 6px;z-index:0}
.fnd-tx{display:block;font-size:15px;color:#4a6378;margin-top:4px}
.fnd-sortnow{margin:6px 0 0;font-size:15px;color:#4a6378;font-weight:600}