.tp{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:22px;margin-top:22px}
.tp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.tp label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.95rem}
.tp input{font:inherit;font-weight:500;padding:11px 14px;border:1px solid var(--line);border-radius:20px;background:#fffefc;color:var(--ink);width:100%}
.tp input:focus{border-color:var(--fjord);outline:none;box-shadow:0 0 0 3px rgba(43,94,69,.2)}
.tp small{font-weight:400;color:var(--ink2);font-size:.82rem;line-height:1.35}
.tp-out{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tp-out div{background:var(--bone);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.tp-out span{font-size:.88rem;color:var(--ink2)}.tp-out b{font-size:1.35rem;letter-spacing:-.01em}
.tp-out b.tp-main{color:var(--fjord);font-size:1.7rem}
@media (max-width:640px){.tp-grid,.tp-out{grid-template-columns:1fr}.tp{padding:16px}}