@charset "utf-8";

/* Amina Basic main widget-index (from basic-main.php) */
html body { font-family: var(--cp-font); font-size: 13px; line-height: 1.5; letter-spacing: 0; }
.corin2-amina.widget-index .div-title-underbar { margin-bottom: 15px; }
.corin2-amina.widget-index .div-title-underbar span { padding-bottom: 4px; }
.corin2-amina.widget-index .div-title-underbar span b { font-weight: 500; }
.corin2-amina.widget-index .widget-box { margin-bottom: 0; }

/* 홈 2단 — Amina col-sm-6 와 동일 */
.corin2-amina.widget-index .at-row { margin-left: -10px; margin-right: -10px; margin-bottom: 22px; }
.corin2-amina.widget-index .at-row:last-child { margin-bottom: 0; }
.corin2-amina.widget-index .at-row > [class*="col-"] { padding-left: 10px; padding-right: 10px; }
.corin2-amina.widget-index.cp-home-widgets { margin-top: 6px; }
/* 레이아웃과 동일한 Noto Sans KR 사용 */
.corin2-amina.widget-index {
	font-family: var(--cp-font);
	font-size: 13px;
	line-height: 1.45;
	letter-spacing: 0;
}
.corin2-amina.widget-index .div-title-underbar span,
.corin2-amina.widget-index .div-title-underbar span b,
.corin2-amina.widget-index .basic-post-list,
.corin2-amina.widget-index .basic-post-list a {
	font-family: inherit;
}

/* BS3 전역 reset이 코린이 헤더 건드리지 않게: 위젯 영역만 box model */
.corin2-amina.widget-index,
.corin2-amina.widget-index * {
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.corin2-amina.widget-index .at-row { margin-bottom: 18px; }
}
.corin2-amina.widget-index .div-title-underbar span b { font-weight: 700; color: #1a1a1a; }
.corin2-amina.widget-index .widget-box {
	border: 1px solid #e8ecf0;
	border-radius: 4px;
	background: #fff;
	padding: 4px 12px 8px;
}
.corin2-amina.widget-index .widget-box.is-notice-box {
	border-color: #d6dee8;
	background: linear-gradient(180deg, #fafbfd 0%, #fff 48px);
}
.corin2-amina.widget-index .cp-wt-icon {
	margin-right: 6px;
	font-size: 14px;
	color: var(--cp-brand, #24496f);
	opacity: .9;
	vertical-align: -1px;
}
.corin2-amina.widget-index .div-title-underbar-bold.border-navy { border-bottom-color: var(--cp-brand, #24496f); }

/* ═══════════════════════════════════════════════════════════════
   [다크모드] 홈 게시판 위젯(공지/인기글/자유게시판/질답) 다크 대응
   위 라이트 고정값(#1a1a1a 검은글씨, #fff 흰배경, #e8ecf0 테두리)을
   다크모드 클래스(html.dark / html.rx_dark)에서 덮어써서 글씨·배경·테두리를 다크로.
   전부 다크 클래스 하위라 라이트모드에는 전혀 영향 없음. 변수 미정의 대비 폴백 hex 포함.
═══════════════════════════════════════════════════════════════ */
html.dark .corin2-amina.widget-index .widget-box,
html.rx_dark .corin2-amina.widget-index .widget-box,
html.dark .corin2-amina.widget-index .widget-box.is-notice-box,
html.rx_dark .corin2-amina.widget-index .widget-box.is-notice-box {
	background: var(--cp-panel, #161b22);
	border-color: var(--cp-line, #30363d);
}
html.dark .corin2-amina.widget-index .div-title-underbar span b,
html.rx_dark .corin2-amina.widget-index .div-title-underbar span b,
html.dark .corin2-amina.widget-index .basic-post-list,
html.rx_dark .corin2-amina.widget-index .basic-post-list,
html.dark .corin2-amina.widget-index .basic-post-list a,
html.rx_dark .corin2-amina.widget-index .basic-post-list a,
html.dark .corin2-amina.widget-index .cp-w-subject,
html.rx_dark .corin2-amina.widget-index .cp-w-subject,
html.dark .corin2-amina.widget-index .cp-w-subject .txt-normal,
html.rx_dark .corin2-amina.widget-index .cp-w-subject .txt-normal {
	color: var(--cp-ink, #e6edf3);
}
html.dark .corin2-amina.widget-index .div-title-underbar-bold.border-navy,
html.rx_dark .corin2-amina.widget-index .div-title-underbar-bold.border-navy {
	border-bottom-color: var(--cp-brand, #4d7cc0);
}
html.dark .corin2-amina.widget-index .cp-wt-icon,
html.rx_dark .corin2-amina.widget-index .cp-wt-icon {
	color: var(--cp-brand, #4d7cc0);
}
html.dark .corin2-amina.widget-index .post-list > li,
html.rx_dark .corin2-amina.widget-index .post-list > li {
	border-color: var(--cp-line, #30363d);
}
html.dark .corin2-amina.widget-index .basic-post-list a:hover,
html.rx_dark .corin2-amina.widget-index .basic-post-list a:hover,
html.dark .corin2-amina.widget-index .basic-post-list a:hover .cp-w-subject,
html.rx_dark .corin2-amina.widget-index .basic-post-list a:hover .cp-w-subject,
html.dark .corin2-amina.widget-index .basic-post-list a:hover .txt-normal,
html.rx_dark .corin2-amina.widget-index .basic-post-list a:hover .txt-normal {
	color: var(--cp-up, #ff6b70);
	text-decoration: none;
}
html.dark .corin2-amina.widget-index .gray,
html.rx_dark .corin2-amina.widget-index .gray,
html.dark .corin2-amina.widget-index .cp-w-meta,
html.rx_dark .corin2-amina.widget-index .cp-w-meta,
html.dark .corin2-amina.widget-index .cp-w-date,
html.rx_dark .corin2-amina.widget-index .cp-w-date,
html.dark .corin2-amina.widget-index .lightgray,
html.rx_dark .corin2-amina.widget-index .lightgray,
html.dark .corin2-amina.widget-index .post-sp,
html.rx_dark .corin2-amina.widget-index .post-sp {
	color: var(--cp-mut, #8b949e);
}

/* ── 홈: 코인판식 시세표 + 글 목록 ── */
.cp-market-board {
	border: 1px solid #cfd6de;
	background: #fff;
}
.cp-market-head {
	height: 42px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0 13px;
	background: #253b59;
	color: #fff;
}
.cp-market-head h1 {
	margin: 0;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0;
}
.cp-market-head > span {
	font-size: 10px;
	color: #bdc9d7;
}
.cp-market-head > span i {
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-right: 3px;
	border-radius: 50%;
	background: #20c997;
	vertical-align: 1px;
}
.cp-market-head > a {
	margin-left: auto;
	color: #dce5ee;
	font-size: 11px;
	text-decoration: none;
}
.cp-market-head > a:hover { color: #fff; text-decoration: underline; }
.cp-market-body {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(250px, 1fr);
}
.cp-market-prices {
	border-right: 1px solid #dfe4e9;
}
.cp-market-row {
	min-height: 38px;
	display: grid;
	grid-template-columns: minmax(125px, 1.2fr) minmax(110px, 1fr) 78px;
	align-items: center;
	gap: 8px;
	padding: 0 12px;
	border-bottom: 1px solid #edf0f3;
	color: #2d3339;
	text-decoration: none;
	font-variant-numeric: tabular-nums;
}
.cp-market-row:last-child { border-bottom: 0; }
a.cp-market-row:hover { background: #f7f9fb; }
.cp-market-label {
	min-height: 28px;
	background: #f4f6f8;
	color: #7b8490;
	font-size: 10.5px;
	font-weight: 600;
}
.cp-market-label span:nth-child(n+2) { text-align: right; }
.cp-market-coin {
	display: flex;
	align-items: center;
	min-width: 0;
}
.cp-market-coin img {
	width: 19px;
	height: 19px;
	margin-right: 7px;
	border-radius: 50%;
	background: #fff;
}
.cp-market-coin b { font-size: 12px; margin-right: 5px; color: #1f2b38; }
.cp-market-coin em { overflow: hidden; color: #929aa4; font-size: 10.5px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.cp-market-price { text-align: right; font-size: 12.5px; font-weight: 700; }
.cp-market-change { text-align: right; font-size: 11.5px; font-weight: 700; }
.cp-market-board .up { color: #e03131; }
.cp-market-board .dn { color: #276dc2; }
.cp-market-macro {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.cp-market-macro > a {
	min-height: 66px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 8px 12px;
	border-right: 1px solid #edf0f3;
	border-bottom: 1px solid #edf0f3;
	color: #333;
	text-decoration: none;
}
.cp-market-macro > a:nth-child(2n) { border-right: 0; }
.cp-market-macro > a:nth-last-child(-n+2) { border-bottom: 0; }
.cp-market-macro > a:hover { background: #f7f9fb; }
.cp-market-macro span { color: #66717d; font-size: 10.5px; }
.cp-market-macro .cp-market-emoji {
	font-size: 12px;
	font-style: normal;
	vertical-align: -1px;
}
.cp-market-macro strong {
	margin: 2px 0 1px;
	color: #202a35;
	font-size: 14px;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
}
.cp-market-macro small { color: #a0a7af; font-size: 9.5px; }
.cp-market-loading {
	padding: 28px 12px;
	color: #98a0a9;
	font-size: 11px;
	text-align: center;
}

.cp-home-links {
	display: flex;
	align-items: center;
	min-height: 37px;
	padding: 0 5px;
	border: 1px solid #dfe4e9;
	border-top: 0;
	background: #f7f8fa;
}
.cp-home-links a {
	position: relative;
	flex: 1;
	padding: 8px 5px;
	color: #44505d;
	font-size: 11.5px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
.cp-home-links a + a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	bottom: 9px;
	width: 1px;
	background: #dce1e6;
}
.cp-home-links a:hover { color: #167c7a; }

.cp-home-best {
	margin-top: 4px;
	margin-bottom: 2px;
	border: 1px solid #d8dee5;
	background: #fff;
}
.cp-best-tabs {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #cfd6de;
	background: #f5f6f8;
}
.cp-best-tabs li { flex: 1; }
.cp-best-tabs li a {
	display: block;
	padding: 11px 5px 10px;
	border-right: 1px solid #dfe4e9;
	border-top: 3px solid transparent;
	color: #555f6a;
	font-size: 12.5px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
}
.cp-best-tabs li:last-child a { border-right: 0; }
.cp-best-tabs li.on a,
.cp-best-tabs li a:hover {
	margin-top: -1px;
	padding-bottom: 11px;
	border-top-color: #169b98;
	background: #fff;
	color: #087977;
}
.cp-best-panels { padding: 10px 11px 9px; }
.cp-best-panel { display: none; }
.cp-best-panel.on { display: block; }
.cp-home-best .at-row { margin-bottom: 0; }
.cp-home-best .widget-box {
	border: 0;
	border-radius: 0;
	background: #fff;
	padding: 0 10px;
}
.cp-home-best .at-row > [class*="col-"]:first-child { border-right: 1px solid #e3e7eb; }
.cp-home-best .post-list.is-ranked .rank-icon {
	margin-right: 6px;
	vertical-align: 0;
}
.cp-home-best .post-list.is-ranked .cp-w-leading {
	display: flex;
	align-items: center;
	min-width: 0;
}
.cp-home-best .post-list.is-ranked .cp-w-subject {
	flex: 1;
	min-width: 0;
}

html.dark .cp-market-board,
html.rx_dark .cp-market-board,
html.dark .cp-home-best,
html.rx_dark .cp-home-best { background: var(--cp-panel, #161b22); border-color: var(--cp-line, #30363d); }
html.dark .cp-market-head,
html.rx_dark .cp-market-head { background: #111c2b; }
html.dark .cp-market-prices,
html.rx_dark .cp-market-prices,
html.dark .cp-market-row,
html.rx_dark .cp-market-row,
html.dark .cp-market-macro > a,
html.rx_dark .cp-market-macro > a { border-color: var(--cp-line, #30363d); color: var(--cp-ink, #e6edf3); }
html.dark .cp-market-label,
html.rx_dark .cp-market-label,
html.dark a.cp-market-row:hover,
html.rx_dark a.cp-market-row:hover,
html.dark .cp-market-macro > a:hover,
html.rx_dark .cp-market-macro > a:hover { background: #11161d; }
html.dark .cp-market-coin b,
html.rx_dark .cp-market-coin b,
html.dark .cp-market-macro strong,
html.rx_dark .cp-market-macro strong { color: var(--cp-ink, #e6edf3); }
html.dark .cp-home-links,
html.rx_dark .cp-home-links,
html.dark .cp-best-tabs,
html.rx_dark .cp-best-tabs { background: #11161d; border-color: var(--cp-line, #30363d); }
html.dark .cp-home-links a,
html.rx_dark .cp-home-links a { color: var(--cp-mut, #a6adb7); }
html.dark .cp-home-links a + a:before,
html.rx_dark .cp-home-links a + a:before { background: var(--cp-line, #30363d); }
html.dark .cp-best-tabs,
html.rx_dark .cp-best-tabs {
	border-bottom-color: var(--cp-line, #30363d);
}
html.dark .cp-best-tabs li a,
html.rx_dark .cp-best-tabs li a {
	color: var(--cp-mut, #8b949e);
}
html.dark .cp-best-tabs li.on a,
html.rx_dark .cp-best-tabs li.on a,
html.dark .cp-best-tabs li a:hover,
html.rx_dark .cp-best-tabs li a:hover {
	color: #2dd4bf;
	border-top-color: #2dd4bf;
	background: var(--cp-panel, #161b22);
}
html.dark .cp-home-best .widget-box,
html.rx_dark .cp-home-best .widget-box {
	background: var(--cp-panel, #161b22);
}

@media (max-width: 700px) {
	.cp-market-body { grid-template-columns: 1fr; }
	.cp-market-prices { border-right: 0; border-bottom: 1px solid #dfe4e9; }
	.cp-home-links { overflow-x: auto; justify-content: flex-start; }
	.cp-home-links a { flex: 0 0 auto; padding-left: 14px; padding-right: 14px; }
	.cp-best-tabs { overflow-x: auto; }
	.cp-best-tabs li { flex: 0 0 auto; }
	.cp-best-tabs li a { min-width: 92px; padding-left: 10px; padding-right: 10px; }
	.cp-home-best .at-row > [class*="col-"]:first-child { border-right: 0; border-bottom: 1px solid #e3e7eb; padding-bottom: 8px; margin-bottom: 8px; }
}

/* Miso-style composable home widgets */
.cpw-notice{order:3}
.cp-widget-grid{order:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cp-widget-grid-secondary{order:6}
.cp-home>.cpw-gallery{order:5}
.cp-side-home>.cpw{flex:0 0 auto;width:100%}
.cp-side-home .cpw-list{padding-left:9px;padding-right:9px}
.cp-side-home .cpw-list li{grid-template-columns:minmax(0,1fr)}
.cp-side-home .cpw-meta{display:none}
@media(max-width:700px){
	.cp-widget-grid{grid-template-columns:1fr;gap:8px}
	.cp-side-home>.cpw{min-width:240px;flex:1}
}

/* 2026-07-11 generated mockup implementation */
.cp-global-tape{position:sticky;top:56px;z-index:90;height:34px;border-bottom:1px solid var(--cp-line);background:var(--cp-panel);color:var(--cp-ink)}
.cp-global-tape-inner{max-width:110rem;height:34px;display:flex;align-items:center;margin:0 auto;padding:0 1rem;overflow:hidden}
.cp-global-tape #cpMarketCoins{min-width:0;flex:1;display:block;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.cp-global-tape #cpMarketCoins::-webkit-scrollbar{display:none}
.cp-tape-track{display:block;width:100%}.cp-tape-set{display:flex;align-items:center;width:100%;min-width:max-content}
.cp-global-tape .cp-market-row{flex:1 1 0;min-width:9.5rem;min-height:33px;display:flex;align-items:center;justify-content:flex-start;gap:0.5625rem;padding:0 0.875rem;border:0;border-left:1px solid var(--cp-line);color:var(--cp-ink);font-size:0.65625rem}
.cp-global-tape .cp-market-row:first-child{border-left:0}
.cp-global-tape .cp-market-coin{flex:0 0 auto}.cp-global-tape .cp-market-coin img{width:1rem;height:1rem;margin-right:0.3125rem}.cp-global-tape .cp-market-coin b{color:var(--cp-ink);font-size:0.65625rem}.cp-global-tape .cp-market-coin em{display:none}
.cp-global-tape .cp-market-price{margin-left:auto;color:var(--cp-ink);font-size:0.65625rem;font-weight:650}.cp-global-tape .cp-market-change{font-size:0.625rem}.cp-global-tape .up{color:var(--cp-up,#e0304e)}.cp-global-tape .dn{color:var(--cp-down,#3976d3)}
.cp-global-tape .cp-market-loading{padding:0.4375rem;color:var(--cp-faint)}
.cp-market-tape{order:0;min-height:30px;display:flex;align-items:center;border:1px solid #cfd4da;background:var(--cp-panel);overflow:hidden}
.cp-market-tape>#cpMarketCoins{min-width:0;flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.cp-market-tape .cp-market-row{min-height:28px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;border:0;border-right:1px solid var(--cp-line);font-size:10.5px}
.cp-market-tape .cp-market-coin img{width:15px;height:15px;margin-right:5px}.cp-market-tape .cp-market-coin b{font-size:10.5px}.cp-market-tape .cp-market-coin em{display:none}
.cp-market-tape .cp-market-price{font-size:10.5px;font-weight:600}.cp-market-tape .cp-market-change{font-size:10px}
.cp-market-tape>.cp-market-loading{padding:6px}.cp-market-tape>a{flex:0 0 auto;padding:0 10px;color:var(--cp-faint);font-size:9.5px;text-decoration:none;white-space:nowrap}
.cp-home-entry{order:1;display:grid;grid-template-columns:minmax(0,1fr) 342px;gap:10px}
.cp-tg-banner{min-height:4.25rem;display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:0.75rem;padding:0.625rem 0.875rem;border:1px solid #1a6f9c;border-radius:0.5rem;background:linear-gradient(105deg,#1f8fc7 0%,#1879ad 52%,#14648f 100%);color:#fff;text-decoration:none;box-shadow:0 0.1875rem 0.625rem rgba(15,40,60,.18);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}
.cp-tg-banner:hover{transform:translateY(-1px);box-shadow:0 0.3125rem 0.875rem rgba(15,40,60,.24);color:#fff;filter:brightness(1.03)}
.cp-tg-banner-ic{width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.28);color:#fff;flex-shrink:0;text-shadow:0 1px 0 rgba(0,0,0,.35)}
.cp-tg-banner-ic svg{display:block;filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}
.cp-tg-banner-text{display:flex;flex-direction:column;gap:0.125rem;min-width:0}
.cp-tg-banner-text>strong{font-size:1rem;font-weight:800;letter-spacing:-.01em;line-height:1.2;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.45),0 0 0.125rem rgba(0,0,0,.25)}
.cp-tg-banner-text>em{font-style:normal;font-size:0.75rem;font-weight:600;color:rgba(255,255,255,.95);text-shadow:0 1px 0 rgba(0,0,0,.4)}
.cp-tg-banner-cta{flex-shrink:0;height:2.5rem;padding:0 0.9375rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999rem;background:#fff;color:#145a82;border:1px solid rgba(0,0,0,.08);font-size:0.8125rem;font-weight:800;white-space:nowrap;box-shadow:0 1px 0 rgba(0,0,0,.12)}
.cp-trending-coins{display:flex;flex-direction:column;justify-content:center;padding:9px 12px;border:1px solid var(--cp-line);background:var(--cp-panel)}.cp-trending-coins>strong{margin-bottom:8px;color:var(--cp-ink);font-size:11px}.cp-trending-coins>div{display:flex;gap:10px}.cp-trending-coins a{display:flex;align-items:center;gap:4px;color:var(--cp-ink);font-size:10px;font-weight:700;text-decoration:none}.cp-trending-coins img{width:16px;height:16px;border-radius:50%}
.cpw-notice{order:2}.cp-widget-grid-primary{order:3}.cp-widget-grid-middle{order:4}.cp-widget-grid-secondary{order:5}
.cp-widget-grid-middle{align-items:stretch}.cp-widget-grid-middle>.cpw{height:100%}
.cp-widget-grid-middle .cpw-gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px}.cp-widget-grid-middle .cpw-gallery-grid strong{font-size:9.5px}.cp-widget-grid-middle .cpw-gallery-grid> a>span:last-child{font-size:8.5px}
.cp-side-home{gap:10px}.cp-side-home .cp-card{padding:10px}.cp-side-home .cp-card-head{margin:-10px -10px 6px;padding:9px 10px;border-bottom:2px solid #46586d}.cp-side-home .cp-rank-list{padding-top:0;padding-bottom:0}
html.dark .cp-market-tape,html.rx_dark .cp-market-tape,html.dark .cp-trending-coins,html.rx_dark .cp-trending-coins{background:var(--cp-panel);border-color:var(--cp-line)}
@media(max-width:700px){
	.cp-global-tape{position:relative;top:auto;height:32px}.cp-global-tape-inner{height:32px;padding:0;overflow:hidden}.cp-global-tape #cpMarketCoins{flex:1}.cp-global-tape .cp-market-row{flex:0 0 auto;min-width:10.5rem;min-height:31px;justify-content:flex-start}.cp-global-tape .cp-market-price{display:inline}
	.cp-market-tape{overflow-x:auto}.cp-market-tape>#cpMarketCoins{flex:0 0 660px;grid-template-columns:repeat(5,132px)}.cp-market-tape>a{display:none}
	.cp-home-entry{grid-template-columns:1fr}.cp-tg-banner{min-height:3.625rem;grid-template-columns:2.25rem minmax(0,1fr) auto;gap:0.625rem;padding:0.5rem 0.75rem}.cp-tg-banner-ic{width:2.25rem;height:2.25rem}.cp-tg-banner-ic svg{width:1.125rem;height:1.125rem}.cp-tg-banner-text>strong{font-size:0.875rem}.cp-tg-banner-text>em{font-size:0.6875rem}.cp-tg-banner-cta{height:2.25rem;padding:0 0.75rem;font-size:0.75rem}
	.cp-trending-coins{min-height:52px}.cp-trending-coins>div{justify-content:space-between}
	.cp-widget-grid-middle .cpw-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-widget-grid-middle .cpw-gallery-grid>a:nth-child(n+4){display:none}
}
@media (max-width: 420px) {
	.cp-market-head > span { display: none; }
	.cp-market-row { grid-template-columns: minmax(98px, 1.1fr) minmax(90px, 1fr) 70px; padding-left: 8px; padding-right: 8px; }
	.cp-market-coin em { display: none; }
}

/* 2026-07-11 community-first home */
.cp-community-intro {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 26px 28px;
	border: 1px solid #dfe4ea;
	border-left: 4px solid #ef5b5b;
	background: #fff;
}
.cp-community-copy { min-width: 0; }
.cp-community-kicker {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 8px;
	color: #d94a4a;
	font-size: 12px;
	font-weight: 800;
}
.cp-community-kicker i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ef5b5b;
	box-shadow: 0 0 0 4px rgba(239,91,91,.12);
}
.cp-community-copy h1 {
	margin: 0 0 7px;
	color: #17212b;
	font-size: 25px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0;
}
.cp-community-copy > p {
	margin: 0;
	color: #66717f;
	font-size: 14px;
	line-height: 1.55;
}
.cp-community-intro .cp-vitals {
	display: flex;
	gap: 18px;
	min-height: 0;
	margin: 14px 0 0;
	padding: 0;
	border: 0;
	background: transparent;
}
.cp-community-intro .cp-vital { font-size: 12px; }
.cp-community-intro .cp-vital b { color: #17212b; font-size: 13px; }
.cp-community-actions {
	display: flex;
	flex: 0 0 170px;
	flex-direction: column;
	gap: 8px;
}
.cp-community-write,
.cp-community-join {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 750;
	text-decoration: none;
}
.cp-community-write { gap: 7px; background: #ef5b5b; color: #fff; }
.cp-community-write:hover { background: #dc4949; color: #fff; }
.cp-community-write span { font-size: 20px; font-weight: 400; line-height: 1; }
.cp-community-join { border: 1px solid #dfe4ea; color: #4f5d6b; background: #fff; }
.cp-community-join:hover { border-color: #9ba7b3; color: #17212b; }

.cp-feed-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin: 10px 0 -4px;
}
.cp-feed-heading > div > span {
	display: block;
	margin-bottom: 2px;
	color: #ef5b5b;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .08em;
}
.cp-feed-heading h2 { margin: 0; color: #17212b; font-size: 19px; font-weight: 800; }
.cp-feed-heading > a { color: #75808c; font-size: 12px; text-decoration: none; }
.cp-feed-heading > a:hover { color: #ef5b5b; }

.cp-home-best {
	margin-top: 0;
	border-color: #dfe4ea;
	border-radius: 6px;
	overflow: hidden;
}
.cp-best-tabs { padding: 0 12px; background: #fff; }
.cp-best-tabs li { flex: 0 0 auto; }
.cp-best-tabs li a {
	min-width: 82px;
	padding: 13px 14px 11px;
	border: 0;
	border-bottom: 2px solid transparent;
	color: #7a8591;
	font-size: 13px;
}
.cp-best-tabs li.on a,
.cp-best-tabs li a:hover {
	margin: 0;
	padding-bottom: 11px;
	border-top: 0;
	border-bottom-color: #ef5b5b;
	background: transparent;
	color: #17212b;
}
.cp-best-panels { padding: 0; }
.cp-home-best .widget-box { padding: 0; }
.cp-home-best .post-list.is-community li { border-color: #edf0f3; }
.cp-home-best .post-list.is-community li a {
	display: flex !important;
	flex-direction: column;
	align-items: stretch;
	gap: 7px;
	padding: 13px 16px;
	overflow: visible;
}
.cp-home-best .post-list.is-community li a:hover { background: #fafbfc; }
.cp-home-best .post-list.is-community .cp-w-leading { width: 100%; }
.cp-home-best .post-list.is-community .cp-w-subject {
	color: #202a35;
	font-size: 14px;
	font-weight: 650;
}
.cp-home-best .post-list.is-community .txt-normal {
	display: inline-flex;
	align-items: center;
	padding: 2px 6px;
	border-radius: 3px;
	background: #eef2f6;
	color: #5e6a77;
	font-size: 10px;
	font-weight: 700;
}
.cp-home-best .post-list.is-community .post-sp { display: none; }
.cp-community-meta {
	display: flex;
	align-items: center;
	gap: 7px;
	padding-left: 0;
	color: var(--cp-faint);
	font-size: 11px;
}
.cp-community-meta > span:not(.cp-community-avatar) + span:before,
.cp-community-meta > strong + span:before { content: "·"; margin-right: 7px; color: #c2c8cf; }
.cp-community-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #e8f1ff;
	color: #3169a7;
	font-size: 10px;
	font-weight: 800;
}
.cp-community-meta strong { color: #596572; font-weight: 650; }
.cp-community-meta .cp-community-count { color: #386fa8; }
.cp-community-meta .cp-community-vote { color: #d94a4a; }

.cp-market-board { margin-top: 10px; border-color: #dfe4ea; border-radius: 6px 6px 0 0; overflow: hidden; }
.cp-market-head { height: 38px; background: #263746; }
.cp-market-head h2 { margin: 0; font-size: 13px; font-weight: 800; }
.cp-market-row { min-height: 34px; }
.cp-market-macro > a { min-height: 58px; }
.cp-home-links { border-color: #dfe4ea; background: #fff; border-radius: 0 0 6px 6px; }
.cp-home-links a:hover { color: #ef5b5b; }
.cp-home-widgets { margin-top: 12px; }

.cp-side-home .cp-card { border-radius: 6px; box-shadow: none; }

html.dark .cp-community-intro,
html.rx_dark .cp-community-intro { background: var(--cp-panel); border-color: var(--cp-line); border-left-color: #ff7373; }
html.dark .cp-community-copy h1,
html.rx_dark .cp-community-copy h1,
html.dark .cp-feed-heading h2,
html.rx_dark .cp-feed-heading h2,
html.dark .cp-home-best .post-list.is-community .cp-w-subject,
html.rx_dark .cp-home-best .post-list.is-community .cp-w-subject { color: var(--cp-ink); }
html.dark .cp-community-copy > p,
html.rx_dark .cp-community-copy > p { color: var(--cp-sub); }
html.dark .cp-community-join,
html.rx_dark .cp-community-join { background: #11161d; border-color: var(--cp-line); color: var(--cp-ink); }
html.dark .cp-best-tabs,
html.rx_dark .cp-best-tabs { background: var(--cp-panel); }
html.dark .cp-home-best .post-list.is-community li a:hover,
html.rx_dark .cp-home-best .post-list.is-community li a:hover { background: #11161d; }
html.dark .cp-home-best .post-list.is-community .txt-normal,
html.rx_dark .cp-home-best .post-list.is-community .txt-normal { background: #222a34; color: #aab4bf; }
html.dark .cp-community-avatar,
html.rx_dark .cp-community-avatar { background: #203750; color: #8fc3ff; }

@media (max-width: 700px) {
	.cp-community-intro { align-items: stretch; flex-direction: column; gap: 18px; padding: 20px 18px; }
	.cp-community-copy h1 { font-size: 21px; }
	.cp-community-copy > p { font-size: 13px; }
	.cp-community-intro .cp-vitals { gap: 10px 16px; flex-wrap: wrap; justify-content: flex-start; }
	.cp-community-actions { flex: none; flex-direction: row; }
	.cp-community-write { flex: 1; }
	.cp-community-join { flex: 0 0 112px; }
	.cp-feed-heading { align-items: center; margin-top: 6px; }
	.cp-feed-heading h2 { font-size: 17px; }
	.cp-feed-heading > div > span { display: none; }
	.cp-feed-heading > a { font-size: 11px; }
	.cp-best-tabs { padding: 0 5px; overflow: visible; }
	.cp-best-tabs li { flex: 1 1 25%; }
	.cp-best-tabs li a { min-width: 0; padding: 12px 4px 10px; font-size: 12px; }
	.cp-best-tabs li.on a, .cp-best-tabs li a:hover { padding-bottom: 10px; }
	.cp-home-best .post-list.is-community li a { padding: 12px; }
	.cp-community-meta { gap: 5px; }
	.cp-community-meta > span:not(.cp-community-avatar) + span:before,
	.cp-community-meta > strong + span:before { margin-right: 5px; }
	.cp-market-macro { display: none; }
	.cp-market-prices { border-bottom: 0; }
	.cp-home-links a { padding-left: 12px; padding-right: 12px; }
}

@media (max-width: 430px) {
	.cp-community-actions { flex-direction: column; }
	.cp-community-join { flex-basis: 38px; }
	.cp-community-meta > span:nth-of-type(2) { display: none; }
}

/* 2026-07-11 coinpan-style density pass */
.cp-home { gap: 8px; }
.cp-community-bar {
	display: flex;
	align-items: center;
	order: 0;
	min-height: 38px;
	padding: 0 11px;
	border: 1px solid #cfd4da;
	background: #f4f5f6;
	color: #4d5660;
}
.cp-community-bar-title { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.cp-community-bar-title strong { color: #27384b; font-size: 13px; font-weight: 800; }
.cp-community-bar-title span { color: #7b838c; font-size: 11px; }
.cp-community-bar .cp-vitals {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 0;
	margin: 0 0 0 auto;
	padding: 0 14px;
	border: 0;
	background: transparent;
}
.cp-community-bar .cp-vital { font-size: 11px; }
.cp-community-bar .cp-vital b { color: #27384b; font-size: 11px; }
.cp-community-bar-actions { display: flex; align-items: center; gap: 0; }
.cp-community-bar-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 26px;
	padding: 0 9px;
	border-left: 1px solid #d8dce1;
	color: #59636e;
	font-size: 11px;
	font-weight: 650;
	text-decoration: none;
}
.cp-community-bar-actions a:hover { color: #1e4268; text-decoration: underline; }
.cp-community-bar-actions .cp-community-write {
	min-height: 27px;
	margin-left: 7px;
	border: 1px solid #324a67;
	border-radius: 2px;
	background: #3d536f;
	color: #fff;
}
.cp-community-bar-actions .cp-community-write:hover { background: #2f435d; color: #fff; text-decoration: none; }

.cp-market-board { order: 1; margin-top: 0; border-radius: 0; }
.cp-home-links { order: 2; border-radius: 0; }
.cp-feed-heading { order: 3; margin: 7px 0 0; padding: 0 2px 6px; border-bottom: 2px solid #4b5c70; }
.cp-feed-heading h2 { color: #27384b; font-size: 14px; }
.cp-feed-heading > a { color: #7b838c; font-size: 11px; }
.cp-feed-heading > div > span { display: none; }
.cp-home-best { order: 4; border-radius: 0; }
.cp-home-widgets { order: 5; }

.cp-market-head { height: 34px; border-radius: 0; background: #465569; }
.cp-market-head h2 { font-size: 12px; }
.cp-market-row { min-height: 30px; }
.cp-market-label { min-height: 25px; }
.cp-market-macro > a { min-height: 51px; padding-top: 5px; padding-bottom: 5px; }
.cp-home-links { min-height: 32px; background: #f4f5f6; }
.cp-home-links a { padding-top: 6px; padding-bottom: 6px; font-size: 11px; }

.cp-home-best { border-color: #cfd4da; }
.cp-best-tabs { padding: 0; border-bottom-color: #bfc5cc; background: #eef0f2; }
.cp-best-tabs li { flex: 0 0 112px; border-right: 1px solid #d4d8dd; }
.cp-best-tabs li a { min-width: 0; padding: 9px 10px 8px; border: 0; color: #59636e; font-size: 11.5px; }
.cp-best-tabs li.on a,
.cp-best-tabs li a:hover {
	padding-bottom: 8px;
	border: 0;
	box-shadow: inset 0 2px #3d536f;
	background: #fff;
	color: #27384b;
}
.cp-home-best .post-list.is-community li a {
	display: flex !important;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	min-height: 31px;
	padding: 5px 10px;
}
.cp-home-best .post-list.is-community .cp-w-leading { flex: 1 1 auto; width: auto; min-width: 0; }
.cp-home-best .post-list.is-community .cp-w-subject { font-size: 12px; font-weight: 500; }
.cp-home-best .post-list.is-community .txt-normal {
	padding: 0;
	background: transparent;
	color: #6f7882;
	font-size: 10.5px;
	font-weight: 650;
}
.cp-home-best .post-list.is-community .post-sp { display: inline; margin: 0 3px; color: #c5cad0; }
.cp-community-meta { flex: 0 0 auto; gap: 5px; color: #8b929a; font-size: 10.5px; }
.cp-community-avatar { width: 17px; height: 17px; border-radius: 2px; font-size: 8px; }
.cp-community-meta strong { max-width: 92px; overflow: hidden; color: #59636e; font-size: 10.5px; text-overflow: ellipsis; white-space: nowrap; }
.cp-community-meta > span:not(.cp-community-avatar) + span:before,
.cp-community-meta > strong + span:before { margin-right: 5px; }
.cp-community-meta .cp-community-count { color: #be4f40; }
.cp-community-meta .cp-community-vote { color: #be4f40; }
.cp-home-best .post-list.is-community li a:hover { background: #f3f6f9; }

.cp-side-home .cp-card { border-radius: 0; }
.cp-side-home .cp-card-head { background: #f2f3f5; }

html.dark .cp-community-bar,
html.rx_dark .cp-community-bar { border-color: var(--cp-line); background: #11161d; color: var(--cp-sub); }
html.dark .cp-community-bar-title strong,
html.rx_dark .cp-community-bar-title strong { color: var(--cp-ink); }
html.dark .cp-feed-heading,
html.rx_dark .cp-feed-heading { border-bottom-color: #71849a; }
html.dark .cp-feed-heading h2,
html.rx_dark .cp-feed-heading h2 { color: var(--cp-ink); }
html.dark .cp-best-tabs,
html.rx_dark .cp-best-tabs { background: #11161d; border-color: var(--cp-line); }
html.dark .cp-best-tabs li,
html.rx_dark .cp-best-tabs li { border-color: var(--cp-line); }

@media (max-width: 700px) {
	.cp-community-bar { flex-wrap: wrap; gap: 0; padding: 7px 9px; }
	.cp-community-bar-title span { display: none; }
	.cp-community-bar .cp-vitals { order: 3; width: 100%; margin: 5px 0 0; padding: 5px 0 0; border-top: 1px solid #dfe3e7; }
	.cp-community-bar-actions { margin-left: auto; }
	.cp-community-bar-actions a { min-height: 25px; padding: 0 7px; }
	.cp-feed-heading { margin-top: 5px; }
	.cp-best-tabs { overflow-x: hidden; }
	.cp-best-tabs li { flex: 1 1 25%; border-right: 1px solid #d4d8dd; }
	.cp-home-best .post-list.is-community li a { flex-direction: column; align-items: stretch; gap: 4px; padding: 8px 10px; }
	.cp-home-best .post-list.is-community .cp-w-subject { font-size: 12.5px; }
	.cp-community-meta { width: 100%; }
	.cp-community-meta strong { max-width: 110px; }
}