#fnEntity{position:fixed;inset:0;z-index:130;display:none}
#fnEntity.on{display:block}
#fnEntity .edim{position:absolute;inset:0;background:rgba(2,8,11,.82)}
#fnEntity .ewin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(620px,calc((100vw - 20px) / var(--fs,1)));
  max-height:calc(min(86vh,780px) / var(--fs,1));display:flex;
  flex-direction:column;background:var(--panel);border:1px solid var(--grid);
  box-shadow:0 24px 60px rgba(2,8,11,.7);overflow:hidden}
#fnEntity .ehead{display:flex;align-items:flex-start;gap:10px;padding:11px 16px 8px;
  border-bottom:1px solid var(--grid);flex:0 0 auto}
#fnEntity .etag{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;
  color:var(--now);border:1px solid var(--now);border-radius:2px;padding:2px 6px;margin-bottom:4px}
#fnEntity .ehead h3{margin:0;font-size:15.5px;font-weight:800;color:var(--ink);line-height:1.35}
#fnEntity .ex{margin-left:auto;flex:0 0 auto;width:44px;height:44px;border:0;border-radius:2px;
  background:none;color:var(--dim);font-size:19px;line-height:1;cursor:pointer}
#fnEntity .ex:hover{color:var(--now)}
#fnEntity .ebody{flex:1 1 auto;overflow-y:auto;padding:12px 16px calc(14px + env(safe-area-inset-bottom));
  background:var(--panel)}
#fnEntity .ef{display:flex;gap:8px;padding:5px 0;border-bottom:1px solid #10242E;font-size:13px}
#fnEntity .ef:last-of-type{border-bottom:0;margin-bottom:10px}
#fnEntity .ef span{flex:0 0 auto;width:92px;color:var(--dim);font-family:var(--mono);font-size:11px}
#fnEntity .eguide{margin:10px 0;padding:11px 12px;background:var(--panel2);border:1px solid #10242E;
  border-radius:3px;font-size:13px;line-height:1.7;color:var(--soft);white-space:pre-line}
/*  원고의 **굵게** — 본문이 흐린 색이라 굵기만으로는 잘 안 보인다.
    onfishing.net 의 `.guide b{color:var(--ink)}` 와 같은 결(2026-09-03). */
#fnEntity .eguide b{color:var(--ink);font-weight:700}
#fnEntity h4{margin:12px 0 6px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;
  color:var(--dim);font-weight:700}
#fnEntity h4::before{content:"■ ";color:var(--now);font-size:8px}
#fnEntity .erep{display:block;padding:7px 0;border-bottom:1px solid #10242E;color:inherit;text-decoration:none}
#fnEntity .erep:last-child{border-bottom:0}
#fnEntity .erep b{display:block;font-size:13px;font-weight:700;color:var(--ink);line-height:1.4}
#fnEntity .erep b:hover{color:var(--now)}
#fnEntity .erep i{display:block;font-style:normal;font-family:var(--mono);font-size:10.5px;
  color:var(--dim);margin-top:2px}
/*  지역 팝업의 **항구 줄**과 쪽 넘김 (2026-09-23 지시: "fishnow.kr … 지역 항구
    목록에도 같이 적용해"). 여태 지역 팝업은 「항구 246곳」이라는 **숫자만** 말하고
    그 246곳이 어디인지는 한 줄도 없었다 — 줄을 두고 스무 곳씩 넘긴다.
    ▣ 줄은 조황 줄(.erep)과 같은 결이다 — 같은 팝업 안에서 두 가지 줄 모양을
      만들지 않는다. 누르면 이미 있는 [data-ent-type=port] 처리기가 항구를 연다. */
#fnEntity .eport{display:flex;gap:8px;align-items:baseline;width:100%;padding:7px 0;
  border-bottom:1px solid #10242E;background:none;border-left:0;border-right:0;border-top:0;
  color:inherit;font:inherit;text-align:left;cursor:pointer}
#fnEntity .eport:last-of-type{border-bottom:0}
#fnEntity .eport b{font-size:13px;font-weight:700;color:var(--ink)}
#fnEntity .eport:hover b{color:var(--now)}
#fnEntity .eport i{font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--dim)}
#fnEntity .eport em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:11.5px;
  color:var(--soft);white-space:nowrap}
/*  쪽 단추 — 손가락으로 누르는 화면이라 38px 로 세우고, 넘치면 **접는다**
    (가로로 밀면 왼쪽 ‹ 가 손에 안 닿는다 — m.onfishing.net 에서 실측했다). */
#fnEntity .epager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:10px 0 2px}
#fnEntity .epager button{min-width:38px;min-height:38px;border:1px solid #10242E;
  background:var(--panel2);color:var(--soft);border-radius:3px;font-family:var(--mono);
  font-size:12.5px;cursor:pointer}
#fnEntity .epager button[aria-current="page"]{background:var(--now);border-color:var(--now);
  color:var(--panel);font-weight:700}
#fnEntity .epager button[disabled]{opacity:.35;cursor:default}
#fnEntity .eempty{padding:14px 0;font-size:13px;color:var(--soft)}
/*  「이 … 조황 조회 →」 — 팝업에서 왼쪽 목록으로 건너가는 길(2026-08-26). */
#fnEntity .ego{display:inline-block;margin-top:12px;padding:8px 14px;border:1px solid var(--now);
  border-radius:2px;color:var(--now);font-family:var(--mono);font-size:12px}
#fnEntity .ego:hover{background:var(--now);color:var(--panel)}