/* 홈 '오늘의 시장 한 장' (2026-10-20) */
#brief{margin:14px 0 18px}
#brief .bf-top{display:flex;justify-content:space-between;align-items:baseline;gap:6px 12px;margin-bottom:10px;flex-wrap:wrap}
#brief .bf-top h2{margin:0;font-size:19px;letter-spacing:-.02em}#brief .bf-top h2 span{font-size:11px;color:var(--ink-3,#8a98ad);font-weight:600;letter-spacing:.06em;margin-left:6px}
#brief .bf-top p{margin:0;font-size:12px;color:var(--ink-3,#8a98ad)}
.bf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:1000px){.bf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.bf-grid{grid-template-columns:1fr}}
.bf-card{position:relative;display:flex;flex-direction:column;gap:4px;background:var(--card,#fff);border:1px solid var(--line,#e0e7f1);border-radius:14px;padding:12px 14px 12px 17px;text-decoration:none;color:inherit;min-width:0;transition:border-color .15s,transform .15s}
.bf-card:hover{border-color:var(--blue,#0b5cff);transform:translateY(-1px)}
.bf-card::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--ink-4,#aeb6c2)}
.bf-card.t-good::before{background:#16a34a}.bf-card.t-warn::before{background:#f59e0b}.bf-card.t-bad::before{background:var(--up,#e0303a)}
.bf-h{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2,#475366)}.bf-h b{color:var(--ink,#0f172a)}
.bf-ic{font-size:15px}.bf-tone{margin-left:auto;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--card-2,#f5f7fa);color:var(--ink-3,#7c8797)}
.t-good .bf-tone{background:#dcfce7;color:#15803d}.t-warn .bf-tone{background:#fef3c7;color:#b45309}.t-bad .bf-tone{background:var(--up-soft,#fdecee);color:var(--up,#e0303a)}
.bf-head{margin:2px 0 0;font-size:14.5px;font-weight:700;line-height:1.4;letter-spacing:-.01em;color:var(--ink,#0f172a)}
.bf-sub{margin:0;font-size:12px;color:var(--ink-3,#7c8797);line-height:1.45}
.bf-items{list-style:none;margin:6px 0 0;padding:6px 0 0;border-top:1px dashed var(--line,#e0e7f1);display:flex;flex-direction:column;gap:3px;font-size:12px}
.bf-items li{display:flex;justify-content:space-between;gap:8px;min-width:0}.bf-items li span{color:var(--ink-2,#475366);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bf-items li b{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}
.v-good{color:#15803d}.v-warn{color:#b45309}.v-bad{color:var(--up,#e0303a)}
.bf-more{margin-top:auto;padding-top:6px;font-size:11.5px;color:var(--blue,#0b5cff);font-weight:600}
.bf-empty{grid-column:1/-1;color:var(--ink-3,#8a98ad);font-size:12.5px;padding:18px;text-align:center;background:var(--card,#fff);border:1px dashed var(--line,#e0e7f1);border-radius:14px}
:root[data-theme="dark"] .t-good .bf-tone{background:#14301f;color:#4ade80}:root[data-theme="dark"] .t-warn .bf-tone{background:#3a2d0c;color:#fbbf24}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .t-good .bf-tone{background:#14301f;color:#4ade80}:root:not([data-theme="light"]) .t-warn .bf-tone{background:#3a2d0c;color:#fbbf24}}
.bf-btn{font:inherit;font-size:11.5px;margin-left:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--line,#e0e7f1);background:var(--card,#fff);color:var(--ink-2,#475366);cursor:pointer;text-decoration:none;white-space:nowrap}.bf-btn:hover{border-color:var(--blue,#0b5cff);color:var(--blue,#0b5cff)}

/* 2026-10-22 접기: 기본은 작은 카드 한 줄(제목 + 한 문장), '펼치기'를 누르면 숫자 항목까지 */
#brief:not(.open) .bf-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
#brief:not(.open) .bf-card{padding:8px 10px 8px 13px;border-radius:10px;gap:2px}
#brief:not(.open) .bf-card::before{top:8px;bottom:8px;width:3px}
#brief:not(.open) .bf-h{font-size:11.5px}#brief:not(.open) .bf-ic{display:none}#brief:not(.open) .bf-tone{font-size:10px;padding:0 6px}
#brief:not(.open) .bf-head{font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#brief:not(.open) .bf-sub,#brief:not(.open) .bf-items,#brief:not(.open) .bf-more{display:none}
#brief{margin:10px 0 12px}

/* 2026-10-22: 카드 제목 부각 — 큰 제목 + '무엇을 재는지' 한 줄, 왼쪽 색띠 전체 높이, 상태 배지 크게 */
.bf-card{padding:11px 14px 12px 18px;gap:5px}.bf-card::before{top:0;bottom:0;width:5px;border-radius:14px 0 0 14px}
.bf-h{align-items:flex-start;gap:8px}.bf-t{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.bf-h b,.bf-t b{font-size:15.5px;font-weight:900;letter-spacing:-.02em;color:var(--ink,#0f172a)}.bf-t small{font-size:11px;color:var(--ink-3,#7c8797);font-weight:500;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bf-tone{font-size:11.5px;padding:3px 9px;margin-top:1px;flex:0 0 auto}.bf-ic{display:none}
.bf-head{font-size:14px;font-weight:700;margin-top:3px;padding-top:6px;border-top:1px solid var(--line-soft,#eef2f7)}
.t-warn .bf-t b{color:#b45309}.t-bad .bf-t b{color:var(--up,#e0303a)}.t-good .bf-t b{color:#15803d}