/* ============================================================
   Coindaily - individual exchange pages
   ============================================================ */
.xd-hero { padding: 26px 0 4px; }
.xd-head { display: flex; align-items: center; gap: 16px; margin: 14px 0 10px; flex-wrap: wrap; }
.xd-logo { width: 52px; height: 52px; border-radius: 14px; background: #16171b; border: 1px solid var(--hairline); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.xd-logo img { width: 34px; height: 34px; object-fit: contain; }
.xd-title h1 { font-size: 28px; font-weight: 600; letter-spacing: -0.02em; color: var(--tx-hi); line-height: 1.1; }
.xd-chips { display: flex; gap: 7px; margin-top: 7px; flex-wrap: wrap; }
.xd-chip { font-family: var(--mono); font-size: 9.5px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; padding: 3px 8px; border-radius: 5px; }
.xd-chip.good { color: var(--up); background: var(--up-bg); }
.xd-chip.warn { color: var(--down); background: var(--down-bg); }
.xd-chip.info { color: var(--amber); background: rgba(201,154,75,.12); }
.xd-chip.plain { color: var(--tx-mid); background: rgba(255,255,255,.05); }
.xd-cta { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.xd-dek { font-size: 14px; color: var(--tx-mid); line-height: 1.65; max-width: 760px; margin-bottom: 6px; }

/* key facts */
.xd-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--hairline-2, rgba(255,255,255,.05)); border: 1px solid var(--hairline); border-radius: var(--r-lg); overflow: hidden; margin: 16px 0 22px; }
.xd-fact { background: var(--panel); padding: 13px 16px; }
.xd-fact .k { font-family: var(--mono); font-size: 9.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--tx-dim); }
.xd-fact .v { font-size: 14.5px; font-weight: 600; color: var(--tx-hi); margin-top: 5px; }
.xd-fact .v.num { font-family: var(--mono); }
.xd-fact .v small { font-size: 11px; color: var(--tx-dim); font-weight: 400; }

/* homepage screenshot (browser frame) */
.xd-col { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.xd-shot { overflow: hidden; padding: 0; display: flex; flex-direction: column; }
.xd-shot-bar { display: flex; align-items: center; gap: 6px; padding: 9px 12px; border-bottom: 1px solid var(--hairline); background: var(--bg-2); }
.xd-shot-bar i { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,.12); }
.xd-shot-bar .u { margin-left: 8px; font-family: var(--mono); font-size: 10.5px; color: var(--tx-dim); background: rgba(255,255,255,.04); border-radius: 6px; padding: 3px 10px; flex: 1; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xd-shot img { width: 100%; display: block; aspect-ratio: 11 / 7; flex: 1; min-height: 0; object-fit: cover; object-position: top; background: #0C1016; }
.xd-shot-cap { padding: 8px 12px; font-family: var(--mono); font-size: 9.5px; letter-spacing: .04em; color: var(--tx-dim); border-top: 1px solid var(--hairline); }

/* prose sections */
.xd-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 16px; margin-bottom: 16px; align-items: stretch; }
.xd-grid.xd-even { grid-template-columns: 1fr 1fr; }
.xd-even .xd-costs { grid-template-columns: repeat(2, 1fr); }
.xd-panel-pad { padding: 16px 20px 18px; }
.xd-panel-pad h3 { font-size: 14px; font-weight: 600; color: var(--tx-hi); padding-left: 9px; border-left: 2px solid var(--amber-dim); margin-bottom: 12px; }
.xd-panel-pad p { font-size: 13.5px; color: var(--tx); line-height: 1.7; margin-bottom: 12px; }
.xd-panel-pad p:last-child { margin-bottom: 0; }
.xd-panel-pad p b { color: var(--tx-hi); }
.xd-offer { list-style: none; display: flex; flex-direction: column; gap: 9px; }
.xd-offer li { display: flex; gap: 10px; font-size: 13px; color: var(--tx); line-height: 1.55; }
.xd-offer li::before { content: "✓"; color: var(--up); font-weight: 700; flex-shrink: 0; }
.xd-offer li b { color: var(--tx-hi); }

/* costs */
.xd-costs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 12px; }
.xd-cost { background: rgba(255,255,255,.025); border: 1px solid var(--hairline); border-radius: 10px; padding: 11px 13px; }
.xd-cost .k { font-family: var(--mono); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; color: var(--tx-dim); }
.xd-cost .v { font-family: var(--mono); font-size: 16px; font-weight: 600; color: var(--tx-hi); margin-top: 4px; }
.xd-cost-note { font-size: 12px; color: var(--tx-dim); line-height: 1.6; }

/* pros & cons */
.xd-pc { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 16px; }
.xd-pc .panel { padding: 14px 18px 15px; }
.xd-pc h4 { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 10px; }
.xd-pc .pro h4 { color: var(--up); }
.xd-pc .con h4 { color: var(--down); }
.xd-pc ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.xd-pc li { display: flex; gap: 9px; font-size: 13px; color: var(--tx); line-height: 1.55; }
.xd-pc .pro li::before { content: "+"; color: var(--up); font-weight: 700; }
.xd-pc .con li::before { content: "−"; color: var(--down); font-weight: 700; }

/* verdict */
.xd-verdict { background: linear-gradient(180deg, #13171f, #0e1218); border: 1px solid var(--hairline); border-left: 2px solid var(--amber); border-radius: 12px; padding: 16px 20px; margin-bottom: 16px; }
.xd-verdict .t { font-family: var(--mono); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--amber); margin-bottom: 8px; }
.xd-verdict p { font-size: 13.5px; color: var(--tx); line-height: 1.7; margin: 0; }
.xd-verdict p b { color: var(--tx-hi); }

/* register caveat */
.xd-caveat { display: flex; gap: 10px; align-items: flex-start; background: rgba(190,94,108,.05); border: 1px solid rgba(190,94,108,.16); border-radius: 11px; padding: 13px 16px; margin: 4px 0 26px; font-size: 12px; color: var(--tx-mid); line-height: 1.65; }
.xd-caveat svg { flex-shrink: 0; margin-top: 2px; color: var(--down); }
.xd-caveat a { color: var(--amber); text-decoration: none; }

/* related strip */
.xd-related { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 6px 0 40px; }
.xd-rel { display: flex; align-items: center; gap: 12px; background: var(--panel); border: 1px solid var(--hairline); border-radius: 12px; padding: 13px 16px; text-decoration: none; transition: .13s; }
.xd-rel:hover { border-color: rgba(255,255,255,.18); transform: translateY(-2px); }
.xd-rel .xd-logo { width: 36px; height: 36px; border-radius: 10px; }
.xd-rel .xd-logo img { width: 23px; height: 23px; }
.xd-rel .b { font-size: 13.5px; font-weight: 600; color: var(--tx-hi); display: block; }
.xd-rel .s { font-size: 11px; color: var(--tx-dim); }

@media (max-width: 900px) {
  .xd-facts { grid-template-columns: repeat(2, 1fr); }
  .xd-grid, .xd-pc, .xd-related { grid-template-columns: 1fr; }
  .xd-costs { grid-template-columns: repeat(2, 1fr); }
  .xd-cta { margin-left: 0; width: 100%; }
}