.tl-cols{display:grid;gap:var(--s5);grid-template-columns:1fr;margin-block:var(--s5)}
@media(min-width:760px){.tl-cols{grid-template-columns:1fr 1fr}}
.tl-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s4) var(--s5)}
.tl-card h2{margin:0 0 var(--s3);font-size:var(--fs-h3)}
.tl-card ul{margin:0;padding-inline-start:1.2em;display:grid;gap:var(--s2)}
.tl-card--no{border-inline-start:4px solid var(--alert)}
.tl-card--ok{border-inline-start:4px solid var(--ok)}
.tl-know{background:var(--surface);border:1px solid var(--line-strong);border-inline-start:4px solid var(--gold);border-radius:var(--r2);padding:var(--s4) var(--s5);margin-block:var(--s5);max-width:760px}
.tl-know h2{margin:0 0 var(--s3);font-size:var(--fs-h3)}
.tl-know ul{margin:0;padding-inline-start:1.2em;display:grid;gap:var(--s2)}
.tl-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s5);margin-block:var(--s6);max-width:760px;display:grid;gap:var(--s4);position:relative}
.tl-form h2{margin:0}
.tl-form p{margin:0}
.tl-field{display:grid;gap:6px;font-size:var(--fs-small);font-weight:700;color:var(--text-2);min-width:0}
.tl-field small{font-weight:400;color:var(--text-3)}
.tl-form input[type=text],.tl-form input[type=email],.tl-form input[type=tel],.tl-form input[type=url],.tl-form select,.tl-form textarea{min-height:var(--tap);border:1px solid var(--line-strong);border-radius:var(--r1);padding:8px 12px;font:inherit;font-weight:400;background:var(--surface);color:var(--text);width:100%;box-sizing:border-box}
.tl-form textarea{min-height:160px;resize:vertical}
.tl-form :is(input,select,textarea):focus-visible,.tl-form button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.tl-form [aria-invalid=true]{border-color:var(--alert);border-width:2px}
.tl-count{font-size:var(--fs-caption);color:var(--text-3);font-weight:400;text-align:end}
.tl-check{display:flex;gap:var(--s3);align-items:flex-start;font-size:var(--fs-small);font-weight:400;color:var(--text);min-height:var(--tap)}
.tl-check input{width:22px;height:22px;margin-top:2px;flex:none}
.tl-sub{border-inline-start:3px solid var(--line-strong);padding-inline-start:var(--s4);display:grid;gap:var(--s3)}
.tl-hint{font-size:var(--fs-small);color:var(--text-2);font-weight:400}
.tl-hp{position:absolute;inset-inline-start:0;width:1px;height:1px;min-height:0;margin:0;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);opacity:0;pointer-events:none}
.tl-errs{border:2px solid var(--alert);border-radius:var(--r1);padding:var(--s3) var(--s4);color:var(--text)}
.tl-errs[hidden]{display:none}
.tl-errs strong{display:block;margin-bottom:var(--s2)}
.tl-errs ul{margin:0;padding-inline-start:1.2em}
.tl-btn{min-height:var(--tap);padding:10px 28px;border:0;border-radius:var(--r1);background:var(--accent);color:var(--accent-on);font:inherit;font-weight:800;cursor:pointer}
.tl-btn:disabled{opacity:.6;cursor:progress}
.tl-done{background:var(--surface);border:1px solid var(--line);border-inline-start:4px solid var(--ok);border-radius:var(--r2);padding:var(--s5);margin-block:var(--s6);max-width:760px}
.tl-done h2{margin:0 0 var(--s3)}
.tl-ref{display:inline-block;font-family:ui-monospace,Consolas,monospace;font-size:var(--fs-h3);font-weight:800;padding:var(--s2) var(--s4);border:1px dashed var(--line-strong);border-radius:var(--r1);margin-block:var(--s2);direction:ltr;unicode-bidi:isolate}
.tl-steps{margin:0;padding-inline-start:1.4em;display:grid;gap:var(--s2);max-width:760px}
.tl-links{display:flex;flex-wrap:wrap;gap:var(--s4);margin-block:var(--s4)}
.tl-links a{min-height:var(--tap);display:inline-flex;align-items:center}
@media(prefers-reduced-motion:reduce){.tl-form *{transition:none!important}}