.tf-sec{background:linear-gradient(180deg, var(--soft), var(--surface));padding-block:clamp(28px,5vw,64px)}.tf-wrap{max-width:760px}.tf{margin-top:28px;padding:clamp(20px,4vw,32px)}.tf-prog{color:var(--muted);align-items:center;gap:12px;margin-bottom:18px;font-size:.85rem;display:flex}.tf-prog progress{appearance:none;background:var(--line);border:0;border-radius:999px;flex:1;height:6px;overflow:hidden}.tf-prog progress::-webkit-progress-bar{background:var(--line)}.tf-prog progress::-webkit-progress-value{background:var(--accent-grad);border-radius:999px}.tf-prog progress::-moz-progress-bar{background:var(--accent)}.tf-q{outline:none;margin:0 0 6px;font-size:1.2rem}.tf-hint{color:var(--muted);margin:0 0 14px;font-size:.92rem}.tf-opts{gap:10px;margin-top:14px;display:grid}.tf-opt{font:inherit;text-align:start;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);cursor:pointer;padding:14px 16px;line-height:1.7;transition:border-color .2s,background-color .2s,transform .2s}.tf-opt:hover,.tf-opt:focus-visible{border-color:var(--accent);background:var(--accent-soft);transform:translate(-2px)}.tf-nav{margin-top:16px}.tf-result{outline:none}.tf-badge{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;margin-bottom:10px;padding:2px 12px;font-size:.78rem;font-weight:700;display:inline-block}.tf-badge.urgent{color:#b91c1c;background:#fee2e2}:root[data-theme=dark] .tf-badge.urgent{color:#fca5a5;background:#3b1a1a}.tf-rt{font-size:1.3rem}.tf-tip{background:var(--soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 14px;font-size:.92rem}.tf-result h3{margin-top:1.4em}.tf-links{gap:8px;margin:0 0 8px;padding:0;list-style:none;display:grid}.tf-links a{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);gap:2px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;display:grid;text-decoration:none!important}.tf-links a:hover{border-color:var(--accent);box-shadow:var(--shadow)}.tf-links strong{color:var(--ink)}.tf-links span{color:var(--muted);font-size:.88rem}.tf-result .btn-row{margin-top:18px}.tf-link{color:var(--accent-ink);font:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;margin-top:16px;padding:0;text-decoration:underline;display:inline-block}.tf-disc .ltr{white-space:nowrap}.tf-disc{color:var(--muted);align-items:flex-start;gap:10px;margin-top:20px;font-size:.88rem;display:flex}.tf-disc .ico{color:var(--accent);flex:none;margin-top:4px}
