/* Participant visual rhythm: balance first, lighter task browsing, readable controls. */
.participant-shell{background:#f7f8f4}
.participant-shell .workspace-main{background:#f7f8f4}
.participant-shell .workspace-sidebar{background:#fff;border-right:1px solid #e0e4da}
.participant-shell .workspace-sidebar a{border-radius:6px}
.participant-shell .workspace-sidebar a[aria-current=page]{box-shadow:inset 3px 0 0 #20241c;background:#f4f7dc}
.participant-shell .pt-review-note{background:#fff;padding-block:10px;gap:8px 18px}
.participant-shell .pt-review-note>span{font-size:10px;letter-spacing:.04em}
.participant-shell .pt-review-note p{font-size:11px}
.participant-shell .pt-review-note a{display:inline-flex;align-items:center;min-height:32px}
.participant-shell .td-page{padding-top:24px}
.td-page .td-workspace-heading{padding:0;margin-bottom:22px;align-items:flex-start}
.td-page .td-workspace-heading h1{font-size:30px;line-height:1.15;margin-bottom:8px;overflow-wrap:anywhere}
.td-page .td-workspace-heading .td-eyebrow{font-size:10px;margin-bottom:7px}
.td-page .td-workspace-heading p:not(.td-eyebrow){font-size:13px}
.td-workspace-tags .td-tag{font-size:11px;background:transparent}
.td-page .td-balance-overview{background:#fff;border:1px solid var(--td-line);border-radius:9px;margin-bottom:30px;overflow:hidden}
.td-balance-overview>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:1px solid #e8ebe2;flex-wrap:wrap}
.td-page .td-balance-overview h2{font-size:17px;letter-spacing:-.25px;display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.td-balance-overview h2>span{font-size:10px;font-weight:500;letter-spacing:0;text-transform:uppercase;color:#66705d;border:1px solid #dce1d4;border-radius:4px;padding:4px 7px}
.td-balance-overview>header .td-text-link{min-height:30px;display:inline-flex;align-items:center}
.td-balance-grid{display:grid;grid-template-columns:1.1fr 1fr}
.td-balance-grid>article{padding:22px 26px;min-width:0}
.td-balance-grid>article+article{border-left:1px solid #e0e5d6}
.td-balance-grid .td-balance-primary{background:#f5f7e7;box-shadow:inset 4px 0 0 var(--td-yellow)}
.td-balance-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;line-height:1.5}
.td-balance-label .td-icon{width:19px;height:19px}
.td-balance-grid strong{display:block;font-size:39px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-1.2px;line-height:1.15;margin:10px 0 8px;overflow-wrap:anywhere}
.td-balance-grid strong small{font-size:13px;letter-spacing:0;font-weight:500}
.td-page .td-balance-grid p{font-size:11px;line-height:1.6}
.td-balance-grid p>b{font-weight:500;color:#3e4a32}
.td-balance-overview>footer{display:flex;align-items:center;gap:12px 23px;flex-wrap:wrap;padding:11px 22px;border-top:1px solid #e8ebe2}
.td-activity-link{display:inline-flex;align-items:center;gap:7px;min-height:34px;font-size:12px;text-decoration:none}
.td-activity-link:hover{text-decoration:underline;text-underline-offset:3px}
.td-activity-link .td-icon{width:16px;height:16px;opacity:.75}
.td-activity-link strong{font-variant-numeric:tabular-nums}
.td-balance-overview>footer>span{margin-left:auto;font-size:11px;color:#66705d;line-height:1.6}
.td-page .td-catalog-note{font-size:12px;max-width:660px;margin-bottom:18px}
.td-page .td-catalog-count{font-size:29px}
.td-page .td-catalog-count span{font-size:11px}
.td-task-card .td-product-art{height:154px}
.td-task-card{box-shadow:0 2px 5px #20241c03;transition:border-color .18s,box-shadow .18s}
.td-task-card:focus-within{border-color:#8b986c;box-shadow:0 0 0 1px #8b986c}
@media(hover:hover){.td-task-card:hover{border-color:#a3af94;box-shadow:0 5px 18px #20241c0b}}
.td-page .td-task-body{padding:18px 20px 20px}
.td-page .td-task-body h3{font-size:20px;line-height:1.25}
.td-page .td-task-body>p{font-size:13px;line-height:1.65;min-height:0}
.td-page .td-task-meta{font-size:11px;line-height:1.5;gap:8px 13px;margin-top:14px}
.td-page .td-card-top .td-eyebrow{font-size:10px}
.td-page .td-visual-label{font-size:10px;top:13px;right:14px}
.td-page .td-card-terms{margin:15px 0;padding-top:14px;gap:14px}
.td-page .td-card-terms>div>span{font-size:11px}
.td-page .td-card-terms strong{font-size:23px;font-variant-numeric:tabular-nums}
.td-page .td-card-terms .td-card-term-copy{font-size:14px;line-height:1.5;letter-spacing:0}
.td-page .td-card-terms small{font-size:11px}
.td-page .td-card-comparison>span,.td-page .td-card-comparison>.td-card-member-rate{font-size:11px;gap:7px}
.td-page .td-card-comparison>.td-card-member-rate{min-height:40px;padding-inline:9px}
.td-page .td-card-rate-cue>span{font-size:11px}
.td-page .td-task-body>.td-button{min-height:46px;font-size:13px}
.td-current-state{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:9px}
.td-current-state>span:last-child:not(.td-state-tag){font-size:11px;color:var(--td-muted)}
.td-page .td-state-tag{display:inline-flex;gap:6px;font-size:11px;font-weight:500;line-height:1.4;padding:6px 8px}
.td-state-tag .td-icon{width:14px;height:14px}
.td-state-in_progress{background:#f4f6ed;color:#455438;border-color:#d7deca}
.td-state-changes_requested{background:#fff4df;color:#7c4f13;border-color:#e4c58c}
.td-state-under_review{background:#f1f2ef;color:#555e4d;border-color:#d4d9cd}
.td-state-keeping_live{background:#f5f7de;color:#556019;border-color:#d5ddad}
.td-state-completed{background:#edf5eb;color:#355d31;border-color:#cbdcc5}
.td-joined-task[data-status=changes_requested]{border-left:3px solid #b98431}
.td-page .td-joined-copy .td-task-meta{font-size:11px}
.td-page .td-joined-copy>p{font-size:13px;line-height:1.6}
.td-page .td-current-list .td-button{min-height:44px;font-size:12px}
.td-page .td-current-list .td-eyebrow{font-size:10px}
.td-page .td-queue-filter{min-height:49px;background:#fff}
.td-page .td-queue-filter span{font-size:12px}
.td-page .td-queue-filter strong{font-size:20px;font-variant-numeric:tabular-nums}
.td-page .td-queue-filter.is-active{background:#f4f7dc}
.td-page .td-bottom-callout{padding:21px 23px;background:transparent;border-color:#d9dfcf}
.td-page .td-bottom-callout p{font-size:12px}
.td-page .td-bottom-callout h2{font-size:17px}
.td-page .td-heading h1,.td-page .td-task-heading h1{font-size:32px;line-height:1.18;overflow-wrap:anywhere}
.td-page .td-text-link{min-height:30px;align-items:center}
.td-page .td-field>span,.td-page .td-check,.td-page .td-reward-form>label{font-size:13px}
.td-page .td-field small,.td-page .td-side-details dt,.td-page .td-side-details dd{font-size:12px;line-height:1.6}
.td-page .td-field-error{font-size:12px}
.td-page .td-progress li{font-size:12px}
.td-page .td-storage-note{font-size:11px!important;line-height:1.6}
.participant-header .pi-rate-note,.participant-header .pi-demo-note{font-size:11px}
.participant-header .pi-trigger-copy small{font-size:10px}
.participant-shell .pt-profile-form .pt-field>span,.participant-shell .pt-profile-form .pt-button{font-size:13px}
.participant-shell .pt-profile-form .pt-field small{font-size:12px;line-height:1.6}
@media(max-width:1180px){
 .td-balance-overview>footer>span{margin-left:0;flex-basis:100%}
}
@media(max-width:760px){
 .participant-shell .td-page{padding:23px 24px 40px}
 .td-page .td-workspace-heading h1{font-size:28px}
 .td-workspace-tags{margin-top:13px}
 .td-balance-overview>header{padding:13px 18px}
 .td-balance-grid>article{padding:20px}
 .td-balance-grid strong{font-size:34px}
 .td-balance-overview>footer{padding:8px 18px;gap:5px 20px}
 .td-page .td-balance-overview{margin-bottom:27px}
}
@media(max-width:560px){
 .participant-shell .td-page{padding:22px 18px 36px}
 .participant-shell .pt-review-note{padding:9px 18px;gap:2px 10px}
 .participant-shell .pt-review-note a{min-height:36px;font-size:11px}
 .participant-shell .pt-review-note p{font-size:11px;line-height:1.5}
 .td-page .td-workspace-heading{margin-bottom:18px}
 .td-page .td-workspace-heading h1{font-size:26px;letter-spacing:-.7px}
 .td-page .td-workspace-heading p:not(.td-eyebrow){font-size:12px}
 .td-workspace-tags{display:none}
 .td-balance-overview>header{padding:12px 15px;gap:2px 10px}
 .td-page .td-balance-overview h2{font-size:16px;gap:7px}
 .td-balance-overview h2>span{font-size:9px}
 .td-balance-overview>header .td-text-link{font-size:11px;min-height:36px}
 .td-balance-grid{grid-template-columns:1fr 1fr}
 .td-balance-grid>article{padding:17px 15px}
 .td-balance-label{font-size:11px;gap:6px;align-items:flex-start}
 .td-balance-label .td-icon{width:16px;height:16px}
 .td-balance-grid strong{font-size:30px;letter-spacing:-.8px}
 .td-balance-grid strong small{font-size:11px}
 .td-page .td-balance-grid p{font-size:11px}
 .td-balance-overview>footer{padding:8px 15px;gap:2px 16px}
 .td-activity-link{font-size:11px;min-height:40px;gap:6px}
 .td-balance-overview>footer>span{font-size:10px;line-height:1.5;padding-bottom:4px}
 .td-page .td-task-grid{gap:16px}
 .td-task-card .td-product-art{height:140px}
 .td-page .td-task-body{padding:17px 18px 19px}
 .td-page .td-task-meta{margin-top:12px}
 .td-page .td-card-comparison>.td-card-member-rate{min-height:44px}
 .td-page .td-current-list>article{padding:18px;flex-wrap:wrap;gap:12px}
 .td-page .td-current-list>article>div{min-width:0;flex:1 1 190px}
 .td-page .td-current-list .td-button{font-size:12px;min-height:44px}
 .td-page .td-catalog .td-section-head{gap:12px}
 .td-page .td-catalog-count{font-size:27px}
 .td-page .td-catalog .td-section-head h2{font-size:21px}
 .td-page .td-catalog-note{font-size:12px;line-height:1.65}
 .td-page .td-heading h1,.td-page .td-task-heading h1{font-size:27px;letter-spacing:-.7px}
 .td-page .td-progress li{font-size:11px}
 .td-page .td-bottom-callout{padding:18px;gap:12px}
 .td-page :is(.td-field input,.td-field textarea,.td-duration-form select,.td-duration-form input,.td-reward-form input),.participant-shell .pt-profile-form input{font-size:16px}
}
@media(max-width:370px){
 .td-balance-grid>article{padding:16px 12px}
 .td-balance-label{font-size:11px;gap:5px}
 .td-balance-label .td-icon{display:none}
 .td-balance-grid strong{font-size:28px}
 .td-page .td-task-body{padding-inline:16px}
 .td-page .td-state-tag{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.td-task-card{transition:none}.td-button:hover{transform:none}}
