.ctc{--bg:#fff;--fg:#0b1220;--muted:#556275;--line:#e8edf3;--tile:#f9fbfd;--accent:#3b82f6;--focus:#38bdf8}
.ctc{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;max-width:860px;margin:14px auto;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--fg);box-shadow:0 4px 18px rgba(2,6,23,.04)}
.ctc .ctc-title{font-size:26px;margin:0 0 6px;font-weight:800;color:#0a0f1a}
.ctc .ctc-sub{font-size:13px;color:var(--muted);margin-bottom:10px}
.ctc .grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:860px){.ctc .grid{grid-template-columns:1fr 1fr 1fr} .ctc .grid > div{min-width:0}}
.ctc label{display:block;font-size:13px;color:#5d6b80;margin-bottom:6px;font-weight:700}
.ctc input,.ctc select{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:15px;background:var(--bg);color:var(--fg);height:44px;outline:none;transition:border-color .15s, box-shadow .15s}
.ctc input:focus-visible,.ctc select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,130,246,.18)}
.ctc .tile{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--tile)}
.ctc .tile .t{font-size:12px;color:#6a768a;font-weight:700}
.ctc .tile .v{margin-top:4px;font-weight:900;font-size:18px;color:#0a0f1a}
.ctc .tile.emphasis{background:linear-gradient(180deg,#f9fbfd,#ffffff);border-width:2px}
.ctc .tile .big{font-size:22px}
.ctc .section{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.ctc .note{margin-top:8px;font-size:12px;color:#6b7489}
.ctc .s{font-size:12px;color:#6b7489}
.ctc .hint{margin-top:6px;font-size:12px;color:#6a768a}

/* Help box (deep blue gradient like user's style) */
.ctc .ctc-help{margin: 18px 0; padding: 18px; background: linear-gradient(135deg, #1e73be, #4ca5d0); border-radius: 10px; box-shadow: 0 4px 14px rgba(0,0,0,0.15); color: #fff; line-height: 1.7; font-size: 14px;}
.ctc .ctc-help > strong{font-size:16px}
.ctc .ctc-help ul{margin: 10px 0 0 18px; padding:0; list-style: disc;}
.ctc .ctc-help .warn{margin-top: 10px; padding:12px; background: rgba(0,0,0,0.18); border-radius: 6px;}