/* ECON1 2026-10-16: 시장 날씨 「경제 발표 달력」 + 첫 화면 카드 한 줄 — 색·모서리 = ux10 토큰(--x-*) 그대로(밝게/어둡게 자동) [내 발명]
   ECON2 2026-10-17: 줄 하나(시각·이름·별·결과) · 판 세 줄 + (i) 자세히 접기 [내 발명] */
body.x10 .ec-box{margin-top:12px; padding:16px 14px 10px}
body.x10 .ec-box[hidden]{display:none}
body.x10 .ec-hd{display:flex; align-items:center; gap:6px; min-width:0}
body.x10 .ec-hd .t{flex:none; font-size:var(--fs-6); font-weight:800; color:var(--x-text)}
body.x10 .ec-hd .bs{margin-left:auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:var(--fs-1); color:var(--x-muted)}
body.x10 .ec-hd .x10-q{flex:none}
body.x10 .ec-tabs{display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:12px 0 6px}
body.x10 .ec-tabs button{min-height:40px; border:0; border-radius:10px; background:var(--x-card2); color:var(--x-muted); font:inherit; font-size:var(--fs-2); font-weight:700; cursor:pointer}
body.x10 .ec-tabs button[aria-selected="true"]{background:var(--x-accent); color:var(--x-accent-ink)}
body.x10 .ec-list{display:flex; flex-direction:column}
/* 줄 하나: 시각 · 이름 · 별 · 결과 */
body.x10 .ec-row{display:flex; align-items:center; gap:8px; width:100%; min-width:0; min-height:46px; padding:10px 4px; border:0; border-top:1px solid var(--x-line); background:none; color:var(--x-text);
  font:inherit; text-align:left; cursor:pointer}
body.x10 .ec-row:first-child{border-top:0}
body.x10 .ec-row.ec-today{border:0; border-radius:12px; padding:10px 8px; margin:2px 0 4px; background:var(--x-ok-bg); box-shadow:inset 0 0 0 2px var(--x-accent)}
body.x10 .ec-row.ec-today + .ec-row{border-top:0}
body.x10 .ec-row.ec-past{opacity:.62}
body.x10 .ec-tm{flex:none; width:88px; font-size:var(--fs-1); color:var(--x-muted); white-space:nowrap; font-variant-numeric:tabular-nums}
body.x10 .ec-tm b{font-size:var(--fs-3); color:var(--x-text)}
body.x10 .ec-nm{flex:1; min-width:0; font-size:var(--fs-3); font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
body.x10 .ec-st{flex:none; font-size:12px; letter-spacing:-1px; color:var(--x-accent)}
body.x10 .ec-rs{flex:none; min-width:62px; text-align:right; font-size:var(--fs-1); font-weight:800; color:var(--x-text); white-space:nowrap}
body.x10 .ec-rs.ec-pre, body.x10 .ec-rs.ec-none{font-weight:600; color:var(--x-muted)}
body.x10 .ec-rs.ec-none{min-width:0}
body.x10 .ec-empty, body.x10 .ec-stale{margin:10px 2px 2px; font-size:var(--fs-1); color:var(--x-muted)}
body.x10 .ec-stale{color:var(--x-warn)}
/* 첫 화면 카드 한 줄 */
body.x10 .x10-hb .ec-line{margin-top:6px; font-size:var(--fs-1); font-weight:700; color:var(--x-accent) !important; overflow-wrap:anywhere; line-height:1.35}
body.x10 .x10-hb .ec-line[hidden]{display:none}
/* 판: 큰 한 줄 · 한 줄 · 한 줄 · (i) 자세히 */
body.x10 .ec-sh .x10-sh-t .ec-when{display:block; margin-top:3px; font-size:var(--fs-2); font-weight:400; color:var(--x-muted); letter-spacing:0}
body.x10 .ec-big{margin:2px 0 12px; font-size:var(--fs-6); font-weight:700; color:var(--x-text); line-height:1.35; font-variant-numeric:tabular-nums; overflow-wrap:anywhere}
body.x10 .ec-big .lb{display:block; font-size:var(--fs-1); font-weight:600; color:var(--x-muted)}
body.x10 .ec-big b{font-weight:800}
body.x10 .ec-big small, body.x10 .ec-vl small{font-size:var(--fs-2); font-weight:400; color:var(--x-muted)}
body.x10 .ec-tip p, body.x10 .ec-rx1{margin:0 0 8px; font-size:var(--fs-3); line-height:1.45; color:var(--x-text); word-break:keep-all; overflow-wrap:anywhere}
body.x10 .ec-rx1{padding:10px 12px; border-radius:12px; background:var(--x-card2)}
body.x10 .ec-more{margin-top:10px}
body.x10 .ec-more summary{display:inline-block; padding:6px 2px; font-size:var(--fs-2); font-weight:700; color:var(--x-accent); cursor:pointer; list-style:none}
body.x10 .ec-more summary::-webkit-details-marker{display:none}
body.x10 .ec-more-b p{margin:6px 0 0; font-size:var(--fs-1); color:var(--x-muted); line-height:1.5; word-break:keep-all; overflow-wrap:anywhere}
body.x10 .ec-more-b p b{color:var(--x-text)}
body.x10 .ec-more-b .ec-k{margin-top:10px; font-weight:700}
body.x10 .ec-vl, body.x10 .ec-rl{list-style:none; margin:6px 0 0; padding:0}
body.x10 .ec-vl li{display:flex; justify-content:space-between; gap:8px; padding:5px 0; border-top:1px solid var(--x-line); font-size:var(--fs-1); color:var(--x-muted); font-variant-numeric:tabular-nums}
body.x10 .ec-vl li b{color:var(--x-text)}
body.x10 .ec-rl li{display:grid; grid-template-columns:44px 1fr 1fr; gap:4px; padding:5px 0; border-top:1px solid var(--x-line); font-size:var(--fs-1); color:var(--x-muted); font-variant-numeric:tabular-nums}
body.x10 .ec-sh i{font-style:normal; color:var(--x-text); font-weight:700}
body.x10 .ec-sh .up{color:var(--x-up) !important} body.x10 .ec-sh .dn{color:var(--x-down) !important}
/* ECON3 2026-10-17: 탭 날짜 범위 · 남은/지난 개수 한 줄 · 줄 = 날짜 위·시각 아래 · 지난 것 흐리게 「발표됨 ✓」 · 안 난 것 테두리 「발표 전」 [내 발명] */
body.x10 .ec-tabs button .rg{font-weight:600; font-variant-numeric:tabular-nums}
body.x10 .ec-sum{margin:2px 2px 6px; font-size:var(--fs-1); color:var(--x-muted)}
body.x10 .ec-sum b{color:var(--x-text); font-weight:800}
body.x10 .ec-tm{width:92px; line-height:1.25}
body.x10 .ec-tm b{display:block}
body.x10 .ec-row.ec-past{opacity:.55}
body.x10 .ec-row.ec-up{border:0; border-radius:12px; padding:9px 8px; margin:3px 0; background:var(--x-card2); box-shadow:inset 0 0 0 1px var(--x-accent)}
body.x10 .ec-row.ec-up + .ec-row{border-top:0}
body.x10 .ec-row.ec-up.ec-today{background:var(--x-ok-bg); box-shadow:inset 0 0 0 2px var(--x-accent)}
body.x10 .ec-rs{line-height:1.25}
body.x10 .ec-rs .ec-done{display:block; font-weight:600; color:var(--x-muted)}
body.x10 .ec-rs, body.x10 .ec-rs.ec-none{min-width:76px}
body.x10 .ec-rs .ec-pill{display:inline-block; padding:2px 8px; border:1px solid var(--x-accent); border-radius:999px; color:var(--x-accent); font-weight:800}
@media (max-width:359px){ body.x10 .ec-tm{width:80px} body.x10 .ec-rs{min-width:54px} body.x10 .ec-rl li{grid-template-columns:38px 1fr 1fr} }
@media (max-width:480px){ body.x10 .ec-nm{white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; line-height:1.25} }   /* FIX6(E): 폰 폭에서 발표 이름 잘림(내구재 …·소비자…) → 두 줄로 */