.hctp { --ink:#123955; --blue:#074a7e; --line:#cadbe7; width:100%; max-width:66rem; box-sizing:border-box; margin:1.5rem auto; padding:clamp(1rem,3vw,2.25rem); color:var(--ink); background:#fff; line-height:1.5; }
.hctp *, .hctp *::before, .hctp *::after {box-sizing:border-box}
.hctp h2,.hctp h3,.hctp h4 {color:var(--blue);line-height:1.2}
.hctp h2 {font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 1.2rem;padding-bottom:.65rem;border-bottom:2px solid var(--line)}
.hctp h3 {margin:1.5rem 0 .6rem}.hctp h4 {margin:1.25rem 0 .3rem}
.hctp form {margin:.75rem 0}.hctp details {border-bottom:1px solid var(--line);padding:.75rem 0}.hctp summary {cursor:pointer;font-weight:700;color:var(--blue);padding:.25rem 0}
.hctp label {display:block;font-weight:600;margin:.5rem 0}.hctp input:not([type=checkbox],[type=hidden]),.hctp select,.hctp textarea {display:block;width:100%;max-width:32rem;border:1px solid #648197;border-radius:5px;background:#fff;color:#163448;padding:.6rem;font:inherit;line-height:1.4;height:auto}
.hctp fieldset {margin:.9rem 0;padding:.65rem 1rem;border:1px solid var(--line)}.hctp label.hctp-check {display:inline-flex;align-items:center;gap:.4rem;margin:.3rem 1rem .3rem 0}.hctp .hctp-check input{margin:0}
.hctp button {cursor:pointer;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:5px;padding:.65rem 1rem;font:inherit;font-weight:600;letter-spacing:normal;text-transform:none}.hctp button.hctp-secondary {background:white;color:var(--blue)}.hctp :focus-visible{outline:3px solid #146bac;outline-offset:2px}
.hctp .hctp-scroll {overflow:auto}.hctp table {width:100%;border-collapse:collapse}.hctp th,.hctp td {text-align:left;padding:.55rem;border-bottom:1px solid var(--line)}
.hctp-numbers {display:flex;flex-wrap:wrap;gap:.7rem}.hctp-numbers span {flex:1 1 8rem;background:#e9f3fa;padding:.7rem 1rem}.hctp-numbers b {display:block;font-size:1.6rem;color:var(--blue)}
.hctp-account,.hctp-row {display:flex;align-items:center;justify-content:space-between;gap:.6rem 1rem;flex-wrap:wrap}.hctp-row {border-bottom:1px solid var(--line);padding:.6rem 0}.hctp-row small {display:block}.hctp-row form {margin:0}.hctp-status:empty {display:none}.hctp-status {padding:.55rem .8rem;background:#e9f3fa}
@media(max-width:36rem){.hctp-row {display:grid}.hctp-row button{width:auto;min-height:44px}.hctp{margin:.5rem auto}.hctp th,.hctp td{padding:.4rem}}

.hctp .hctp-auth {max-width:32rem}
.hctp .hctp-auth label {display:grid;gap:.35rem;margin:0 0 1rem;font-weight:650;color:#123955}
.hctp form label input:not([type="checkbox"]):not([type="hidden"]), .hctp form label select, .hctp form label textarea {width:100%;min-height:48px;margin-top:.3rem;border:2px solid #456780 !important;border-radius:6px;background-color:#f3f8fc !important;color:#102f47 !important;padding:.7rem .85rem;font-size:max(1rem,16px);font-weight:400;opacity:1}
.hctp .hctp-auth input::placeholder {color:#516778;opacity:1}
.hctp form label :is(input,select,textarea):focus-visible {background-color:white !important;outline:3px solid #1767a0;outline-offset:2px}
.hctp .hctp-auth .hctp-register {margin-top:1.25rem;border-top:1px solid var(--line)}
.hctp .hctp-auth summary {padding:.65rem 0;color:#074a7e;text-decoration:underline;text-underline-offset:.2em}

.hctp form fieldset {background:#f3f8fc;border:2px solid #456780;border-radius:6px}
.hctp form label.hctp-check {padding:.35rem .5rem;cursor:pointer}
.hctp form .hctp-check input[type=checkbox] {appearance:auto;width:1.2rem;height:1.2rem;accent-color:#074a7e}
.hctp form .hctp-check:has(:checked) {background:#d8e8f5;border-radius:4px}
.hctp form textarea {resize:vertical}

.hctp-modes {display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}
.hctp .hctp-modes form {margin:0}