/* 코스픽 장전 브리핑
   위젯(widget.css)과 같은 색 체계를 쓰되, 이쪽은 '회사' 단위 카드입니다. */

.kspm{
  --k-surface:#FFFFFF; --k-recess:#E8EBF1;
  --k-line:#DEE3EB; --k-line-soft:#E9ECF2;
  --k-ink:#121722; --k-ink-2:#4B5364; --k-ink-3:#79818F;
  --k-accent:#1B2440; --k-warn:#B4531F; --k-warn-bg:#FBEFE8;
  --k-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  background:var(--k-recess);
  border:1px solid var(--k-line);
  border-radius:10px;
  padding:18px 18px 14px;
  color:var(--k-ink);
  font-size:14px;
  line-height:1.6;
}

/* 머리 */
.kspm-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.kspm-h2{margin:0;font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--k-ink)}
.kspm-stamp{font-family:var(--k-mono);font-size:11.5px;color:var(--k-ink-3);
  font-variant-numeric:tabular-nums}
.kspm-lede{margin:0 0 16px;font-size:13px;color:var(--k-ink-2);line-height:1.65;max-width:60ch}
.kspm-note{display:block;color:var(--k-ink-3);font-size:12px;margin-top:2px}

/* 구획 */
.kspm-h3{margin:18px 0 3px;font-size:14.5px;font-weight:700;color:var(--k-ink);
  display:flex;align-items:baseline;gap:7px}
.kspm-h3:first-of-type{margin-top:4px}
.kspm-cnt{font-family:var(--k-mono);font-size:11.5px;font-weight:500;color:var(--k-ink-3)}
.kspm-h3sub{margin:0 0 9px;font-size:12px;color:var(--k-ink-3);line-height:1.55;max-width:58ch}

/* 카드 */
.kspm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));
  gap:9px;margin:9px 0 4px}
.kspm-card{background:var(--k-surface);border:1px solid var(--k-line);
  border-radius:8px;padding:12px 13px 11px;display:flex;flex-direction:column;gap:5px}
.kspm-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.kspm-co{font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.kspm-tags{display:flex;gap:4px;flex-wrap:wrap}
.kspm-tag{display:inline-block;font-size:10.5px;padding:2px 7px;border-radius:3px;
  border:1px solid var(--k-line);color:var(--k-ink-3);white-space:nowrap;line-height:1.5}
.kspm-tag.kspm-warn{border-color:#E8C4AE;background:var(--k-warn-bg);color:var(--k-warn)}
.kspm-sub{display:flex;gap:8px;flex-wrap:wrap;font-family:var(--k-mono);
  font-size:11px;color:var(--k-ink-3);font-variant-numeric:tabular-nums}
.kspm-fix{color:var(--k-warn)}
.kspm-rep{margin:2px 0 0;font-size:12.5px;color:var(--k-ink-2);line-height:1.55}
.kspm-more{color:var(--k-ink-3)}
.kspm-link{margin-top:auto;padding-top:6px;font-size:12px;color:var(--k-accent);
  text-decoration:none;font-weight:500;border-top:1px solid var(--k-line-soft)}
.kspm-link:hover{text-decoration:underline}

/* 빈 날 */
.kspm-none{margin:10px 0 4px;padding:22px 16px;text-align:center;
  background:var(--k-surface);border:1px solid var(--k-line);border-radius:8px;
  font-size:13px;color:var(--k-ink-2)}

/* 고지 */
.kspm-disc{margin-top:14px;padding-top:11px;border-top:1px solid var(--k-line);
  font-size:11px;line-height:1.65;color:var(--k-ink-3)}

@media (max-width:520px){
  .kspm{padding:15px 14px 12px;border-radius:8px}
  .kspm-grid{grid-template-columns:1fr}
  .kspm-h2{font-size:17px}
}

/* ── 요약(컴팩트) 모드 — 메인화면용 (v2.10.0)
   회사 이름을 나열하지 않습니다. 무슨 일이 얼마나 있었는지만 말하고
   판단할 것은 페이지로 보냅니다. */
.kspm-mini{
  background:var(--k-recess);border:1px solid var(--k-line);
  border-radius:10px;padding:14px 16px 12px;
}
.kspm-mini__h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:9px}
.kspm-mini__t{font-size:16px;font-weight:700;color:var(--k-ink);letter-spacing:-.015em}
.kspm-mini__d{
  font-family:var(--k-mono);font-size:11px;color:var(--k-ink-3);
  font-variant-numeric:tabular-nums;
}
.kspm-mini__more{
  margin-left:auto;font-size:12.5px;font-weight:500;
  color:var(--k-accent);text-decoration:none;white-space:nowrap;
}
.kspm-mini__more:hover{text-decoration:underline}
.kspm-mini__lede{margin:0;font-size:15px;line-height:1.6;color:var(--k-ink)}
.kspm-mini__lede b{font-weight:700}
.kspm-mini__sub{margin:2px 0 0;font-size:12px;color:var(--k-ink-3);line-height:1.55}

.kspm-mini__row{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}
.kspm-chip{
  display:inline-flex;align-items:baseline;gap:6px;flex:0 0 auto;
  background:var(--k-surface);border:1px solid var(--k-line);
  border-radius:100px;padding:5px 12px;text-decoration:none;color:inherit;
  transition:border-color .12s;
}
.kspm-chip:hover{border-color:var(--k-accent)}
.kspm-chip b{font-size:12.5px;font-weight:500;color:var(--k-ink-2)}
.kspm-chip em{
  font-family:var(--k-mono);font-style:normal;font-size:12px;font-weight:600;
  color:var(--k-ink);font-variant-numeric:tabular-nums;
}
.kspm-mini__f{margin:11px 0 0;font-size:10.5px;line-height:1.6;color:var(--k-ink-3)}

@media (max-width:560px){
  .kspm-mini{padding:12px 13px 10px}
  .kspm-mini__t{font-size:15px}
  .kspm-mini__more{margin-left:0;flex-basis:100%}
  .kspm-mini__lede{font-size:14px}
}