.kc-invite__body { padding: var(--kc-9) var(--kc-8); }
@media (max-width: 640px) { .kc-invite__body { padding: var(--kc-7) var(--kc-5); } }
.kc-invite__title { max-width: 24ch; font-size: clamp(28px, 4.4vw, 40px); line-height: 1.18;
letter-spacing: -.015em; text-wrap: balance; }
.kc-invite__figure { display: grid; gap: var(--kc-2); margin-top: var(--kc-6); }
.kc-invite__cap { max-width: 44ch; }
.kc-invite__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--kc-5); margin-top: var(--kc-7); padding-top: var(--kc-6);
border-top: 1px solid var(--kc-border); }
.kc-invite__stat + .kc-invite__stat { padding-left: var(--kc-5);
border-left: 1px solid var(--kc-border); }
.kc-invite__statnum { font-size: 24px; font-weight: 700; line-height: 1.2; color: var(--kc-ink);
font-variant-numeric: tabular-nums; }
.kc-invite__statcap { margin-top: var(--kc-1); font-size: 13px; line-height: 1.45;
color: var(--kc-ink-2); }
@media (max-width: 560px) {
.kc-invite__stats { grid-template-columns: 1fr 1fr; gap: var(--kc-4); }
.kc-invite__stat:nth-child(3) { grid-column: 1 / -1; padding-top: var(--kc-4);
border-top: 1px solid var(--kc-border); }
.kc-invite__stat + .kc-invite__stat { padding-left: 0; border-left: 0; }
}
.kc-earn td.kc-earn__high { color: var(--kc-accent-ink); font-size: 17px; }
@media (max-width: 720px) {
.kc-earn div.kc-tablewrap { overflow-x: visible; border: 0; background: none; }
.kc-earn thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden;
clip-path: inset(50%); white-space: nowrap; }
.kc-earn tbody tr { display: block; padding: var(--kc-4);
border: 1px solid var(--kc-border); border-radius: var(--kc-r-md); }
.kc-earn tbody tr + tr { margin-top: var(--kc-3); }
.kc-earn tbody tr:hover { background: none; }
.kc-earn td { display: flex; align-items: baseline; justify-content: space-between;
gap: var(--kc-4); height: auto; padding: var(--kc-1) 0; border-bottom: 0;
text-align: right; white-space: normal; }
.kc-earn td::before { content: attr(data-label); flex: 0 1 auto; min-width: 0; font-size: 12px;
font-weight: 600; line-height: 1.5; color: var(--kc-ink-2);
text-align: left; }
.kc-earn td:first-child { display: block; margin-bottom: var(--kc-2);
padding-bottom: var(--kc-2); font-size: 16px; font-weight: 700;
text-align: left; border-bottom: 1px solid var(--kc-border); }
.kc-earn td:first-child::before { content: none; }
}
.kc-offer__col { max-width: 760px; margin-inline: auto; }
.kc-buy { padding-inline: max(var(--kc-5), calc((100% - var(--kc-shell)) / 2 + var(--kc-5))); }
.kc-buy__amount { align-items: baseline; gap: var(--kc-3); }
.kc-buy__offer { display: grid; gap: var(--kc-5); }
.kc-buy__offerside { display: flex; flex-direction: column; gap: var(--kc-5);
min-width: 0; }
.kc-buy__offerprice { order: 1; }
.kc-buy__offerside > .kc-card__art { margin-bottom: 0; }
@media (min-width: 900px) {
.kc-buy__offer { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
}
@media (max-width: 899px) {
.kc-buy__offerside { display: contents; }
}
.kc-buy__offerwords { min-width: 0; }
@media (min-width: 768px) {
.kc-buy { padding-inline: max(var(--kc-7), calc((100% - var(--kc-shell)) / 2 + var(--kc-7))); }
}
@media (min-width: 900px) {
.kc-buy { display: grid; align-items: start; gap: var(--kc-6);
grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.kc-buy__head { grid-column: 1 / -1; grid-row: 1; }
.kc-buy__what { grid-column: 1; grid-row: 2; margin-top: 0; }
.kc-buy__who  { grid-column: 1; grid-row: 3; margin-top: 0; }
.kc-buy__pay  { grid-column: 2; grid-row: 2 / span 3; margin-top: 0; }
.kc-buy:not(:has(.kc-buy__pay)) section.kc-buy__who { grid-column: 2; grid-row: 2; }
.kc-buy__foot { grid-column: 1; grid-row: 4; }
.kc-buy:not(:has(.kc-buy__who)) > .kc-buy__foot,
.kc-buy:not(:has(.kc-buy__pay)) > .kc-buy__foot { grid-row: 3; }
.kc-buy:not(:has(.kc-buy__pay)) section.kc-buy__who,
.kc-buy__pay { position: sticky; top: var(--kc-6); }
}
@media (max-width: 899px) { .kc-buy { max-width: 760px; margin-inline: auto; } }
.kc-pair { display: grid; gap: var(--kc-4); }
@media (min-width: 380px) { .kc-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.kc-buy__pricerow { align-items: flex-end; flex-wrap: wrap; }
.kc-stepbar { padding: var(--kc-5) var(--kc-5) 0;
position: sticky; top: 0; z-index: 30; flex: none;
background: var(--kc-bg); }
.kc-stepbar__card { max-width: var(--kc-sec-w); margin-inline: auto;
padding: var(--kc-5); border: 1px solid var(--kc-accent-line);
border-radius: var(--kc-r-lg); background: var(--kc-accent-soft);
display: grid; gap: var(--kc-4) var(--kc-5);
grid-template-columns: auto minmax(0, 1fr); align-items: center; }
.kc-stepbar__skip { grid-column: 1 / -1; justify-self: stretch; }
@media (min-width: 860px) {
.kc-stepbar__card { grid-template-columns: auto minmax(0, 1fr) auto; }
.kc-stepbar__skip { grid-column: auto; justify-self: end; }
}
.kc-stepbar__ico { flex: none; display: grid; place-items: center; width: 40px; height: 40px;
border-radius: var(--kc-r-pill); background: var(--kc-accent-ink);
color: var(--kc-bg); }
.kc-stepbar__ico svg { width: 20px; height: 20px; }
.kc-stepbar__text { min-width: 0; }
.kc-stepbar__say { margin: 0; font-weight: 700; line-height: 1.3;
font-size: clamp(17px, 2.1vw, 23px); color: var(--kc-ink); }
.kc-stepbar__where { margin-top: var(--kc-1); font-size: 13px; color: var(--kc-ink-2); }
.kc-stepbar__note { max-width: var(--kc-sec-w); margin-inline: auto;
padding: var(--kc-4) var(--kc-5) 0;
font-size: 14px; line-height: 1.6; color: var(--kc-ink-2); }
.kc-chaplist { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--kc-1); }
.kc-chaplist__row { display: flex; align-items: baseline; gap: var(--kc-4);
padding-block: var(--kc-3); }
.kc-chaplist__row + .kc-chaplist__row { border-top: 1px solid var(--kc-border-soft); }
.kc-chaplist__no { flex: none; min-width: 2.5ch; font-weight: 700; color: var(--kc-accent-ink);
font-variant-numeric: tabular-nums; }
.kc-chaplist__name { flex: 1 1 auto; min-width: 0; display: grid; gap: 2px; }
.kc-chaplist__meta { display: flex; align-items: center; flex-wrap: wrap; gap: var(--kc-2);
font-size: 12px; color: var(--kc-ink-3); }
.kc-chaplist__stage { font-weight: 600; color: var(--kc-ink-2); }
.kc-chaplist__unit { font-size: 12px; font-weight: 500; color: var(--kc-ink-3); }
.kc-chaplist--stages > li > .kc-chaplist__n { font-size: 14px; font-weight: 700;
white-space: nowrap; font-variant-numeric: tabular-nums;
min-width: 5.5rem; text-align: right; }
.kc-chaplist--stages > li > .kc-chaplist__acts { flex: none; min-width: 5rem;
justify-content: flex-end; }
.kc-chaplist__stats { flex: none; display: grid; grid-auto-flow: column;
grid-auto-columns: 5.5rem; align-items: baseline; font-size: 12px;
color: var(--kc-ink-3); white-space: nowrap; }
.kc-chaplist__stats b { font-size: 14px; color: var(--kc-ink); font-variant-numeric: tabular-nums; }
@media (min-width: 1000px) {
.kc-chaplist__acts > [data-dialog^="phan-tich-chang-"] { display: none; }
.kc-chaplist__acts > [data-dialog^="so-lieu-buoc-"] { display: none; }
}
@media (max-width: 999px) {
.kc-chaplist__stats { display: none; }
}
.kc-chaplist__acts { display: flex; align-items: center; gap: var(--kc-1); }
.kc-funviz { display: grid; align-items: stretch; max-width: 420px; margin-inline: auto; }
.kc-funviz__slot { position: relative; min-width: 0; padding-bottom: 2px; }
.kc-funviz__band { position: relative; height: 100%; min-height: 74px;
background: var(--kc-accent); }
.kc-funviz__band--d1 { background: color-mix(in srgb,
var(--kc-accent) calc(var(--kc-fun-top) * .42), var(--kc-fun-wash)); }
.kc-funviz__band--d2 { background: color-mix(in srgb,
var(--kc-accent) calc(var(--kc-fun-top) * .57), var(--kc-fun-wash)); }
.kc-funviz__band--d3 { background: color-mix(in srgb,
var(--kc-accent) calc(var(--kc-fun-top) * .71), var(--kc-fun-wash)); }
.kc-funviz__band--d4 { background: color-mix(in srgb,
var(--kc-accent) calc(var(--kc-fun-top) * .86), var(--kc-fun-wash)); }
.kc-funviz__band--d5 { background: color-mix(in srgb,
var(--kc-accent) var(--kc-fun-top), var(--kc-fun-wash)); }
.kc-funviz__slot:first-child > .kc-funviz__band { border-radius: var(--kc-r-md) var(--kc-r-md) 0 0; }
.kc-funviz__slot:last-child > .kc-funviz__band { border-radius: 0 0 var(--kc-r-md) var(--kc-r-md); }
.kc-funviz__lab { position: absolute; inset: 0 0 2px; display: flex; flex-direction: column;
align-items: center; justify-content: center; gap: 1px; text-align: center;
padding: var(--kc-2) var(--kc-3); pointer-events: none; }
.kc-funviz__name { font-size: 13px; font-weight: 700; line-height: 1.3; color: var(--kc-ink); }
.kc-funviz__fig { font-size: 12px; font-weight: 600; color: var(--kc-ink); }
.kc-funviz__sub { font-size: 12px; color: var(--kc-ink); }
.kc-duo { display: grid; align-items: stretch; gap: var(--kc-6);
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.kc-duo__col > .kc-card { flex: 1; }
.kc-duo__col { min-width: 0; display: flex; flex-direction: column; }
@media (min-width: 1160px) {
.kc-funreport__tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
.kc-duo { grid-template-columns: minmax(0, 1fr); }
}
.kc-seg { display: flex; gap: 2px; padding: 2px; border-radius: var(--kc-r-md);
background: var(--kc-border-soft); }
@media (max-width: 600px) {
.kc-seg__on { padding: var(--kc-1) var(--kc-2); }
}
.kc-seg__on { padding: var(--kc-1) var(--kc-3); border-radius: var(--kc-r-sm);
text-decoration: none; color: var(--kc-ink-2); font-size: 13px;
white-space: nowrap; }
.kc-seg__on.is-on { background: var(--kc-surface); color: var(--kc-ink); font-weight: 600; }
.kc-ladders { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--kc-5); }
@media (max-width: 720px) { .kc-ladders { grid-template-columns: 1fr; gap: var(--kc-6); } }
.kc-ladder { display: grid; gap: var(--kc-3); align-content: start; }
.kc-ladder__head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--kc-3);
font-size: 13px; font-weight: 700; letter-spacing: .06em;
text-transform: uppercase; color: var(--kc-ink-2); }
.kc-ladder--mine > .kc-ladder__head { color: var(--kc-ink); }
.kc-rungs { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--kc-3); }
.kc-rung { display: flex; flex-wrap: wrap; align-items: center; gap: var(--kc-3);
padding: var(--kc-4) var(--kc-5); border: 1px solid var(--kc-border);
border-radius: var(--kc-r-md); }
.kc-rung__pct { flex: none; min-width: 3.5ch; font-size: 22px; font-weight: 700; line-height: 1.2;
color: var(--kc-accent-ink); font-variant-numeric: tabular-nums; }
.kc-rung__when { flex: 1 1 12ch; min-width: 0; color: var(--kc-ink-2); font-size: 15px; }
.kc-rung--here { border-color: var(--kc-accent); }
.kc-faqlist { display: grid; }
.kc-faqlist details { border-top: 1px solid var(--kc-border); padding-block: var(--kc-4); }
.kc-faqlist summary { cursor: pointer; font-weight: 600; list-style: none; }
.kc-faqlist summary::-webkit-details-marker { display: none; }
.kc-faqlist summary { display: flex; align-items: center; justify-content: space-between;
gap: var(--kc-4); }
.kc-faqlist summary::after { content: '+'; flex: none; font-weight: 400; color: var(--kc-ink-2); }
.kc-faqlist details[open] summary::after { content: '−'; }
.kc-faqlist p { margin-top: var(--kc-3); color: var(--kc-ink-2); }
.kc-proof--pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 768px) { .kc-proof--three { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.kc-embed { position: relative; aspect-ratio: 16 / 9; background: var(--kc-bg-void); }
.kc-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.kc-embed__blocked {
position: absolute; inset: auto 0 0; z-index: 1;
display: flex; flex-wrap: wrap; gap: var(--kc-3); align-items: center;
padding: var(--kc-4); background: var(--kc-bg-void); color: var(--kc-on-void);
}
.kc-embed__blocked p { flex: 1 1 220px; min-width: 0; margin: 0; font-size: 14px; line-height: 1.45; }