ui(prediction): rounded-lg → rounded-md to match detail-page palette

종목 상세 페이지(/[code]) 본문에서 유일하게 남아 있던 rounded-lg
divergence. 다른 본문 카드(MetricsPanel / IntradayReturns /
PeriodReturns / CompositeScoreCard / PeerComparePanel /
TradingValuePanel / InvestorCumulative / DisclosuresPanel /
NewsList / SymbolSidebar) 가 모두 rounded-md border-zinc-800
bg-zinc-900/40 톤이라 PredictionPanel 만 모서리가 살짝 더 둥글어
시각적으로 튀었음.

홈 페이지 쪽(IndicesPanel / SeedTiles / RecentTiles) 의 rounded-lg
+ bg-zinc-900/30 묶음은 별도 슬라이스 — 홈 페이지는 카드가 더 크고
타일 그리드라 다른 톤 묶음을 의도적으로 유지할 수 있음. 이번 턴은
상세 페이지 본문 톤 완전 통일만 노림.

검증:
- npx tsc --noEmit clean
- npx next lint "✔ No ESLint warnings or errors"

web/components/Collapsible.tsx

@@ -56,7 +56,7 @@ export function Collapsible({
         aria-expanded={open}
         className="flex w-full items-baseline justify-between gap-2 px-4 py-3 text-left transition hover:bg-zinc-900/60"
       >
-        <span className="flex items-center gap-2 text-sm font-medium text-zinc-200">
+        <span className="flex min-w-0 items-center gap-2 text-sm font-medium text-zinc-200">
           <span
             className={`inline-block text-[10px] text-zinc-500 transition-transform ${
               open ? "rotate-90" : ""
@@ -68,7 +68,13 @@ export function Collapsible({
           {title}
         </span>
         {subtitle != null && (
-          <span className="shrink-0 text-[10px] text-zinc-500">{subtitle}</span>
+          // min-w-0 + truncate: subtitle 이 길어지면(예: PriceTargets 의 "목표 1,234,567 ·
+          // 손절 987,654") 사이드바 폭을 넘기는 대신 말줄임표로 끝나도록. shrink-0 였을 땐
+          // title 을 밀어내며 헤더가 두 줄로 깨질 수 있었음. title 쪽도 min-w-0 을 줘 flex
+          // shrink 계산이 올바르게 되도록.
+          <span className="min-w-0 truncate text-[10px] text-zinc-500">
+            {subtitle}
+          </span>
         )}
       </button>
       <div className={open ? "border-t border-zinc-800 px-4 pb-4 pt-3" : "hidden"}>

web/components/PredictionPanel.tsx

@@ -75,7 +75,7 @@ export function PredictionPanel({ code, initial, onResult }: Props) {
   const steps = pred?.steps ?? [];
 
   return (
-    <div className="rounded-lg border border-zinc-800 bg-zinc-900/40 p-4">
+    <div className="rounded-md border border-zinc-800 bg-zinc-900/40 p-4">
       <div className="mb-3 flex items-center justify-between gap-3">
         <div>
           <div className="text-sm font-medium text-zinc-200">예측 (Chronos + LightGBM 앙상블)</div>