/* Prop trading: the challenge builder (controls + a card styled after ActProp's "Challenge rules" panel). */
.pt-design{padding:95px 6% 80px;background:#e9ddce}
.pt-builder{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:5%;align-items:start;margin-top:36px}
.pt-controls{display:flex;flex-direction:column;gap:22px}
.pt-seg{display:flex;gap:8px;border:0;margin:0;padding:0}.pt-seg legend{font-size:12px;color:var(--muted);margin-bottom:10px}.pt-seg label{position:relative}.pt-seg input{position:absolute;opacity:0}.pt-seg label{padding:10px 18px;border:1px solid #ab8b6d;border-radius:30px;font-size:13px;color:#51321e;cursor:pointer}.pt-seg label:has(input:checked){background:#51321e;border-color:#51321e;color:#fff0db}.pt-seg label:has(input:focus-visible){outline:2px solid #8c5530;outline-offset:3px}
.pt-field{display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--muted)}.pt-field>span{display:flex;justify-content:space-between}.pt-field output{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.pt-field select{padding:11px 12px;border:1px solid #b59678;border-radius:8px;background:#fffaf3;color:var(--ink)}.pt-field input[type=range]{accent-color:#8c5530;width:100%}.pt-field[hidden]{display:none}
.pt-preview{border-radius:12px;overflow:hidden;box-shadow:0 30px 70px -20px #51321e66,0 0 0 1px #765237}
.pt-card{--good:#2f7d55;background:#fffaf3;color:#2a2019;padding:24px 26px 26px;font-variant-numeric:tabular-nums}
.pt-card-head{display:flex;align-items:center;gap:14px}.pt-card-head>div{flex:1;min-width:0}.pt-card-head b{display:block;font-size:19px;font-weight:600;letter-spacing:-.01em}.pt-card-head small{font-size:12px;color:#715b48}
.pt-badge{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f3e3d1;color:#a45d32}
.pt-phase{padding:6px 12px;border-radius:20px;border:1px solid #d9b48f;background:#fbeee0;color:#8c5530;font-size:12px;white-space:nowrap}
.pt-tabs{display:flex;gap:6px;margin:22px 0 18px;padding-bottom:16px;border-bottom:1px solid #ead9c6}.pt-tabs button{border:0;border-radius:8px;padding:9px 16px;background:none;color:#51321e;font-size:13px}.pt-tabs button[aria-selected=true]{background:#a45d32;color:#fff}.pt-tabs button[hidden]{display:none}
.pt-card h3{font-size:16px;font-weight:600;margin-bottom:14px}
.pt-rules{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.pt-rules>div{padding:14px 16px;border-radius:10px;background:#f6ede2}.pt-rules dt{font-size:12px;color:#715b48}.pt-rules dd{margin:6px 0 4px;font-size:22px;font-weight:600;letter-spacing:-.02em}.pt-rules small{font-size:11px;color:#8a7360}
.pt-path{margin-top:18px;font-size:13px;line-height:1.7;color:#51321e}
@media(max-width:1000px){.pt-builder{grid-template-columns:1fr;gap:40px}}
@media(max-width:760px){.pt-design{padding:65px 6%}.pt-card{padding:18px}.pt-rules{grid-template-columns:1fr}.pt-card-head{flex-wrap:wrap}}

/* Black theme (the platform's own black skin tokens) for the challenge card, the platform's default look on the site. */
.pt-card{background:#000000;color:#dddddd}.pt-card-head small,.pt-rules dt,.pt-rules small{color:#a8a8a8}
.pt-badge{background:#0f0f0f;color:#c97b4a}.pt-phase{background:#0f0f0f;border-color:#575757;color:#c97b4a}
.pt-tabs{border-color:#2f2e2e}.pt-tabs button{color:#c3c3c2}.pt-tabs button[aria-selected=true]{background:#c97b4a;color:#000}
.pt-rules>div{background:#0f0f0f;border:1px solid #2f2e2e}.pt-path{color:#c3c3c2}
