/* 종목 페이지 — 공시 · 실적 · 배당
   tpages.css 를 먼저 읽고 그 위에 얹습니다 (.rdtg 의 변수와 표 스타일을 그대로 씁니다).
   여기서는 종목 페이지에만 있는 것들만 정의합니다. */

/* 머리줄 — 테마 페이지와 달리 큰 숫자가 없습니다.
   시세를 쓰지 않기 때문이고, 코스콤 계약 뒤에도 이 자리에는 넣지 않습니다.
   (현재가를 크게 띄우면 라이선스 표시 범위가 달라집니다) */
.rdtk-head{gap:14px 18px}
.rdtk-code{font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums;
           font-size:20px;font-weight:700;letter-spacing:.5px;color:var(--navy);line-height:1.2}

/* 공시 표 — 보고서 이름이 길어 줄바꿈을 허용합니다.
   .rdtg-tbl 은 nowrap 이 기본이라 여기서만 풉니다. */
.rdtk .rdtg-tbl{min-width:0}
.rdtk-rep{white-space:normal;word-break:keep-all;line-height:1.5}
.rdtk .rdtg-tbl td.n{white-space:nowrap}

/* 실적 표 — 직전 같은 기간을 괄호로 덧붙입니다 */
.rdtk-pre{display:block;margin-top:2px;font-size:12px;color:var(--mut);font-weight:400}

/* 차트 자리 — 관리자에게만 보입니다.
   방문자에게는 아무것도 나가지 않으므로 빈 공간도 생기지 않습니다.
   지금 자리를 잡아 두는 이유는, 나중에 차트를 넣을 때
   위아래 블록의 순서와 여백을 다시 짜지 않기 위해서입니다. */
.rdtk-slot{margin:26px 0;padding:26px 20px;border:1px dashed var(--line);border-radius:10px;
           background:repeating-linear-gradient(45deg,#FAFCFC,#FAFCFC 10px,#F2F5F6 10px,#F2F5F6 20px);
           text-align:center}
.rdtk-slot__t{font-size:14px;font-weight:700;color:var(--navy);margin:0 0 6px!important}
.rdtk-slot__n{font-size:13px;line-height:1.7;color:var(--mut);margin:0 0 10px!important}
.rdtk-slot__a{font-size:11.5px;color:var(--fl);margin:0!important}

@media (max-width:640px){
  .rdtk-code{font-size:18px}
  .rdtk-slot{padding:20px 14px;margin:20px 0}
}

/* 같은 테마의 다른 종목 */
.rdtk-sib{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px!important}
.rdtk-sib__a{display:inline-block;padding:5px 12px;border:1px solid var(--line);border-radius:999px;
             font-size:13.5px;color:var(--ink);text-decoration:none;background:#fff;line-height:1.4}
.rdtk-sib__a:hover{border-color:var(--teal);color:var(--navy)}
.rdtk-sib__a.is-lead{border-color:var(--teal);color:#0E8478;font-weight:600}