.hcx{--hbg:#f7f5f0;--hline:#ddd5c4;--htxt:#1d2430;--hmut:#5d6675;--hacc:#c75b12;--hchip:#f2ede0;background:var(--hbg);border:1px solid var(--hline);border-radius:18px;padding:clamp(20px,4vw,36px);color:var(--htxt)}
[data-theme="dark"] .hcx{--hbg:#101724;--hline:#27354c;--htxt:#e9eef7;--hmut:#a3b2c9;--hacc:#ff9d4d;--hchip:#18233a}
.hcx-note{margin:0 0 1.3em;font-size:16px;line-height:1.55;color:var(--hmut)}
.hcx-line{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.hcx-line li{position:relative;border-top:2px solid var(--hline);padding-top:16px}
.hcx-line li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--hacc);box-shadow:0 0 0 5px color-mix(in srgb,var(--hacc) 18%,transparent)}
.hcx-line li:last-child::before{background:#e04a2c;box-shadow:0 0 0 5px rgba(224,74,44,.18)}
.hcx-t{display:block;font:700 13px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;color:var(--htxt);text-transform:uppercase}
.hcx-t2{display:inline-block;margin:.45em 0 .55em;padding:.18em .6em;border-radius:7px;background:var(--hchip);color:var(--hmut);font:600 11.5px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.hcx-line p{margin:0;font-size:14.5px;line-height:1.55}
@media (max-width:900px){.hcx-line{grid-template-columns:1fr;gap:0}.hcx-line li{border-top:none;border-left:2px solid var(--hline);padding:4px 0 18px 20px}.hcx-line li::before{top:8px;left:-7px}}