/* © 2026 WiredType. /plan, the WiredType plan (site/js/plan.js), inside the Together page chrome (together.css). */
.wt-plan { max-width: 820px; margin: 0 auto; padding: 32px 16px 24px; }
.wt-plan__status { margin: 14px 0 0; font-size: 17px; line-height: 1.5; }
.wt-plan__status:focus { outline: none; }
.wt-plan__intro, .wt-plan__keeps, .wt-plan__note { margin: 14px 0 0; color: var(--text-secondary); font-size: 15px; line-height: 1.55; }
.wt-plan__table { width: 100%; margin: 22px 0 0; border-collapse: collapse; font-size: 15px; }
.wt-plan__table th, .wt-plan__table td { padding: 12px 10px; border-bottom: 1px solid var(--tg-line-2, rgba(127,127,127,.25)); text-align: left; vertical-align: top; }
.wt-plan__table thead th { font: 700 14px var(--font-heading); }
.wt-plan__table thead th.is-yours { color: var(--tg-me, var(--text)); }
.wt-plan__table tbody th { font-weight: 600; }
.wt-plan__act { margin: 24px 0 0; }
.wt-plan__act .tg-ap-btn { white-space: normal; text-align: center; line-height: 1.3; padding: 10px 18px; }
@media (max-width: 480px) { .wt-plan__table { font-size: 14px; } .wt-plan__table th, .wt-plan__table td { padding: 10px 6px; } }
/* PLAN-REFRAME-112: the membership headline under the status, and one box per plan with its price and its two buttons. */
.wt-plan__headline { margin: 22px 0 0; font: 700 clamp(20px, 1.25rem, 26px)/1.3 var(--font-heading); color: var(--text); text-wrap: balance; }
.wt-plan__buy { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 0; padding: 16px; border: 1px solid var(--tg-line-2, rgba(127,127,127,.25)); border-radius: 12px; }
.wt-plan__buy .wt-plan__price { flex: 1 0 100%; margin: 0 0 4px; font: 600 16px/1.45 var(--font-body, inherit); color: var(--text); }
.wt-plan__buy .tg-ap-btn { flex: 1 1 200px; }
.wt-plan__manage { color: inherit; text-decoration: underline; text-underline-offset: 3px; }