/* ck-mkt 10/30 (live since 10/30): /wallet-status, /listing, /tether - the heatmap's card look and colours
   (white cards, #E5EAF2 lines, #0F172A / #64748B text, red #E11D48 up, blue #2563EB down, buttons on #111827 / off #F1F5F9).
   Phones: everything in one column; the tables keep their columns (fixed widths, 11px at the smallest). */
.mk{position:relative;margin:0 0 28px;color:var(--mk-tx);--mk-card:#FFFFFF;--mk-card2:#F8FAFD;--mk-bd:#E5EAF2;--mk-tx:#0F172A;--mk-mu:#64748B;--mk-up:#E11D48;--mk-dn:#2563EB;--mk-on:#111827;--mk-off:#F1F5F9;--mk-ok:#16A34A;--mk-am:#B45309}
.mk *{box-sizing:border-box}
.mk [hidden]{display:none}   /* the theme's section / tr display rules beat the browser's own [hidden] */
.mk-card{background:var(--mk-card);border:1px solid var(--mk-bd);border-radius:20px;padding:20px 20px 18px;box-shadow:0 2px 10px rgba(15,23,42,.04);margin:0 0 16px}
.mk-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;font-size:13px;color:var(--mk-mu)}
.mk-crumb a{color:var(--mk-mu);text-decoration:none}
.mk-crumb a:hover{color:var(--mk-tx);text-decoration:underline}
.mk-head{margin:0 0 16px}
.mk-h1{position:relative;margin:0;padding-left:16px;font-size:26px;font-weight:900;letter-spacing:-0.7px;line-height:1.25;color:var(--mk-tx)}
.mk-h1::before{content:"";position:absolute;left:0;top:.17em;width:6px;height:.95em;border-radius:3px;background:#203247}   /* owner 10/30: the title lines in the menu bar's navy (#28E0B2 in the dark mode, below) */
.mk-tag{margin-left:2px;font-size:14.5px;font-weight:500;letter-spacing:normal;color:var(--mk-mu)}
.mk-sub{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--mk-mu)}
.mk-upd{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--mk-off);font-size:12.5px;font-weight:700;color:var(--mk-tx);white-space:nowrap}
.mk-up{color:var(--mk-up)}
.mk-dn{color:var(--mk-dn)}
.mk-mu{color:var(--mk-mu);font-weight:400}
.mk-empty{margin:10px 0;padding:18px 10px;text-align:center;font-size:14px;color:var(--mk-mu)}

/* summary cards */
.mk-sum{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 14px}
#ck-ls .mk-sum{grid-template-columns:repeat(4,minmax(0,1fr))}
.mk-sc{display:flex;flex-direction:column;gap:4px;min-width:0;padding:13px 14px 12px;border:1px solid var(--mk-bd);border-radius:16px;background:var(--mk-card2)}
.mk-sl{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--mk-tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-sn{font-size:28px;font-weight:900;letter-spacing:-0.8px;line-height:1.15;color:var(--mk-tx)}
.mk-sn small{margin-left:2px;font-size:14px;font-weight:700;letter-spacing:normal}
.mk-sn0{color:var(--mk-mu)}
.mk-s2{display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:var(--mk-mu)}
.mk-s2 b{font-size:18px;font-weight:900;color:var(--mk-up)}
.mk-s2 span+span b{color:#C2410C}
.mk-sm{font-size:12.5px;line-height:1.45;color:var(--mk-mu)}
.mk-sc-all{background:linear-gradient(160deg,#FFF1F2 0%,#FFFFFF 70%);border-color:#FFD6DA}
.mk-sc-all .mk-sn,.mk-sc-up .mk-sn{background:linear-gradient(180deg,#FF5B6B,#E11D48);-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-sc-up{background:linear-gradient(160deg,#FFF1F2 0%,#FFFFFF 70%);border-color:#FFD6DA}
.mk-sc-dn{background:linear-gradient(160deg,#EFF6FF 0%,#FFFFFF 70%);border-color:#D9ECFF}
.mk-sc-dn .mk-sn{background:linear-gradient(180deg,#6BA8FF,#2563EB);-webkit-background-clip:text;background-clip:text;color:transparent}
.mk-sc-wn{background:linear-gradient(160deg,#FFFBEB 0%,#FFFFFF 70%);border-color:#FDE68A}
.mk-sc-wn .mk-sn{color:#D97706}
.mk-sc-ct{background:linear-gradient(160deg,#F5F3FF 0%,#FFFFFF 70%);border-color:#DDD6FE}
.mk-sc-ct .mk-sn{color:#7C3AED}

/* buttons */
.mk-ctl{display:flex;flex-direction:column;gap:10px;margin:0 0 14px;padding:14px 16px;border:1px solid var(--mk-bd);border-radius:16px;background:var(--mk-card);box-shadow:0 4px 14px rgba(15,23,42,.06)}
.mk-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.mk-lb{min-width:48px;font-size:14.5px;font-weight:700;color:var(--mk-tx)}
.mk-pills{display:flex;flex-wrap:wrap;gap:6px}
.mk-pills button,.mk-seg button{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 11px;border:1px solid var(--mk-off);border-radius:11px;background:var(--mk-off);font:inherit;font-size:14px;font-weight:600;color:var(--mk-tx);cursor:pointer;white-space:nowrap}
.mk-pills button:hover{background:var(--mk-bd);border-color:var(--mk-bd)}
.mk-pills button[aria-pressed="true"],.mk-seg button[aria-pressed="true"]{background:var(--mk-on);border-color:var(--mk-on);color:#fff;font-weight:800}
.mk-seg{display:inline-flex;gap:0;border-radius:11px;overflow:hidden;background:var(--mk-off)}
.mk-seg button{border-radius:0}
.mk-search{margin-left:auto}
.mk-search input{width:200px;height:38px;padding:0 12px;border:1px solid var(--mk-bd);border-radius:11px;background:var(--mk-card);font:inherit;font-size:14px;color:var(--mk-tx)}
.mk-search input:focus{outline:2px solid var(--mk-on);outline-offset:0}
.mk-exl{flex:none;width:20px;height:20px;border-radius:50%;vertical-align:middle}

/* tables */
.mk-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--mk-bd);border-radius:14px}
.mk-tb{width:100%;border-collapse:collapse;font-size:14px}
.mk-tb th,.mk-tb td{padding:10px 8px;border-bottom:1px solid var(--mk-off);text-align:center;vertical-align:middle}
.mk-tb thead th{position:sticky;top:0;z-index:1;background:var(--mk-card2);font-size:13px;font-weight:700;color:var(--mk-mu);white-space:nowrap}
.mk-tb thead th .mk-exl{margin-right:4px}
.mk-tb tbody tr:last-child th,.mk-tb tbody tr:last-child td{border-bottom:0}
.mk-tb tbody tr:hover{background:var(--mk-card2)}
.mk-cc{text-align:left}
.mk-tb th.mk-cc,.mk-tb td.mk-cc{text-align:left}
.mk-tb tbody th.mk-cc{min-width:150px;font-weight:400}
.mk-cf{display:flex;align-items:center;gap:8px;min-width:0}   /* inside the cell: a flex cell would leave the table's row lines */
.mk-ci{flex:none;width:24px;height:24px;border-radius:50%;object-fit:cover}
.mk-ci0{display:inline-flex;align-items:center;justify-content:center;background:var(--mk-off);color:var(--mk-mu);font-size:12px;font-weight:800}
.mk-cw{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.mk-cs{font-size:14.5px;font-weight:800;color:var(--mk-tx)}
.mk-cs a{color:inherit;text-decoration:none}
.mk-cs a:hover{text-decoration:underline}
.mk-cn{font-size:12.5px;color:var(--mk-mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}

/* status cells */
.mk-st .mk-b,.mk-legend .mk-b{display:inline-block;padding:4px 9px;border-radius:8px;font-size:13px;font-weight:800;line-height:1.3;white-space:nowrap}
.mk-dw .mk-b{background:var(--mk-up);color:#fff}
.mk-d .mk-b{background:#FFE4E6;color:#BE123C}
.mk-w .mk-b{background:#FFEDD5;color:#C2410C}
.mk-p .mk-b{background:#FEF3C7;color:#92400E}
.mk-wn .mk-b{background:#FEF3C7;color:#B45309}
.mk-since,.mk-net,.mk-pr{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:var(--mk-mu)}
.mk-net b{font-weight:700;color:var(--mk-tx)}
.mk-pr{font-weight:700}
.mk-pr.mk-up{color:var(--mk-up)}
.mk-pr.mk-dn{color:var(--mk-dn)}
.mk-nt{display:inline-block;margin-top:5px;padding:2px 8px;border:1px solid var(--mk-bd);border-radius:999px;font-size:12px;font-weight:700;color:var(--mk-dn);text-decoration:none}
.mk-nt:hover{background:var(--mk-card2)}
.mk-okb{display:inline-block;padding:3px 8px;border-radius:8px;background:#F0FDF4;font-size:12.5px;font-weight:700;color:var(--mk-ok)}
.mk-na{color:#CBD5E1}
.mk-na span{font-size:15px}
.mk-fls{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin-top:4px}   /* 유의 / 상장폐지 date under a cell */
.mk-fl{display:inline-block;padding:1px 6px;border-radius:6px;font-size:11.5px;font-weight:800;line-height:1.5;white-space:nowrap}
.mk-flw{background:#FEF3C7;color:#B45309}
.mk-fld{background:#DBEAFE;color:#1D4ED8}
.mk-legend .mk-fls{display:inline-flex;align-items:center;gap:4px;margin:0}
.mk-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0 0;font-size:13px;color:var(--mk-mu)}
.mk-legend .mk-b{font-size:12px;padding:3px 8px}

/* two cards side by side */
.mk-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px}
.mk-two .mk-card{margin:0}
.mk-h2{margin:0 0 6px;font-size:19px;font-weight:900;letter-spacing:-0.4px;color:var(--mk-tx)}
.mk-cap{margin:0 0 12px;font-size:13px;line-height:1.55;color:var(--mk-mu)}
.mk-cap2{margin:12px 0 0}
.mk-cap a{color:var(--mk-dn);font-weight:700}
.mk-ul{margin:0;padding:0;list-style:none}
.mk-ul li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid var(--mk-off);font-size:14px;line-height:1.5}
.mk-ul li:first-child{border-top:0}
.mk-when{display:flex;flex-direction:column;flex:none;width:86px}
.mk-when b{font-size:14px;font-weight:800;color:var(--mk-tx)}
.mk-when small{font-size:12px;font-weight:700;color:var(--mk-up)}
.mk-what{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0}
.mk-what a{color:var(--mk-tx);text-decoration:none}
.mk-what a:hover{text-decoration:underline}
.mk-what small{flex-basis:100%;font-size:12px}
.mk-wl{display:block;line-height:1.55}
.mk-wl small{display:block}
.mk-wex{display:inline-flex;align-items:center;gap:4px;margin-right:6px;font-weight:700;color:var(--mk-tx);white-space:nowrap;vertical-align:-3px}
.mk-mo{display:none}
.mk-pc{display:inline}

/* the "i" notes (as on the heatmap) */
.mk-note{display:flex;align-items:flex-start;gap:16px;margin:0 0 22px;padding:18px 22px 16px 18px;border:1px solid var(--mk-bd);border-radius:16px;background:var(--mk-card2)}
.mk-ni{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--mk-dn);color:#fff;font-family:Georgia,serif;font-size:21px;font-weight:700;font-style:italic}
.mk-note ul{margin:0;padding:0 0 0 18px;font-size:14px;line-height:1.75;color:var(--mk-mu);list-style:disc}
.mk-note li{list-style:disc}
.mk-note b{color:var(--mk-tx);font-weight:800}
.mk-note a{color:var(--mk-dn);font-weight:700;text-decoration:underline}

/* guide boxes */
.mk-guide{margin:0 0 22px}
.mk-guide>.mk-h2{margin:0 0 12px;font-size:21px}
.mk-gg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mk-gb{padding:18px 18px 14px;border:1px solid var(--mk-bd);border-radius:16px;background:var(--mk-card);font-size:14.5px;line-height:1.7;color:#334155}
.mk-gb h3{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:16.5px;font-weight:900;color:var(--mk-tx)}
.mk-gb h3 span{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:9px;color:#fff;font-size:14px;font-weight:900}
.mk-gb p{margin:0 0 8px}
.mk-gb ul,.mk-gb ol{margin:0 0 4px;padding:0 0 0 20px}
.mk-gb ul li{list-style:disc}
.mk-gb ol li{list-style:decimal}
.mk-gb li{margin:0 0 4px}
.mk-gb b{color:var(--mk-tx)}
.mk-g1{background:linear-gradient(170deg,#EFF6FF 0%,#FFFFFF 55%)}
.mk-g1 h3 span{background:#2563EB}
.mk-g2{background:linear-gradient(170deg,#F0FDF4 0%,#FFFFFF 55%)}
.mk-g2 h3 span{background:#16A34A}
.mk-g3{background:linear-gradient(170deg,#FFFBEB 0%,#FFFFFF 55%)}
.mk-g3 h3 span{background:#D97706}
.mk-g4{background:linear-gradient(170deg,#F5F3FF 0%,#FFFFFF 55%)}
.mk-g4 h3 span{background:#7C3AED}
.mk-fx{padding:8px 12px;border-radius:10px;background:var(--mk-card2);font-size:16px;text-align:center}

/* FAQ */
.mk-faq{margin:0 0 22px}
.mk-faq>.mk-h2{margin:0 0 12px;font-size:21px}
.mk-qa{margin:0 0 8px;border:1px solid var(--mk-bd);border-radius:14px;background:var(--mk-card)}
.mk-qa summary{display:flex;align-items:center;gap:10px;padding:14px 16px;font-size:15px;font-weight:800;color:var(--mk-tx);cursor:pointer;list-style:none}
.mk-qa summary::-webkit-details-marker{display:none}
.mk-qa summary::after{content:"+";margin-left:auto;font-size:20px;font-weight:700;color:var(--mk-mu)}
.mk-qa[open] summary::after{content:"−"}
.mk-q{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--mk-on);color:#fff;font-size:13px;font-weight:900}
.mk-qa p{margin:0;padding:0 18px 16px 52px;font-size:14.5px;line-height:1.75;color:#334155}

/* related pages */
.mk-rel{display:flex;flex-wrap:wrap;gap:8px}
.mk-rel a{display:inline-flex;align-items:center;height:36px;padding:0 13px;border:1px solid var(--mk-bd);border-radius:999px;background:var(--mk-card);font-size:13.5px;font-weight:700;color:var(--mk-tx);text-decoration:none}
.mk-rel a:hover{background:var(--mk-card2)}

/* /listing (owner's mockup 10/30 "신규상장 상장폐지 페이지도 이렇게 디자인해줘"): the title row and the time card as on
   /wallet-status (tt-head, ws-tag, ws-ctl, the navy buttons), four tinted cards with icons, 다가오는 일정 in a white card, the month
   calendar in its card (the legend beside the month, counts in circles, today navy), each day a box that folds, the 유의 coin
   cards in three columns, the 투자주의 table with its "더 보기" button, 기록 방법 (tt-info), four guide boxes in a row, the FAQ in
   two columns (tt-faq) */
.ls2 .mk-sum{gap:12px;margin:0 0 16px}
.ls2 .mk-sc{gap:6px;padding:14px 16px 13px;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.ls2 .mk-sl{gap:7px;font-size:14px;font-weight:800}
.ls2 .mk-sl svg{width:20px;height:20px;flex:none}
.ls2 .mk-sn{font-size:34px}
.ls2 .mk-sn small{font-size:17px}
.ls2 .mk-sc-wn .mk-sn{background:linear-gradient(180deg,#FBBF24,#D97706);-webkit-background-clip:text;background-clip:text;color:transparent}
.ls2 .mk-sc-ct .mk-sn{background:linear-gradient(180deg,#A78BFA,#7C3AED);-webkit-background-clip:text;background-clip:text;color:transparent}
.ls2 .mk-sm{line-height:1.55}
.ls-ahead{margin:0 0 16px;padding:16px 18px 6px;border:1px solid var(--mk-bd);border-radius:16px;background:var(--mk-card);box-shadow:0 2px 10px rgba(15,23,42,.04)}
.ls-ahh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0 0 4px}
.ls-ah-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:17px;font-weight:900;color:var(--mk-tx)}
.ls-ah-h svg{width:20px;height:20px;flex:none}
.ls-ah-h small{font-size:12.5px;font-weight:500;color:var(--mk-mu)}
.ls-all{display:inline-flex;align-items:center;height:34px;padding:0 12px;border:1px solid #BFD7FF;border-radius:10px;background:var(--mk-card);font-size:13px;font-weight:800;color:var(--mk-dn);text-decoration:none;white-space:nowrap}
.ls-all:hover{background:#EFF6FF}
.ls-ahead ul{margin:0;padding:0;list-style:none}
.ls-ahead li{display:grid;grid-template-columns:96px 104px 112px minmax(0,1fr);align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--mk-off);font-size:13.5px;list-style:none}
.ls-ahead li:first-child{border-top:0}
.ls-ahw b{display:block;font-size:14px;font-weight:800;color:var(--mk-tx)}
.ls-ahw small{font-size:12px;font-weight:800;color:var(--mk-up)}
.ls-ahc{min-width:0;line-height:1.6;color:#334155}
.ls-ahc .mk-mu{font-weight:500}
.ls-ahc a{color:var(--mk-dn);font-weight:800;text-decoration:none}
.ls-ahc a:hover{text-decoration:underline}
.ls-ahead .ls-b{justify-self:start;padding:5px 12px}
.ls-dt{display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px;border-radius:50%;color:#fff;font-size:11px;font-weight:900;font-style:normal;line-height:1}
.ls-dt-list{background:#E11D48}
.ls-dt-list::before{content:"+"}
.ls-dt-delist{background:#2563EB}
.ls-dt-delist::before{content:"\2193"}
.ls-dt-warn{background:#F59E0B}
.ls-dt-warn::before{content:"!"}
.ls-dt-post{background:#94A3B8}
.ls-dt-post::before{content:"i"}
.ls-m{margin:0}
.ls-calw{margin:0 0 16px;padding:16px 18px 18px;border:1px solid var(--mk-bd);border-radius:16px;background:var(--mk-card);box-shadow:0 2px 10px rgba(15,23,42,.04)}
.ls-mh{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;min-height:44px;margin:0 0 14px}
.ls-mt{margin:0;min-width:150px;text-align:center;font-size:24px;font-weight:900;letter-spacing:-0.5px;color:var(--mk-tx)}
.ls-nav{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0 0 3px;border:1px solid var(--mk-bd);border-radius:50%;background:var(--mk-card);box-shadow:0 1px 3px rgba(15,23,42,.06);font:inherit;font-size:24px;line-height:1;color:var(--mk-tx);cursor:pointer}
.ls-nav:hover{background:var(--mk-card2)}
.ls-nav:disabled{opacity:.35;cursor:default}
.ls-lgd{position:absolute;top:50%;right:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;font-weight:600;color:#334155;transform:translateY(-50%)}
.ls-lgd>span{display:inline-flex;align-items:center;gap:5px}
.ls-ld{display:inline-block;width:10px;height:10px;border-radius:50%}
.ls-ld-list{background:#E11D48}
.ls-ld-delist{background:#2563EB}
.ls-ld-warn{background:#F59E0B}
.ls-ld-post{background:#94A3B8}
.ls-cal{border:1px solid var(--mk-bd);border-radius:12px;overflow:hidden}
.ls-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.ls-dows span{padding:10px 0;background:#F5F8FC;font-size:14px;font-weight:800;text-align:center;color:var(--mk-tx)}
.ls-dows .ls-sun{color:var(--mk-up)}
.ls-dows .ls-sat{color:var(--mk-dn)}
.ls-c{display:flex;align-items:flex-start;justify-content:center;gap:5px;min-height:68px;padding:10px 4px 6px;border:0;border-top:1px solid var(--mk-bd);border-left:1px solid var(--mk-bd);background:var(--mk-card);font:inherit;text-align:center;color:var(--mk-tx)}
.ls-row .ls-c:first-child{border-left:0}
.ls-has{cursor:pointer}
.ls-has:hover{background:var(--mk-card2)}
.ls-c[aria-pressed="true"]{background:#FFF7ED;box-shadow:inset 0 0 0 2px var(--mk-on)}
.ls-dn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;font-size:15px;font-weight:800}
.ls-sun .ls-dn{color:var(--mk-up)}
.ls-sat .ls-dn{color:var(--mk-dn)}
.ls-today .ls-dn{border-radius:50%;background:var(--mk-on);color:#fff}
.ls-dots{display:flex;flex-wrap:wrap;gap:3px;margin-top:9px}
.ls-dc{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:999px;font-size:11.5px;font-weight:800;font-style:normal;line-height:1}
.ls-dc-list{background:#FFE4E6;color:#E11D48}
.ls-dc-delist{background:#DBEAFE;color:#2563EB}
.ls-dc-warn{background:#FEF3C7;color:#B45309}
.ls-dc-post{background:#E5E7EB;color:#475569}
.ls-dc[hidden]{display:none}
.ls-list{margin:0 0 18px}
.ls-dg{margin:0 0 12px;border:1px solid var(--mk-bd);border-radius:14px;background:var(--mk-card);overflow:hidden}
.ls-dh{display:flex;align-items:center;gap:10px;padding:11px 16px;background:#F5F8FC;cursor:pointer;list-style:none}
.ls-dh::-webkit-details-marker{display:none}
.ls-dh h3{margin:0;font-size:16px;font-weight:900;color:var(--mk-tx)}
.ls-dcnt{margin-left:auto;font-size:13px;font-weight:700;color:var(--mk-tx)}
.ls-dh::after{content:"";width:8px;height:8px;margin:0 4px 4px 6px;border-right:2px solid var(--mk-tx);border-bottom:2px solid var(--mk-tx);transform:rotate(45deg)}
.ls-dg:not([open]) .ls-dh::after{margin-bottom:-4px;transform:rotate(-135deg)}
.ls-ul{margin:0;padding:0 16px;list-style:none}
.ls-it{display:grid;grid-template-columns:52px 112px 104px minmax(0,1fr) auto 66px;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--mk-off);font-size:14px;list-style:none}
.ls-it:first-child{border-top:0}
.ls-it[hidden],.ls-dg[hidden]{display:none}
.ls-tm{font-size:14px;font-weight:700;color:var(--mk-tx)}
.ls-day{font-size:12px;color:var(--mk-mu)}
.ls-ex{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:var(--mk-tx);white-space:nowrap}
.ls-ex .mk-exl{width:22px;height:22px}
.ls-b{justify-self:center;padding:4px 12px;border-radius:7px;font-size:12.5px;font-weight:800;white-space:nowrap}
.ls-k-list .ls-b{background:#FFE4E6;color:#E11D48}
.ls-k-delist .ls-b{background:#DBEAFE;color:#2563EB}
.ls-k-warn .ls-b{background:#FEF3C7;color:#B45309}
.ls-k-unwarn .ls-b{background:#DCFCE7;color:#16A34A}
.ls-k-post .ls-b{background:#F1F5F9;color:#475569}
.ls-what{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ls-what .mk-ci{width:26px;height:26px}
.ls-what b{font-weight:800;color:var(--mk-tx)}
.ls-what a{color:inherit;text-decoration:none}
.ls-what a:hover{text-decoration:underline}
.ls-wt{white-space:normal;color:var(--mk-tx)}
.ls-src{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:12.5px;color:var(--mk-mu);text-align:right;white-space:nowrap}
.ls-src small{font-size:11.5px}
.ls-src a{display:inline-flex;align-items:center;gap:3px;font-weight:800;color:var(--mk-dn);text-decoration:none}
.ls-src a:hover{text-decoration:underline}
.ls-xi{width:13px;height:13px}
.ls-ago{font-size:12px;color:var(--mk-mu);text-align:right;white-space:nowrap}
.ls-it.ls-plan .ls-tm{color:var(--mk-dn)}
.ls-sec{padding:18px 20px}
.ls-sh{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px}
.ls-sh>div{flex:1;min-width:0}
.ls-sh .mk-cap{margin:0}
.ls-si{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:10px;color:#fff;font-size:21px;font-weight:900}
.ls-si svg{width:22px;height:22px}
.ls-si-wn{background:linear-gradient(180deg,#FBBF24,#F59E0B);box-shadow:0 3px 8px rgba(245,158,11,.3)}
.ls-si-ct{border-radius:50%;background:linear-gradient(180deg,#C084FC,#9333EA);box-shadow:0 3px 8px rgba(147,51,234,.3)}
.ls-h2{margin:2px 0 4px;font-size:21px;font-weight:900;letter-spacing:-0.4px;color:var(--mk-tx)}
.ls-upd{display:inline-flex;align-items:center;gap:6px;flex:none;height:34px;padding:0 12px;border:1px solid var(--mk-bd);border-radius:10px;background:var(--mk-card);font-size:12px;font-weight:700;color:#334155;white-space:nowrap}
.ls-upd svg{width:15px;height:15px}
.ls-mb{display:inline-flex;align-items:center;gap:6px;flex:none;height:38px;padding:0 14px;border:1px solid #BFD7FF;border-radius:10px;background:#F5F9FF;font:inherit;font-size:13.5px;font-weight:800;color:var(--mk-dn);cursor:pointer;white-space:nowrap}
.ls-mb:hover{background:#EAF2FF}
.ls-wg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.ls-wc{display:flex;align-items:center;gap:8px;min-width:0;padding:10px 12px;border:1px solid var(--mk-bd);border-radius:12px;background:var(--mk-card);box-shadow:0 1px 3px rgba(15,23,42,.04);list-style:none}
.ls-wc .mk-ci{width:34px;height:34px}
.ls-wc .mk-cw{flex:1;min-width:0}
.ls-wc .mk-cs{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ls-wc .mk-cn{max-width:100%}
.ls-wx{display:flex;align-items:center;gap:2px;flex:none}
.ls-wx>span{display:inline-flex}
.ls-wx .mk-exl{width:18px;height:18px}
.ls-wb{flex:none;padding:4px 10px;border-radius:8px;background:#FEF3C7;font-size:12px;font-weight:800;color:#B45309;white-space:nowrap}
.ls-inf{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;padding:12px 14px;border:1px solid #D9ECFF;border-radius:12px;background:#F5F9FF;font-size:13px;line-height:1.6;color:#334155}
.ls-inf .mk-ni{width:24px;height:24px;font-family:inherit;font-size:14px;font-style:normal;font-weight:900}
.ls-inf a{color:var(--mk-dn);font-weight:700;text-decoration:underline}
.ls-ct{table-layout:fixed}
.ls-ct th,.ls-ct td{padding:9px 8px}
.ls-ct thead th{color:var(--mk-tx);font-weight:800}
.ls-c0n{width:44px}
.ls-c1{width:200px}
.ls-c2{width:104px}
.ls-c4{width:104px}
.ls-cn{font-weight:700;color:#334155}
.ls-ct .mk-cf{gap:8px}
.ls-ct .mk-ci{width:26px;height:26px}
.ls-ct .mk-cs{font-size:14px}
.ls-ct .mk-cc .mk-mu{min-width:0;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ls-ca{text-align:center}
.ls-ce{font-weight:700;white-space:nowrap}
.ls-ce span{margin-left:5px}
.ls-cb{display:inline-block;min-width:150px;margin:2px 4px;padding:5px 10px;border-radius:7px;font-size:12.5px;font-weight:800;text-align:center;white-space:nowrap}
.ls-cb-caution{background:#FEF3C7;color:#B45309}
.ls-cb-warning{background:#FFEDD5;color:#C2410C}
.ls-cb-danger{background:#FFE4E6;color:#E11D48}
.ls-cu{font-size:13px;color:#334155;white-space:nowrap}
.ls-ct tr[hidden]{display:none}
.ls2 .mk-gg{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ls2 .mk-gb{padding:14px 14px 12px;font-size:13px;line-height:1.7;word-break:keep-all}
.ls2 .mk-gb h3{gap:8px;font-size:14.5px}
.ls2 .mk-gb h3 span{width:26px;height:26px;border-radius:8px;font-size:13px}
.ls2 .mk-gb ol,.ls2 .mk-gb ul{padding-left:18px}
.ls2 .mk-g1{border-color:#DBEAFE}
.ls2 .mk-g2{border-color:#DCFCE7}
.ls2 .mk-g3{border-color:#FEF3C7}
.ls2 .mk-g4{border-color:#EDE9FE}
.ls-gh{display:flex;align-items:center;gap:8px}
.ls-gh svg{width:24px;height:24px;flex:none}

/* /tether (owner's mockup 10/30 "이렇게 디자인해줘"): the title row with its question pill and the time card, the big card beside
   four small ones, section titles with blue icons, the chart's legend as its view switch, tinted stat pills, four guide boxes in
   a row, the FAQ in two columns */
.tt2 .tt-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 10px;font-size:13px;color:var(--mk-mu)}
.tt2 .tt-crumb a{color:var(--mk-mu);text-decoration:none}
.tt2 .tt-crumb a:hover{color:var(--mk-tx);text-decoration:underline}
.tt-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 16px;margin:0 0 16px}
.tt-hl{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.tt-hl .mk-h1{font-size:28px}
.tt-pill{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;background:var(--mk-off);font-size:13px;font-weight:600;color:#334155;white-space:nowrap}
.tt-stamp{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--mk-bd);border-radius:12px;background:var(--mk-card2)}
.tt-stamp svg{width:20px;height:20px;flex:none}
.tt-stamp span{display:flex;flex-direction:column;line-height:1.35}
.tt-stamp b{font-size:12.5px;font-weight:800;color:var(--mk-tx);white-space:nowrap}
.tt-stamp small{font-size:11.5px;color:var(--mk-mu)}
.tt-lead{grid-column:1 / -1;margin:0;font-size:14px;line-height:1.6;color:var(--mk-mu)}
.tt-hero2{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:12px;margin:0 0 16px}
.tt-main{position:relative;display:flex;flex-direction:column;gap:4px;min-height:210px;padding:18px 20px;border:1px solid var(--mk-bd);border-radius:20px;background:linear-gradient(180deg,#FFFFFF 40%,#FFF5F6 100%);box-shadow:0 2px 10px rgba(15,23,42,.04);overflow:hidden}
.tt-main.tt-dn{background:linear-gradient(180deg,#FFFFFF 40%,#F2F7FF 100%)}
.tt-mh{position:relative;z-index:1;display:flex;align-items:center;gap:10px}
.tt-tl{width:46px;height:46px;border-radius:50%;flex:none}
.tt-ml{font-size:17px;font-weight:900;color:var(--mk-tx)}
.tt-ml small{font-size:13px;font-weight:700;color:var(--mk-mu)}
.tt-q{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:2px;border-radius:50%;background:#CBD5E1;color:#fff;font-size:11px;font-weight:900;font-style:normal;vertical-align:1px;cursor:help}
.tt-chip{display:flex;flex-direction:column;align-items:center;margin-left:auto;padding:6px 10px;border-radius:10px;background:var(--mk-off);line-height:1.3}
.tt-chip b{font-size:13px;font-weight:900}
.tt-chip small{font-size:11px;color:var(--mk-mu)}
.tt-chip.mk-up{background:#FFF1F2}
.tt-chip.mk-up b{color:var(--mk-up)}
.tt-chip.mk-dn{background:#EFF6FF}
.tt-chip.mk-dn b{color:var(--mk-dn)}
.tt-main .tt-bn{position:relative;z-index:1;margin-top:8px;font-size:56px;font-weight:900;letter-spacing:-2px;line-height:1.1;color:var(--mk-tx)}
.tt-bn.mk-up{background:linear-gradient(180deg,#FF5B6B,#E11D48);-webkit-background-clip:text;background-clip:text;color:transparent}
.tt-bn.mk-dn{background:linear-gradient(180deg,#6BA8FF,#2563EB);-webkit-background-clip:text;background-clip:text;color:transparent}
.tt-usdk{position:relative;z-index:1;font-size:16px;font-weight:600;color:#334155}
.tt-msp{position:absolute;right:0;bottom:12px;width:45%;height:88px}
.tt-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tt-c{position:relative;display:flex;flex-direction:column;gap:3px;min-width:0;padding:13px 14px;border:1px solid var(--mk-bd);border-radius:16px;background:var(--mk-card);box-shadow:0 2px 8px rgba(15,23,42,.03)}
.tt-cl{font-size:13px;font-weight:700;color:#334155}
.tt-c b{font-size:23px;font-weight:900;letter-spacing:-0.5px;color:var(--mk-tx)}
.tt-c b.mk-up{color:var(--mk-up)}
.tt-c b.mk-dn{color:var(--mk-dn)}
.tt-c em{font-size:12px;font-style:normal;color:var(--mk-mu);white-space:nowrap}
.tt-c em.mk-up{color:var(--mk-up)}
.tt-c em.mk-dn{color:var(--mk-dn)}
.tt-csp{position:absolute;right:12px;bottom:10px;width:70px;height:30px}
.tt-sec .mk-h2{display:flex;align-items:center;gap:8px}
.tt-sec .mk-h2 svg{width:24px;height:24px;flex:none}
.tt-sh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.tt-sh .mk-h2{margin:0}
.tt-unit button{height:34px;font-size:13px}
.tt-tb td{font-size:15px;font-weight:700;white-space:nowrap}
.tt-tb tbody th.mk-cc{min-width:130px}
.tt-tb tbody th b{font-size:15px}
.tt-tb .tt-p b{font-weight:900}
.tt-tb .tt-p.mk-up b{color:var(--mk-up)}
.tt-tb .tt-p.mk-dn b{color:var(--mk-dn)}
.tt-tb .tt-chg{font-weight:600}
.tt-vu{display:none}
.tt-tb.tt-usdv .tt-vu{display:inline}
.tt-tb.tt-usdv .tt-vk{display:none}
.tt-cbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.tt-per{margin:0}
.tt-lg{display:flex;flex-wrap:wrap;gap:6px}
.tt-lg button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:1px solid var(--mk-bd);border-radius:999px;background:var(--mk-card);font:inherit;font-size:12.5px;font-weight:600;color:var(--mk-mu);cursor:pointer}
.tt-lg button[aria-pressed="true"]{border-color:var(--mk-tx);color:var(--mk-tx);font-weight:800}
.tt-li{display:inline-block;width:16px;height:3px;border-radius:2px}
.tt-li-r{background:var(--mk-up)}
.tt-li-b{background:var(--mk-dn)}
.tt-cv{position:relative;height:300px;border:1px solid var(--mk-bd);border-radius:14px;background:var(--mk-card)}
.tt-cv svg{display:block;width:100%;height:100%}
.tt-cl0{position:absolute;left:0;right:0;top:45%;margin:0;text-align:center;font-size:14px;color:var(--mk-mu)}
.tt-tip{position:absolute;z-index:2;padding:6px 10px;border-radius:9px;background:var(--mk-on);color:#fff;font-size:12.5px;line-height:1.45;white-space:nowrap;pointer-events:none}
.tt-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 10px}
.tt-st>div{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:12px 14px;border-radius:12px;background:var(--mk-off);font-size:13px;font-weight:700;color:#334155}
.tt-st>div.mk-up{background:#FFF1F2}
.tt-st>div.mk-dn{background:#EFF6FF}
.tt-st b{font-size:18px;font-weight:900;color:var(--mk-tx)}
.tt-st .mk-up b{color:var(--mk-up)}
.tt-st .mk-dn b{color:var(--mk-dn)}
.tt-eq3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 12px}
.tt-eq3>div{display:flex;flex-direction:column;justify-content:space-between;gap:4px;min-width:0;padding:12px;border:1px solid var(--mk-bd);border-radius:14px;background:var(--mk-card2)}
.tt-eq3 span{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#334155}
.tt-eq3 .mk-ci{width:18px;height:18px}
.tt-eq3 b{font-size:22px;font-weight:900;color:var(--mk-tx)}
.tt-eq3 b.mk-up{color:var(--mk-up)}
.tt-eq3 b.mk-dn{color:var(--mk-dn)}
.tt-pts{margin:0;padding:0 0 0 18px;font-size:13.5px;line-height:1.7;color:#334155}
.tt-pts li{list-style:disc;margin:0 0 4px}
.tt-ov td{font-size:14.5px}
.tt-ov tbody th.mk-cc{min-width:0}
.tt-ov .mk-mu{margin-left:2px;font-size:12.5px}
.tt-ov td.mk-up b{color:var(--mk-up)}
.tt-ov td.mk-dn b{color:var(--mk-dn)}
.tt-kr{background:#FFFBEB}
.tt-info{display:flex;align-items:flex-start;gap:14px;margin:0 0 16px;padding:18px 20px;border:1px solid #D9ECFF;border-radius:16px;background:linear-gradient(160deg,#EFF6FF 0%,#F8FBFF 100%)}
.tt-ih{margin:4px 0 6px;font-size:16px;font-weight:900;color:var(--mk-tx)}
.tt-info ul{margin:0;padding:0 0 0 18px;font-size:13.5px;line-height:1.7;color:#334155}
.tt-info li{list-style:disc}
.tt-info a{color:var(--mk-dn);font-weight:700}
.tt-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px}
.tt-g4 .mk-gb{padding:14px 14px 10px;font-size:13.5px;line-height:1.65}
.tt-g4 .mk-gb h3{gap:7px;font-size:15px}
.tt-g4 .mk-gb h3 span{width:24px;height:24px;border-radius:7px;font-size:13px}
.tt-fx{margin:8px 0 4px;padding:8px 10px;border-radius:10px;background:#FFF3E0;font-size:12.5px;font-weight:700;text-align:center;color:#334155}
.tt-fx b.mk-up{color:var(--mk-up)}
.tt-fx b.mk-dn{color:var(--mk-dn)}
.tt-faq .mk-qas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:8px 12px;align-items:start}
.tt-faq .mk-qa{margin:0}
.tt-faq .mk-qa summary{padding:12px 14px;font-size:14px}
.tt-faq .mk-q{width:20px;height:20px;font-size:12px}
.tt-faq .mk-qa p{padding:0 14px 14px 44px;font-size:13.5px}

/* phones: one column; the tables keep their columns */
@media (max-width:640px){
	.mk-card{padding:16px 12px 14px;border-radius:16px}
	.mk-h1{font-size:22px;padding-left:14px}
	.mk-tag{display:block;margin:2px 0 0 -14px;font-size:13.5px}
	.mk-dot{display:none}
	.mk-sum,#ck-ls .mk-sum{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
	.mk-sc-all{grid-column:1 / -1}
	.mk-sn{font-size:24px}
	.mk-ctl{padding:12px 10px}
	.mk-lb{min-width:0;width:100%;font-size:13.5px}
	.mk-pills button,.mk-seg button{height:36px;padding:0 10px;font-size:13.5px}
	.mk-search{margin-left:0;width:100%}
	.mk-search input{width:100%}
	.mk-tb th,.mk-tb td{padding:8px 4px}
	.mk-tb tbody th.mk-cc{min-width:96px}
	.mk-cf{gap:6px}
	.mk-ci{width:20px;height:20px}
	.mk-cs{font-size:13.5px}
	.mk-cn{max-width:70px;font-size:11px}
	.mk-st .mk-b{padding:3px 4px;font-size:11px;white-space:normal;word-break:keep-all}
	.mk-since,.mk-net,.mk-pr{font-size:11px}
	.mk-pl{display:none}
	.mk-pc{display:none}
	.mk-mo{display:inline}
	.mk-nt{padding:1px 6px;font-size:11px}
	.mk-okb{padding:2px 5px;font-size:11px}
	.ls2 .mk-sn{font-size:26px}
	.ls-ahead{padding:14px 12px 4px}
	.ls-ahead li{grid-template-columns:auto auto minmax(0,1fr);gap:6px 8px}
	.ls-ahc{grid-column:1 / -1}
	.mk-fl{padding:1px 4px;font-size:11px}
	.ls-sec{padding:16px 12px}
	.ls-sh{flex-wrap:wrap}
	.ls-sh>div{flex:1 1 calc(100% - 48px)}   /* the title and its words keep the width; the chip or button goes under */
	.ls-upd,.ls-mb{margin-left:48px}
	.ls-wg{grid-template-columns:1fr;gap:8px}
	.ls-wc{padding:9px 10px}
	.ls-ct{table-layout:auto}
	.ls-c0n,.ls-c1,.ls-c2,.ls-c4{width:auto}
	.ls-ct .ls-cn,.ls-ct .ls-ce span,.ls-ct .ls-cu,.ls-ct .mk-cc .mk-mu{display:none}
	.ls-cb{display:block;min-width:0;margin:3px 0;white-space:normal}
	.mk-two,.mk-gg,.ls2 .mk-gg{grid-template-columns:1fr}
	.mk-note{gap:10px;padding:14px 14px 12px 12px}
	.mk-ni{width:28px;height:28px;font-size:17px}
	.mk-note ul{font-size:13.5px}
	.mk-qa p{padding:0 14px 14px 14px}
	.mk-when{width:70px}
	.ls-mh{flex-wrap:wrap;gap:10px}
	.ls-mt{min-width:120px;font-size:19px}
	.ls-nav{width:36px;height:36px;font-size:20px}
	.ls-lgd{position:static;justify-content:center;width:100%;transform:none}
	.ls-calw{padding:12px 8px}
	.ls-c{flex-direction:column;align-items:center;gap:2px;min-height:52px;padding:4px 2px}
	.ls-dn{min-width:24px;height:24px;font-size:12.5px}
	.ls-dots{justify-content:center;gap:2px;margin-top:0}
	.ls-dc{min-width:0;width:7px;height:7px;padding:0;border-radius:50%;font-size:0}
	.ls-dc-list{background:#E11D48}
	.ls-dc-delist{background:#2563EB}
	.ls-dc-warn{background:#F59E0B}
	.ls-dc-post{background:#64748B}
	.ls-dh{padding:10px 12px}
	.ls-dh h3{font-size:15px}
	.ls-ul{padding:0 12px}
	.ls-it{grid-template-columns:auto auto minmax(0,1fr) auto;gap:6px 8px}
	.ls-tm{grid-column:1}
	.ls-ex{grid-column:2}
	.ls-b{grid-column:3;justify-self:start}
	.ls-ago{grid-column:4;grid-row:1}
	.ls-what{grid-column:1 / -1}
	.ls-src{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:2px 8px;margin-top:-4px;text-align:left;white-space:normal}
	.tt-head{grid-template-columns:1fr}
	.tt-hl .mk-h1{font-size:23px}
	.tt-pill{height:auto;padding:5px 11px;white-space:normal;font-size:12.5px}
	.tt-stamp{justify-self:start}
	.tt-hero2{grid-template-columns:1fr}
	.tt-main{min-height:180px;padding:16px}
	.tt-main .tt-bn{font-size:46px}
	.tt-msp{position:static;width:100%;height:64px;margin-top:8px}
	.tt-cards{gap:8px}
	.tt-c{padding:11px 12px}
	.tt-c b{font-size:19px}
	.tt-c em{font-size:11.5px}
	.tt-csp{position:static;width:100%;height:28px;margin-top:2px}
	.tt-tb .tt-c3,.tt-tb .tt-c5{display:none}
	.tt-tb td{font-size:14px}
	.tt-tb tbody th.mk-cc{min-width:0}
	.tt-cbar{flex-direction:column;align-items:flex-start}
	.tt-cv{height:230px}
	.tt-st{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
	.tt-eq3 b{font-size:18px}
	.tt-eq3 span{font-size:11px}
	.tt-info{padding:14px}
	.tt-g4{grid-template-columns:1fr}
	.tt-faq .mk-qas{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}
}

/* the site's dark mode */
body.dm .mk{color:#e5e7eb;--mk-bd:#353b44;--mk-mu:#9ca3af;--mk-tx:#f3f4f6;--mk-card:#1d2127;--mk-card2:#20242a;--mk-off:#2a2f37;--mk-on:#f3f4f6}
body.dm .mk-pills button[aria-pressed="true"],body.dm .mk-seg button[aria-pressed="true"]{color:#111827}
body.dm .mk-q{color:#111827}
body.dm .mk-h1::before{background:#28E0B2}
body.dm .mk-gb,body.dm .mk-qa p,body.dm .tt-pts{color:#d1d5db}
body.dm .mk-sc-all,body.dm .mk-sc-up,body.dm .mk-sc-dn,body.dm .mk-sc-wn,body.dm .mk-sc-ct,body.dm .tt-main,body.dm .mk-g1,body.dm .mk-g2,body.dm .mk-g3,body.dm .mk-g4{background:var(--mk-card2);border-color:var(--mk-bd)}
body.dm .mk-d .mk-b{background:rgba(225,29,72,.2);color:#fda4af}
body.dm .mk-w .mk-b{background:rgba(234,88,12,.2);color:#fdba74}
body.dm .mk-p .mk-b,body.dm .mk-wn .mk-b{background:rgba(245,158,11,.2);color:#fcd34d}
body.dm .mk-okb{background:rgba(22,163,74,.15);color:#4ade80}
body.dm .mk-na{color:#4b5563}
body.dm .ls-c[aria-pressed="true"]{background:#2a2f37}
body.dm .ls-dc-list,body.dm .ls-k-list .ls-b{background:rgba(225,29,72,.2);color:#fda4af}
body.dm .ls-dc-delist,body.dm .ls-k-delist .ls-b{background:rgba(37,99,235,.25);color:#93c5fd}
body.dm .ls-dc-warn,body.dm .ls-k-warn .ls-b,body.dm .ls-cb-caution{background:rgba(245,158,11,.2);color:#fcd34d}
body.dm .ls-k-unwarn .ls-b{background:rgba(22,163,74,.15);color:#4ade80}
body.dm .ls-cb-warning{background:rgba(234,88,12,.2);color:#fdba74}
body.dm .ls-cb-danger{background:rgba(225,29,72,.2);color:#fda4af}
body.dm .tt-kr{background:#2a2f37}
body.dm .ls-wb{background:rgba(245,158,11,.2);color:#fcd34d}
body.dm .ls-wbn{box-shadow:inset 0 0 0 1px rgba(245,158,11,.45)}
body.dm .ls-ahead{background:var(--mk-card2);border-color:var(--mk-bd)}
body.dm .mk-flw{background:rgba(245,158,11,.2);color:#fcd34d}
body.dm .mk-fld{background:rgba(37,99,235,.25);color:#93c5fd}
@media (max-width:640px){
	body.dm .ls-dc-list{background:#E11D48}
	body.dm .ls-dc-delist{background:#2563EB}
	body.dm .ls-dc-warn{background:#F59E0B}
	body.dm .ls-dc-post{background:#9ca3af}
}
body.dm .tt-main{background:var(--mk-card2)}
body.dm .tt-pill{color:#d1d5db}
body.dm .tt-cl,body.dm .tt-usdk,body.dm .tt-eq3 span,body.dm .tt-info ul,body.dm .tt-st>div,body.dm .tt-pts{color:#d1d5db}
body.dm .tt-chip.mk-up,body.dm .tt-st>div.mk-up{background:rgba(225,29,72,.15)}
body.dm .tt-chip.mk-dn,body.dm .tt-st>div.mk-dn{background:rgba(37,99,235,.18)}
body.dm .tt-info{background:var(--mk-card2);border-color:var(--mk-bd)}
body.dm .tt-fx{background:rgba(245,158,11,.15);color:#e5e7eb}

/* /wallet-status (owner's mockup 10/30 "거래소 입출금 중단 현황 이렇게 디자인해줘"): the title row with its line and the time card,
   five summary cards, white exchange / sort buttons (the chosen one navy) with the search and N per page, the table (one badge per
   exchange: 입금 중단 light pink, 출금 중단 pink with a line, 입출금 중단 solid red, 정상 green, 재개 blue, the time under it), page
   buttons, the legend in small boxes, the two lists with tinted times, the blue notes box, four guide boxes in a row, the FAQ.
   The shared tt-head / tt-stamp / tt-info parts are in the tether block above; the old table rules went with the old page. */
.ws2,.ls2{--mk-on:#0F2A4A}   /* the mockups' navy: the chosen buttons, the current page, today, the FAQ marks */
.ws-head .tt-hl{gap:8px 14px}
.ws-head .tt-stamp{background:var(--mk-card);box-shadow:0 2px 8px rgba(15,23,42,.04)}
.ws-tag{font-size:17px;font-weight:700;letter-spacing:-0.2px;color:#334155}
.ws-sum{display:grid;grid-template-columns:minmax(0,.9fr) repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}
.ws-sc{display:flex;flex-direction:column;gap:9px;min-width:0;padding:14px 13px 13px;border:1px solid var(--mk-bd);border-radius:16px;background:var(--mk-card);box-shadow:0 2px 8px rgba(15,23,42,.04)}
.ws-sc-all{justify-content:center;gap:4px;border-color:#FFD6DA;background:linear-gradient(160deg,#FFF1F2 0%,#FFFFFF 80%)}
.ws-sl{font-size:14px;font-weight:800;color:var(--mk-tx)}
.ws-sn{font-size:38px;font-weight:900;letter-spacing:-1px;line-height:1.1;background:linear-gradient(180deg,#FF5B6B,#E11D48);-webkit-background-clip:text;background-clip:text;color:transparent}
.ws-sn small{margin-left:2px;font-size:20px;font-weight:800;letter-spacing:normal}
.ws-sm{margin:0;font-size:12.5px;line-height:1.5;color:var(--mk-mu)}
.ws-sh{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:900;color:var(--mk-tx)}
.ws-sh .mk-exl{width:24px;height:24px}
.ws-dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin:0;font-size:12.5px;line-height:1.35}
.ws-dl dt{font-weight:500;color:var(--mk-mu);white-space:nowrap}
.ws-dl dd{margin:0;text-align:right;font-weight:800;color:var(--mk-up);white-space:nowrap}
.ws-dl dd.ws-db,.ws-dl dd.ws-tm{color:var(--mk-dn)}
.ws-ctl{display:flex;flex-direction:column;gap:10px;margin:0 0 14px}
.ws-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.ws-lb{min-width:52px;font-size:15px;font-weight:800;color:var(--mk-tx)}
.ws2 .mk-pills,.ls2 .mk-pills{gap:8px}
.ws2 .mk-pills button,.ls2 .mk-pills button{height:40px;padding:0 14px;border-color:var(--mk-bd);border-radius:10px;background:var(--mk-card);box-shadow:0 1px 3px rgba(15,23,42,.05)}
.ws2 .mk-pills button:hover,.ls2 .mk-pills button:hover{background:var(--mk-card2)}
.ws2 .mk-pills button[aria-pressed="true"],.ls2 .mk-pills button[aria-pressed="true"]{border-color:var(--mk-on);background:var(--mk-on);color:#fff}
.ws-search{display:flex;align-items:center;margin-left:auto;height:42px;padding:0 4px 0 14px;border:1px solid var(--mk-bd);border-radius:12px;background:var(--mk-card);box-shadow:0 1px 3px rgba(15,23,42,.05)}
.ws-search:focus-within{border-color:var(--mk-dn)}
.ws-search input{width:170px;height:38px;padding:0;border:0;background:transparent;font:inherit;font-size:14px;color:var(--mk-tx);outline:0}
.ws-search input::placeholder{color:#94A3B8}
.ws-search button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:9px;background:transparent;color:var(--mk-tx);cursor:pointer}
.ws-search button:hover{background:var(--mk-off)}
.ws-search button svg{width:20px;height:20px}
.ws-psl{margin-left:auto}
.ws-ps{height:42px;padding:0 38px 0 14px;border:1px solid var(--mk-bd);border-radius:12px;background:var(--mk-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%2364748B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center/18px 18px;box-shadow:0 1px 3px rgba(15,23,42,.05);font:inherit;font-size:14px;font-weight:700;color:var(--mk-tx);-webkit-appearance:none;appearance:none;cursor:pointer}
.ws-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--mk-bd);border-radius:16px;background:var(--mk-card);box-shadow:0 2px 10px rgba(15,23,42,.04)}
.ws-tb{width:100%;border-collapse:collapse;font-size:14px}
.ws-tb th,.ws-tb td{padding:10px 8px;border-bottom:1px solid var(--mk-off);text-align:center;vertical-align:middle}
.ws-tb thead th{padding:12px 8px;background:var(--mk-card2);font-size:14px;font-weight:800;color:var(--mk-tx);white-space:nowrap}
.ws-tb .ws-eh,.ws-tb .ws-c,.ws-tb .ws-fv{border-left:1px solid var(--mk-off)}
.ws-tb tbody tr:last-child th,.ws-tb tbody tr:last-child td{border-bottom:0}
.ws-tb tbody tr:hover{background:#FAFBFD}
.ws-no{width:44px;font-weight:700;color:#334155}
.ws-tb .ws-cc{text-align:left}
.ws-tb tbody th.ws-cc{min-width:150px;font-weight:400}
.ws-tb tbody .mk-ci{width:30px;height:30px}
.ws-tb tbody .mk-cs{font-size:15px}
.ws-eh span{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:900}
.ws-eh .mk-exl{width:22px;height:22px}
.ws-eh small{display:block;margin-top:4px;font-size:12.5px;font-weight:600;color:var(--mk-mu)}
.ws-c{width:19%;min-width:140px}
.ws-b{display:inline-block;padding:3px 9px;border-radius:6px;font-size:12.5px;font-weight:800;line-height:1.4;white-space:nowrap}
.ws-b-d{background:#FFE4E6;color:#E11D48}
.ws-b-w{background:#FFF1F2;color:#E11D48;box-shadow:inset 0 0 0 1px #FB7185}
.ws-b-dw{padding:4px 12px;background:#E11D48;color:#fff;box-shadow:0 2px 6px rgba(225,29,72,.25)}
.ws-b-p{background:#FEF3C7;color:#B45309}
.ws-b-ok{background:#DCFCE7;color:#16A34A}
.ws-b-re{background:#DBEAFE;color:#2563EB}
.ws-t{display:block;margin-top:4px;font-size:12px;font-weight:600;line-height:1.35;color:#64748B}
.ws-b-dw+.ws-t{color:#334155}
.ws-b-re+.ws-t{color:var(--mk-dn)}
.ws-net,.ws-pr{display:block;margin-top:3px;font-size:11.5px;line-height:1.4;color:var(--mk-mu)}
.ws-net b{font-weight:700;color:var(--mk-tx)}
.ws-pr{font-weight:700}
.ws-pr.mk-up{color:var(--mk-up)}
.ws-pr.mk-dn{color:var(--mk-dn)}
.ws-nt{display:inline-block;margin-top:4px;padding:1px 8px;border:1px solid var(--mk-bd);border-radius:999px;font-size:11.5px;font-weight:700;color:var(--mk-dn);text-decoration:none}
.ws-nt:hover{background:var(--mk-card2)}
.ws-dash{font-size:15px;color:#94A3B8}
.ws-fv{width:48px}
.ws-star{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}
.ws-star svg{width:21px;height:21px;fill:none;stroke:#64748B;stroke-width:1.7}
.ws-star:hover svg{stroke:#F59E0B}
.ws-star[aria-pressed="true"] svg{fill:#F59E0B;stroke:#F59E0B}
.ws-pg{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:16px 0 12px}
.ws-pg:empty{display:none}
.ws-pg button,.ws-pg span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--mk-bd);border-radius:10px;background:var(--mk-card);box-shadow:0 1px 3px rgba(15,23,42,.05);font:inherit;font-size:15px;font-weight:800;color:var(--mk-dn)}
.ws-pg button{cursor:pointer}
.ws-pg button:hover{background:var(--mk-card2)}
.ws-pg button:first-child,.ws-pg button:last-child{color:var(--mk-tx)}
.ws-pg button[aria-current="page"]{border-color:var(--mk-on);background:var(--mk-on);color:#fff}
.ws-pg button:disabled{background:var(--mk-card);color:#CBD5E1;cursor:default}
.ws-pg span{color:var(--mk-mu)}
.ws-lg{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 20px;font-size:13px;font-weight:600;color:#334155}
.ws-lg>span{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 10px;border:1px solid var(--mk-bd);border-radius:8px;background:var(--mk-card)}
.ws-sw{display:inline-block;flex:none;width:22px;height:13px;padding:0;border-radius:4px}
.ws-sw.ws-b-dw{box-shadow:none}
.ws-sw-na{background:#E5E7EB}
.ws-lgn{margin-left:auto;font-size:12px;font-style:normal;font-weight:500;color:var(--mk-mu)}
.ws-lc{display:flex;flex-direction:column;padding:18px 18px 12px}
.ws-h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:18px;font-weight:900;letter-spacing:-0.3px;color:var(--mk-tx)}
.ws-h2 svg{width:22px;height:22px;flex:none}
.ws-ul{margin:0;padding:0 12px;border:1px solid var(--mk-off);border-radius:12px;list-style:none}
.ws-ul li{display:grid;grid-template-columns:88px 28px minmax(0,1fr);align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--mk-off);list-style:none}
.ws-ul li:first-child{border-top:0}
.ws-lt{display:flex;align-items:center;justify-content:center;align-self:stretch;padding:8px 4px;border-radius:8px;background:#FFF1F2;font-size:13px;font-weight:800;color:var(--mk-up);white-space:nowrap}
.ws-lc-back .ws-lt{background:#F0FDF4;color:var(--mk-ok)}
.ws-li{display:inline-flex}
.ws-li .mk-ci,.ws-li .mk-exl{width:28px;height:28px}
.ws-lw{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.4}
.ws-l1{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}   /* the name, its badge at the right */
.ws-l1 a,.ws-l1>b{min-width:0;color:inherit;text-decoration:none}
.ws-l1 a:hover b{text-decoration:underline}
.ws-l1 .ws-b{flex:none}
.ws-lw b{display:block;font-size:14.5px;font-weight:800;color:var(--mk-tx);word-break:keep-all}
.ws-lw b span{margin-left:2px;font-weight:600;color:#475569}
.ws-lw small{font-size:12.5px;color:var(--mk-mu);word-break:keep-all}
.ws-lc .mk-empty{margin:0;border:1px solid var(--mk-off);border-radius:12px}
.ws-more{display:block;margin:auto 0 0;padding:12px 0 4px;text-align:center;font-size:14px;font-weight:800;color:var(--mk-dn);text-decoration:none}
.ws-more:hover{text-decoration:underline}
.ws-info{margin:0 0 22px;padding:18px 22px}
.ws-info .mk-ni{width:44px;height:44px;font-family:inherit;font-size:24px;font-style:normal;font-weight:900}
.ws-info .tt-ih{margin:6px 0;font-size:17px;color:#1D4ED8}
.ws-g4{margin:0 0 24px}
.ws-gh{margin:0 0 12px;font-size:20px}
.ws-gg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ws-gb{padding:14px 14px 12px;border:1px solid var(--mk-bd);border-radius:16px;font-size:13px;line-height:1.7;color:#475569;word-break:keep-all}
.ws-gb h3{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:14.5px;font-weight:900;color:var(--mk-tx)}
.ws-gb h3 span{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:8px;box-shadow:0 3px 8px rgba(15,23,42,.12)}
.ws-gb h3 svg{width:18px;height:18px}
.ws-gb p{margin:0}
.ws-gb1{border-color:#DBEAFE;background:linear-gradient(170deg,#EFF6FF 0%,#FFFFFF 65%)}
.ws-gb1 h3{color:#1E3A8A}
.ws-gb1 h3 span{background:linear-gradient(180deg,#60A5FA,#2563EB)}
.ws-gb2{border-color:#DCFCE7;background:linear-gradient(170deg,#F0FDF4 0%,#FFFFFF 65%)}
.ws-gb2 h3 span{background:linear-gradient(180deg,#4ADE80,#16A34A)}
.ws-gb3{border-color:#FEF3C7;background:linear-gradient(170deg,#FFFBEB 0%,#FFFFFF 65%)}
.ws-gb3 h3 span{background:linear-gradient(180deg,#FBBF24,#F59E0B)}
.ws-gb4{border-color:#EDE9FE;background:linear-gradient(170deg,#F5F3FF 0%,#FFFFFF 65%)}
.ws-gb4 h3{color:#5B21B6}
.ws-gb4 h3 span{background:linear-gradient(180deg,#C084FC,#9333EA)}
.ws-faq .mk-h2{margin:0 0 10px;font-size:20px}
.ws-faq .mk-qa{margin:0 0 8px;border-radius:12px}
.ws-faq .mk-qa summary{padding:11px 16px;font-size:14.5px;font-weight:700}
.ws-faq .mk-qa summary::after{color:var(--mk-tx)}
.ws-faq .mk-q{width:22px;height:22px;font-size:13px}
.ws-faq .mk-qa p{padding:0 16px 14px 48px;font-size:14px}
@media (max-width:640px){
	.ws-tag{font-size:14px}
	.ws-sum{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
	.ws-sc-all{grid-column:1 / -1}
	.ws-sn{font-size:30px}
	.ws-sc{gap:6px;padding:12px 12px 11px}
	.ws-sh{font-size:14.5px}
	.ws-sh .mk-exl{width:20px;height:20px}
	.ws-dl{gap:4px 6px;font-size:12.5px}
	.ws-lb{min-width:0;width:100%;font-size:14px}
	.ws2 .mk-pills,.ls2 .mk-pills{gap:6px}
	.ws2 .mk-pills button,.ls2 .mk-pills button{height:36px;padding:0 10px;font-size:13.5px}
	.ws-search,.ws-psl{width:100%;margin-left:0}
	.ws-search input{flex:1;width:auto;min-width:0}
	.ws-ps{width:100%}
	.ws-tb{table-layout:fixed}
	.ws-tb .ws-no{display:none}
	.ws-tb thead th.ws-cc{width:23%}
	.ws-tb thead th.ws-fv{width:28px}
	.ws-tb th,.ws-tb td{padding:8px 2px}
	.ws-tb thead th{padding:8px 2px;font-size:12px;white-space:normal}
	.ws-tb tbody th.ws-cc{min-width:0;padding-left:6px}
	.ws-c{width:auto;min-width:0}
	.ws-tb .mk-cf{gap:4px}
	.ws-tb tbody .mk-ci{width:18px;height:18px}
	.ws-tb tbody .mk-cs{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.ws-tb .mk-cn{max-width:100%;font-size:11px}
	.ws-eh span{flex-direction:column;gap:2px;font-size:11px}
	.ws-eh .mk-exl{width:18px;height:18px}
	.ws-eh small{display:none}
	.ws-b{padding:2px 4px;font-size:11px;white-space:normal;word-break:keep-all}
	.ws-b-dw{padding:2px 4px;box-shadow:none}
	.ws-c .mk-fl{white-space:normal;word-break:keep-all}
	.ws-t,.ws-net,.ws-pr{font-size:11px}
	.ws-nt{padding:1px 5px;font-size:11px}
	.ws-fv{width:28px}
	.ws-star{width:24px;height:24px}
	.ws-star svg{width:17px;height:17px}
	.ws-pg{gap:6px}
	.ws-pg button,.ws-pg span{min-width:36px;height:36px;padding:0 8px;font-size:14px}
	.ws-lg{gap:6px}
	.ws-lg>span{height:28px;padding:0 8px;font-size:12px}
	.ws-lgn{width:100%;margin-left:0}
	.ws-lc{padding:16px 12px 10px}
	.ws-ul{padding:0 10px}
	.ws-ul li{grid-template-columns:76px 24px minmax(0,1fr);gap:8px}
	.ws-lt{font-size:12px}
	.ws-li .mk-ci,.ws-li .mk-exl{width:24px;height:24px}
	.ws-info{padding:14px}
	.ws-info .mk-ni{width:34px;height:34px;font-size:20px}
	.ws-gg{grid-template-columns:1fr}
	.ws-faq .mk-qa p{padding:0 14px 14px 14px}
}
body.dm .ws-tag,body.dm .ws-lg,body.dm .ws-gb,body.dm .ws-no{color:#d1d5db}
body.dm .ws-sc-all{background:var(--mk-card2);border-color:var(--mk-bd)}
body.dm .ws-tb tbody tr:hover{background:var(--mk-card2)}
body.dm .ws-b-d{background:rgba(225,29,72,.2);color:#fda4af}
body.dm .ws-b-w{background:rgba(225,29,72,.1);color:#fda4af;box-shadow:inset 0 0 0 1px rgba(251,113,133,.6)}
body.dm .ws-b-dw{box-shadow:none}
body.dm .ws-b-p{background:rgba(245,158,11,.2);color:#fcd34d}
body.dm .ws-b-ok{background:rgba(22,163,74,.18);color:#4ade80}
body.dm .ws-b-re{background:rgba(37,99,235,.25);color:#93c5fd}
body.dm .ws-t,body.dm .ws-b-dw+.ws-t{color:#9ca3af}
body.dm .ws-b-re+.ws-t{color:#93c5fd}
body.dm .ws-dash,body.dm .ws-pg button:disabled{color:#4b5563}
body.dm .ws-sw-na{background:#4b5563}
body.dm .ws-pg button[aria-current="page"]{color:#111827}
body.dm .ws-lt{background:rgba(225,29,72,.15)}
body.dm .ws-lc-back .ws-lt{background:rgba(22,163,74,.15)}
body.dm .ws-lw b span{color:#9ca3af}
body.dm .ws-gb1,body.dm .ws-gb2,body.dm .ws-gb3,body.dm .ws-gb4{background:var(--mk-card2);border-color:var(--mk-bd)}
body.dm .ws-gb1 h3,body.dm .ws-gb4 h3{color:var(--mk-tx)}
body.dm .ws-info .tt-ih{color:#93c5fd}
body.dm .tt-stamp svg circle{fill:#e5e7eb}   /* the clock of the time card (also /tether) */
body.dm .tt-stamp svg path{stroke:#111827}
body.dm .ls-dows span,body.dm .ls-dh{background:var(--mk-card2)}
body.dm .ls-inf{background:var(--mk-card2);border-color:var(--mk-bd);color:#d1d5db}
body.dm .ls-all,body.dm .ls-mb{background:var(--mk-card);border-color:var(--mk-bd);color:#93c5fd}
body.dm .ls-upd,body.dm .ls-lgd,body.dm .ls-ahc,body.dm .ls-cn,body.dm .ls-cu{color:#d1d5db}
body.dm .ls-dc-post,body.dm .ls-k-post .ls-b{background:#2a2f37;color:#d1d5db}
body.dm .ls-today .ls-dn{color:#111827}