.c2c-soft-wrapper{--c2c-border:#1e293b;max-width:1060px;margin:0 auto;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1e293b;box-sizing:border-box}
.c2c-soft-wrapper *{box-sizing:border-box}
.c2c-grid{display:grid;grid-template-columns:6fr 6fr;gap:16px;align-items:start}
.c2c-card{background:#fff;border:2.5px solid var(--c2c-border);border-radius:20px;padding:20px;box-shadow:4px 4px 0 var(--c2c-border);margin-bottom:16px}
.c2c-card-title{margin:0;font-size:18px;font-weight:900}
.c2c-label{display:block;font-weight:800;font-size:13.5px;margin:11px 0 5px}
.c2c-inp{width:100%;border:2px solid var(--c2c-border);border-radius:12px;padding:9px 11px;font-size:15px;font-weight:700;background:#fffef5;font-variant-numeric:tabular-nums;font-family:inherit}
.c2c-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.c2c-calc{width:100%;margin-top:12px;border:3px solid var(--c2c-border);background:#fdba74;border-radius:16px;padding:13px;font-weight:900;font-size:16.5px;cursor:pointer;box-shadow:3px 3px 0 var(--c2c-border)}
.c2c-calc:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--c2c-border)}
.c2c-error{color:#dc2626;font-weight:800;font-size:14px;min-height:19px;margin:10px 0 0}
.c2c-details{margin-top:13px;border:2px dashed #94a3b8;border-radius:13px;padding:9px 13px;background:#f8fafc}
.c2c-details summary{font-weight:900;font-size:14px;cursor:pointer;color:#0369a1}
.c2c-note{font-size:13px;color:#64748b;line-height:1.55;margin:12px 0 0}
.c2c-placeholder{border-style:dashed;background:#fffbeb;text-align:center}
.c2c-ph-icon{font-size:36px}
.c2c-ph-text{font-size:15px;line-height:1.65;color:#475569;font-weight:600;margin:6px 0 2px}
.c2c-hero{background:linear-gradient(135deg,#fef9c3,#fde68a);border:2.5px solid var(--c2c-border);border-radius:16px;padding:15px;box-shadow:3px 3px 0 var(--c2c-border);text-align:center}
.c2c-hero-cap{display:block;font-size:12.5px;font-weight:800;color:#92400e}
.c2c-hero-val{display:block;font-size:30px;font-weight:900;margin-top:2px;font-variant-numeric:tabular-nums}
.c2c-hero-sub{display:block;font-size:13.5px;font-weight:800;color:#475569;margin-top:2px}
.c2c-mat{margin-top:13px}
.c2c-mat-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.c2c-mat-name{font-weight:900;font-size:14.5px}
.c2c-mat-cost{margin-left:auto;font-weight:800;font-size:13.5px;color:#475569;font-variant-numeric:tabular-nums;white-space:nowrap}
.c2c-bar{background:#f1f5f9;border:2px solid var(--c2c-border);border-radius:999px;height:14px;overflow:hidden;margin-top:4px}
.c2c-bar-fill{height:100%}
.c2c-vs{margin-top:15px;background:#f0fdf4;border:2.5px solid #22c55e;border-radius:15px;padding:12px 14px;font-size:14.5px;line-height:1.6}
@media (max-width:900px){.c2c-grid{grid-template-columns:1fr}}
.c2c-words{font-size:12.5px;color:#0369a1;font-weight:700;margin:4px 0 0;min-height:16px}
.c2c-words:empty{display:none}
.c2c-deprec-note{background:#f0fdf4;border:2px dashed #22c55e;border-radius:12px;padding:9px 12px;font-size:13.5px;line-height:1.55;margin-top:12px}
.c2c-stepper{display:flex;gap:5px;align-items:stretch}
.c2c-step{border:2px solid var(--c2c-border);background:#fef9c3;border-radius:11px;width:38px;font-weight:900;font-size:16px;cursor:pointer;flex:none}
.c2c-step:active{background:#fde68a}
.c2c-inp-c{text-align:center}

/* — Mobile guard 2026-10-24: chống tràn ngang (grid/flex blowout) và chống zoom khi chạm ô nhập — */
.c2c-soft-wrapper{overflow-x:clip}
.c2c-soft-wrapper *{min-width:0}
.c2c-soft-wrapper input,.c2c-soft-wrapper select,.c2c-soft-wrapper textarea{font-size:16px !important;max-width:100%}