/* pretge 화면 전용 스타일 — 2026-10-27 인라인에서 분리 */
.sec-t{display:flex; align-items:baseline; gap:12px; margin:4px 0 6px; flex-wrap:wrap}
.sec-t small{font-size:12.5px; color:var(--ink-3)}
.sec-t .r{margin-left:auto; font-size:12.5px; color:var(--ink-3)}
.note{font-size:12px; color:var(--ink-3); margin:0 0 14px; line-height:1.55}
.ftool{display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:0 0 16px}
.fseg{display:inline-flex; background:var(--card); border:1px solid var(--line); border-radius:10px; padding:3px}
.fs{border:none; background:transparent; padding:6px 12px; border-radius:8px; font-size:12.5px; font-weight:500; color:var(--ink-2); cursor:pointer; white-space:nowrap; font-family:inherit}
.fs.on{background:var(--ink); color:#fff}
.fchip{font-size:12.5px; font-weight:500; color:var(--ink-2); padding:6px 12px; border:1px solid var(--line); border-radius:999px; background:var(--card); cursor:pointer; font-family:inherit}
.fchip.on{color:#fff; background:var(--ink); border-color:var(--ink)}
.fsel,.fin{font-size:12.5px; padding:6px 10px; border:1px solid var(--line); border-radius:10px; background:var(--card); color:var(--ink-2); font-family:inherit}
.fin{min-width:180px}
.grid{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px}
@media (max-width:1000px){ .grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} }
@media (max-width:620px){ .grid{grid-template-columns:minmax(0,1fr)} }
.card{background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--shadow); padding:14px 16px; display:flex; flex-direction:column; gap:8px; min-width:0; transition:border-color .12s}
.card:hover{border-color:var(--ink-3)}
.top{display:flex; align-items:center; gap:10px; min-width:0}
.lg{width:38px; height:38px; border-radius:10px; background:var(--card-2); object-fit:cover; flex:none; display:grid; place-items:center; font-weight:800; color:var(--ink-2); font-size:14px; overflow:hidden}
.lg img{width:100%; height:100%; object-fit:cover; display:block}
.ttl{min-width:0; flex:1}
.ttl b{font-size:15px; font-weight:800; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.ttl small{display:block; font-size:11.5px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.cats{display:flex; gap:4px; flex-wrap:wrap}
.cat{font-size:10.5px; font-weight:700; padding:1px 7px; border-radius:999px; background:var(--card-2); color:var(--ink-2)}
.cat.sub{background:transparent; border:1px solid var(--line); font-weight:500}
.desc{font-size:12.5px; color:var(--ink-2); line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin:0}
.rounds{font-size:12.5px; margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:2px}
.rounds li{display:flex; gap:8px; align-items:baseline}
.rounds li b{font-weight:700; min-width:64px; text-align:right}
.rounds li .st{color:var(--ink-2)}
.rounds li .dt{margin-left:auto; color:var(--ink-3); font-size:11.5px; white-space:nowrap}
.sum{font-size:12px; color:var(--ink-3)}
.sum b{color:var(--ink); font-weight:700}
.bks{display:flex; gap:4px 6px; flex-wrap:wrap; font-size:12px}
.bk{display:inline-flex; align-items:center; gap:4px; padding:1px 7px; border-radius:6px; background:var(--card-2); color:var(--ink-2); white-space:nowrap; max-width:100%}
.bk.t1{background:var(--blue-soft); color:var(--blue-2); font-weight:600} .bk.t2{font-weight:600; color:var(--ink)}
.bk .n{overflow:hidden; text-overflow:ellipsis; max-width:150px}
.bks .more{color:var(--ink-3); align-self:center}
.links{display:flex; gap:6px; flex-wrap:wrap; margin-top:auto; padding-top:6px; border-top:1px dashed var(--line)}
.links a{font-size:11.5px; font-weight:600; color:var(--ink-2); padding:3px 9px; border:1px solid var(--line); border-radius:999px; background:var(--card)}
.links a:hover{color:var(--blue); border-color:var(--blue-line); background:var(--blue-soft)}
.links a.src2{margin-left:auto; border-style:dashed; color:var(--ink-3); font-weight:500}
.empty{grid-column:1/-1; padding:40px; text-align:center; color:var(--ink-3)}
.more-btn{display:block; margin:16px auto 0; border:1px solid var(--line-2); background:var(--card); border-radius:10px; padding:9px 18px; font-size:13px; font-weight:600; color:var(--ink-2); cursor:pointer; font-family:inherit}
.err{color:var(--up); font-weight:600}
.trend{margin:0 0 18px} .trend .sec-t h2{font-size:16px;margin:0}
.tr-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:10px;overflow-x:auto;padding:2px 0 8px;scroll-snap-type:x proximity}
.tr{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 14px;display:flex;flex-direction:column;gap:6px;min-width:0;scroll-snap-align:start}
.tr .top b{font-size:14.5px} .tr .st{display:flex;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--ink-3)} .tr .st b{color:var(--ink);font-weight:700}
.tr .chip{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--card-2);color:var(--ink-2)} .tr .chip.hot{background:var(--up-soft);color:var(--up)} .tr .chip.hint{background:var(--warn-soft,#fef3c7);color:#b45309}
.tr svg{width:100%;height:34px;display:block} .tr .smp{font-size:11.5px;color:var(--ink-2);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.tr .smp a{color:inherit} .tr .lk2{display:flex;gap:6px;margin-top:auto;padding-top:4px;font-size:11.5px} .tr .lk2 a{color:var(--ink-3)} .tr .lk2 a:hover{color:var(--blue)}
.tr-more{margin:6px 0 0;font-size:12px;color:var(--ink-3)} .tr-more a{color:var(--ink-2);font-weight:600}
.cal{margin:0 0 14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 14px}.cal h2{font-size:15px;margin:0 0 2px}.cal .sub{font-size:12px;color:var(--ink-3);margin:0 0 8px}
.cal-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.cal-d{flex:none;min-width:150px;max-width:220px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--card-2)}.cal-d.today{border-color:var(--blue);background:var(--blue-soft)}.cal-d.past{opacity:.6}
.cal-d b.d{display:block;font-size:12px;color:var(--ink-3);margin-bottom:4px}.cal-d a{display:block;font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-d small{display:block;font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;margin:0 0 18px}@media(max-width:900px){.two{grid-template-columns:1fr}}
.pane{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 14px;min-width:0}.pane h2{font-size:15px;margin:0 0 2px}.pane .sub{font-size:12px;color:var(--ink-3);margin:0 0 8px}
.rt{width:100%;border-collapse:collapse;font-size:12px}.rt th{font-weight:600;color:var(--ink-3);text-align:left;padding:4px 5px;border-bottom:1px solid var(--line);white-space:nowrap}.rt td{padding:5px;border-bottom:1px dashed var(--line);white-space:nowrap}.rt td.n{text-align:right;font-variant-numeric:tabular-nums}
.stat{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--ink-3);margin:0 0 8px}.stat b{color:var(--ink);font-size:15px;margin-right:3px}
.fl{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;align-items:end;height:120px;margin:8px 0 4px}.fl .bar{display:flex;flex-direction:column-reverse;height:100%;justify-content:flex-start}.fl .bar i{display:block;width:100%}.fl .bar i:first-child{border-radius:0 0 3px 3px}
.flx{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;font-size:9.5px;color:var(--ink-3);text-align:center}.leg{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--ink-3);margin-top:6px}.leg i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:3px;vertical-align:middle}