/* [ui5 F 2026-11-13] 1면 매매일지 띠 (플래그 front_journal_band_v1) — 띠 조각 안에서만 링크된다. 데스크톱 한 줄, 폰 두 줄 + 작은 꼬리, 375px 에서 72px 이하. */
.fjb{display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;max-width:100%;margin:0 0 14px;padding:10px 16px;
  border:1px solid var(--line,#E3E6EA);border-left:3px solid var(--accent,#A5551B);border-radius:var(--r-1,6px);background:var(--surface,#fff);
  color:var(--fg,#16181D);text-decoration:none;font-size:14px;line-height:20px;font-variant-numeric:tabular-nums;letter-spacing:-.005em;overflow:hidden}
.fjb:hover{background:var(--surface-2,#ECEEF1);text-decoration:none}
.fjb:focus-visible{outline:2px solid var(--focus,#A5551B);outline-offset:2px}
.fjb-tx{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;column-gap:0}
.fjb-l1,.fjb-l2{white-space:nowrap}
.fjb-k{font-weight:700;color:var(--accent,#A5551B)}
.fjb-s{font-style:normal;color:var(--fg-3,#5F6673)}
.fjb-v{font-weight:700}
.fjb-up{color:var(--up,#C81E35)}
.fjb-dn{color:var(--dn,#1F5FD6)}
.fjb-fl{color:var(--fg,#16181D)}
.fjb-t{margin-left:10px;font-size:12px;line-height:20px;color:var(--fg-3,#5F6673);white-space:nowrap}
.fjb-ar{flex:0 0 auto;font-weight:700;color:var(--accent,#A5551B)}
.fjb-ph{display:none}
@media (max-width:767.98px){
  .fjb{margin:8px 0 10px;padding:7px 12px;gap:8px;font-size:13.5px;line-height:19px}
  .fjb-tx{display:block}
  .fjb-l1,.fjb-l2{display:block;overflow:hidden;text-overflow:ellipsis}
  .fjb-ph{display:inline}
  .fjb-dk{display:none}
  .fjb-t{display:block;margin:0;font-size:11px;line-height:14px}
}
@media (prefers-reduced-motion:no-preference){.fjb{transition:background-color .15s ease}}