/* Trade pages written one at a time (CoS 1336, 2026-09-28). Each page has its own section order;
   these are the few shapes they share: a quote card, a data table, a note list, a link row. */
#landing .tp{max-width:860px;margin:0 auto}
#landing .tp>p,#landing .tp>ul{color:var(--muted);font-size:16.5px;line-height:1.65;max-width:720px;margin:0 auto 18px}
#landing .tp>p b,#landing .tp li b{color:var(--txt)}
#landing .tp>ul{padding-left:20px}
#landing .tp>ul li{margin:0 0 9px}
#landing .tp h3{font-size:18px;font-weight:800;margin:26px auto 10px;max-width:720px}
.tp-table{width:100%;max-width:720px;margin:6px auto 18px;border-collapse:collapse;font-size:15.5px}
.tp-table th{text-align:left;font-size:11.5px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);font-weight:800;padding:8px 10px;border-bottom:1px solid var(--line-strong)}
.tp-table td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.45}
.tp-table td:last-child,.tp-table th:last-child{text-align:right;white-space:nowrap}
.tp-table td.n,.tp-table th.n{text-align:right;white-space:nowrap}
.tp-est{max-width:560px;margin:8px auto 20px;background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:16px;padding:18px 18px 14px}
.tp-est-k{font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--accent)}
.tp-est-t{font-size:19px;font-weight:850;margin:4px 0 2px}
.tp-est-for{color:var(--muted);font-size:13.5px;margin:0 0 10px;line-height:1.45}
.tp-est table{width:100%;border-collapse:collapse;font-size:14.5px}
.tp-est td{padding:9px 0;border:0;border-top:1px solid var(--line);vertical-align:top;line-height:1.4}
.tp-est td.q{color:var(--muted);text-align:right;white-space:nowrap;padding-left:10px;font-size:13px}
.tp-est td.a{text-align:right;white-space:nowrap;padding-left:12px;font-variant-numeric:tabular-nums}
.tp-est .tot td{border-top:1px dashed var(--line-strong);font-weight:850;font-size:17px;padding-top:12px}
.tp-est .prv td{border:0;padding:4px 0;color:var(--muted);font-size:14px}
.tp-est .prv.keep td{color:#3ddc97;font-weight:800}
.tp-est-n{color:var(--muted);font-size:13px;line-height:1.5;margin:10px 0 0}
div.lp-fold-money{display:block;position:relative;max-width:1100px;margin:0 auto;padding:15px 22px 18px}
/* a label that wraps ("Materials cost (you)") must not push its number below the other two */
.lp-proof[data-tp-fold] .lp-fm-figs{align-items:end}
#landing .lp-hero.trade-hero h1,#landing .lp-hero.trade-hero .lp-sub{padding-left:16px;padding-right:16px;box-sizing:border-box}
@media(max-width:720px){div.lp-fold-money{padding:13px 22px 16px}}
.tp-price{text-align:center}
.tp-price p{color:var(--muted);font-size:17px;line-height:1.6;max-width:620px;margin:0 auto 20px}
.tp-price p b{color:var(--txt)}
.tp-links{max-width:720px;margin:0 auto;color:var(--muted);font-size:15px;line-height:2}
.tp-links a{white-space:nowrap}
.tp-faq{max-width:720px;margin:0 auto}
.tp-faq details{border-top:1px solid var(--line);padding:14px 0}
.tp-faq summary{font-weight:750;font-size:16.5px;cursor:pointer;line-height:1.4}
.tp-faq details p{color:var(--muted);font-size:15.5px;line-height:1.65;margin:10px 0 0}
.tp-calc{max-width:560px;margin:0 auto}
.tp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:560px){.tp-table{font-size:14.5px}.tp-table td,.tp-table th{padding:9px 6px}.tp-est{padding:15px 14px 12px}}
