/* Task-specific compositions; controls stay adjacent to their subject. */
.task-tool .task-composition {min-width:0}
.task-tool section {min-width:0}
.task-tool .task-inputs>h2,.task-tool .task-answer>h2 {font-size:1.15rem;margin:0 0 20px}
.task-tool .task-answer {background:var(--soft,#f2f4f2);padding:24px}
.task-tool .task-actions {display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.task-tool [hidden] {display:none!important}
.task-tool .task-actions:empty {display:none}
.task-tool .grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.task-tool .stat {box-shadow:none;min-width:0}
.task-tool .stats {gap:16px}
.task-tool .stat b {font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.task-tool .task-inputs .row {gap:12px}
.task-tool .task-inputs .grid {margin-bottom:20px}
.task-tool .task-composition .big-num {font-size:clamp(1.7rem,3vw,2.6rem);overflow-wrap:anywhere}
.task-tool .task-answer>.out>.result {background:none;padding:0;margin:0 0 24px}
.task-tool .task-answer .stats {grid-template-columns:repeat(2,minmax(0,1fr))}
.task-tool .task-answer table {font-variant-numeric:tabular-nums}
.task-tool button:focus-visible,.task-tool [role=button]:focus-visible {outline:3px solid currentColor;outline-offset:3px}
.task-tool input,.task-tool select,.task-tool button {min-height:44px}
.task-tool .task-note {margin:12px 0;font-size:.9rem}
.task-tool .table-wrap {max-width:100%;overflow-x:auto}
@media(max-width:760px){.task-tool .task-composition {display:block!important}.task-tool .task-inputs {margin-bottom:24px}.task-tool .task-answer {padding:18px}.task-tool .task-answer .stats {grid-template-columns:repeat(2,minmax(0,1fr))}.task-tool .task-composition .grid {grid-template-columns:repeat(2,minmax(0,1fr))}.task-tool .task-actions .btn {flex:1 1 auto}.task-tool .task-answer .big-num {font-size:1.8rem}}
@media(max-width:430px){.task-tool .task-composition .grid {grid-template-columns:1fr}.task-tool .task-answer .stats {grid-template-columns:1fr 1fr}.task-tool .task-answer .stat b{font-size:1.2rem}}
 .task-layout-measure,.task-layout-energy,.task-layout-hydration,.task-layout-pet {display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.task-layout-timeline .task-inputs .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.task-layout-timeline .task-answer{margin-top:24px}.task-layout-timeline .big-num{max-width:700px}.task-layout-birthday{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:start}.task-layout-sleep .task-answer{margin-top:24px}.task-layout-sleep .task-answer .stats{grid-template-columns:repeat(4,minmax(0,1fr))}.task-layout-race .task-answer{margin-top:24px}.task-layout-race .task-answer .stats{grid-template-columns:repeat(3,minmax(0,1fr))}.task-layout-nutrition .task-answer{margin-top:28px}.task-layout-nutrition .task-inputs .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.task-layout-strength{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:start}.task-layout-distance{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start}.task-layout-measure [data-units]{margin-top:24px}.task-layout-energy .task-answer .table-wrap{margin-top:20px}
@media(max-width:760px){.task-layout-sleep .task-answer .stats{grid-template-columns:1fr 1fr!important}.task-layout-timeline .task-inputs .grid,.task-layout-nutrition .task-inputs .grid{grid-template-columns:1fr!important}}

/* Premium planning tools: one additional question, revealed where it belongs. */
.task-tool {--planning-ink:var(--fg);--planning-soft:color-mix(in srgb,var(--fg) 5%,var(--bg));--planning-line:color-mix(in srgb,var(--fg) 14%,var(--bg))}
.task-tool .task-inputs>h2,.task-tool .task-answer>h2 {font-size:1.1rem;font-weight:650;letter-spacing:-.015em}
.task-tool .task-answer {background:var(--bg);border:1px solid var(--planning-line);border-radius:20px;padding:26px}
.task-tool .task-answer .result,.task-tool .task-answer .stat {box-shadow:none}
.task-tool .task-answer .stats>.stat {background:none;border:0;padding:10px 0}
.task-tool .task-composition .big-num {color:var(--fg);font-weight:650;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.task-tool .task-answer .stat b {color:var(--fg);font-weight:650;font-variant-numeric:tabular-nums}
.task-tool .premium-feature {grid-column:1/-1;min-width:0;margin-top:28px;padding:0;background:var(--bg);border:1px solid var(--planning-line);border-radius:20px;overflow:hidden}
.task-tool section.premium-feature {padding:26px}
.task-tool section.premium-feature>h2 {font-size:1.25rem;margin:0 0 10px;letter-spacing:-.025em}
.task-tool .premium-feature>summary {font-size:1.05rem;font-weight:650;padding:20px 24px;min-height:44px;cursor:pointer;background:var(--planning-soft)}
.task-tool details.premium-feature[open]>summary {background:var(--bg)}
.task-tool details.premium-feature .premium-body {padding:0 24px 24px}
.task-tool .premium-note {max-width:76ch;font-size:.94rem;color:var(--muted);margin:0 0 20px}
.task-tool .premium-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 22px;align-items:end}
.task-tool .premium-fields:empty {display:none}
.task-tool .premium-wide {grid-column:1/-1}
.task-tool .premium-fields label {font-weight:550;font-size:.88rem;margin-bottom:8px}
.task-tool .premium-fields input,.task-tool .premium-fields select,.task-tool .premium-fields textarea {border-radius:8px;background:var(--bg);font-variant-numeric:tabular-nums}
.task-tool .premium-fields textarea {line-height:1.65;font-family:inherit;min-height:124px}
.task-tool .premium-result {min-width:0}
.task-tool .premium-result .table-wrap {margin:18px 0}
.task-tool .premium-result table {font-size:.9rem;font-variant-numeric:tabular-nums;width:100%}
.task-tool .premium-result table th {text-transform:none;letter-spacing:0;background:none;color:var(--muted);font-weight:500}
.task-tool .premium-result table td {padding-top:15px;padding-bottom:15px}
.task-tool .premium-result table td:not(:first-child),.task-tool .premium-result table th:not(:first-child) {text-align:right}
.task-tool .premium-key {display:flex;flex-direction:column;gap:6px;min-width:0}
.task-tool .premium-key>span {font-size:.86rem;color:inherit;opacity:.8}
.task-tool .premium-key>strong {font-size:clamp(1.35rem,2.8vw,2rem);font-weight:650;letter-spacing:-.025em;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.task-tool .premium-verdict,.task-tool .premium-total,.task-tool .premium-offers {display:flex;gap:32px;flex-wrap:wrap;align-items:start;background:var(--planning-soft);padding:22px;border-radius:12px}
.task-tool p.premium-verdict {display:block;font-weight:600;font-size:1.05rem}
.task-tool .premium-actions {display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.task-tool .premium-actions .btn,.task-tool .task-actions .btn {background:transparent;border:1px solid var(--planning-line);border-radius:8px;color:inherit;font-weight:550}
.task-tool .premium-result>.btn {margin:12px 0}
.task-tool .premium-feature [hidden] {display:none!important}
.task-tool .premium-result .error {padding:14px 0;margin:0}
@media(max-width:760px){.task-tool section.premium-feature{padding:20px}.task-tool .premium-feature{margin-top:24px}.task-tool .premium-feature>summary{padding:18px 20px}.task-tool details.premium-feature .premium-body{padding:0 20px 20px}.task-tool .premium-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.task-tool .premium-verdict,.task-tool .premium-total,.task-tool .premium-offers{padding:18px;gap:20px}.task-tool .task-answer{padding:20px}.task-tool .premium-key>strong{font-size:1.55rem}.task-tool .premium-actions .btn{flex:1 1 auto}}
@media(max-width:430px){.task-tool .premium-fields{grid-template-columns:1fr}.task-tool .premium-note{font-size:.9rem}.task-tool .premium-verdict,.task-tool .premium-total,.task-tool .premium-offers{flex-direction:column}.task-tool .premium-feature table{min-width:500px}.task-tool .premium-feature .table-wrap{overflow:auto}.task-tool .premium-actions{gap:8px}}

.task-layout-measure {grid-template-columns:.95fr 1.05fr;gap:40px}
.task-layout-measure .task-answer {background:var(--planning-soft);border:0}
.task-layout-measure .task-answer .result.center {text-align:left}
.task-layout-measure .task-answer .big-num {font-size:3.4rem}
.task-layout-measure .premium-measurement-compare .premium-fields {max-width:380px;grid-template-columns:1fr}
.task-body-fat-calculator .task-layout-measure {grid-template-columns:1.1fr .9fr}
.task-body-fat-calculator .task-answer .stats {display:flex;flex-direction:column}
.task-body-fat-calculator .task-answer .stat {display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:20px}
.task-layout-energy {grid-template-columns:.9fr 1.1fr;gap:40px}
.task-layout-energy .task-answer .stats {display:flex;flex-direction:column}
.task-layout-energy .task-answer .stats .stat:first-child {background:var(--planning-soft);padding:20px;border-radius:12px}
.task-layout-energy .task-answer .stats .stat:first-child b {font-size:2rem}
.task-layout-energy .premium-activity-week .premium-result {display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.task-layout-energy .premium-activity-week .premium-result .table-wrap {margin:0}
.task-layout-timeline .task-answer {background:none;border:0;padding:24px 0 0}
.task-layout-timeline .task-answer .result {text-align:left;display:grid;grid-template-columns:1fr 2fr;gap:8px 30px;align-items:center}
.task-layout-timeline .task-answer .result .big-num {font-size:2.2rem}
.task-layout-timeline .task-answer .result>.small:last-child {grid-column:2}
.task-layout-timeline .task-answer>.out>.table-wrap {margin-top:24px}
.task-layout-timeline .premium-result .premium-verdict {background:var(--planning-soft)}
.task-layout-birthday {grid-template-columns:.7fr 1.3fr;gap:36px}
.task-layout-birthday .task-inputs .grid {grid-template-columns:1fr}
.task-layout-birthday .task-answer .result {text-align:left}
.task-layout-birthday .task-answer .big-num {font-size:2.3rem}
.task-layout-birthday .premium-age-milestones .premium-fields {max-width:340px;grid-template-columns:1fr}
.task-layout-sleep .task-answer {background:var(--planning-soft);border:0}
.task-layout-sleep .task-answer .stats .stat {padding:16px 0}
.task-layout-sleep .task-answer .stats b {font-size:1.9rem}
.sleep-window-strip {display:flex;min-height:48px;border-radius:8px;overflow:hidden;margin:22px 0;font-size:.8rem;background:var(--planning-soft)}
.sleep-window-strip>span {min-width:70px;padding:12px;background:var(--planning-line)}
.sleep-window-strip>b {display:grid;place-content:center;flex:1;font-weight:550;padding:12px}
.task-layout-hydration {grid-template-columns:1fr .85fr;gap:44px}
.task-layout-hydration .task-answer {display:flex;flex-direction:column;justify-content:center;background:var(--planning-soft);border:0}
.task-layout-hydration .premium-bottle-plan {display:grid;grid-template-columns:.65fr 1.35fr;gap:30px}
.task-layout-hydration .premium-bottle-plan>h2 {font-size:1.7rem;max-width:13ch}
.bottle-meter {height:14px;border-radius:8px;background:var(--planning-soft);overflow:hidden;margin:24px 0}
.bottle-meter>span {display:block;height:100%;background:var(--accent);border-radius:8px}
.task-layout-race .task-inputs .in-time {max-width:640px}
.task-layout-race .task-answer {background:var(--planning-soft);border:0}
.task-layout-race .premium-race-strategy .premium-fields {max-width:390px;grid-template-columns:1fr}
.task-layout-race .premium-race-strategy {display:grid;grid-template-columns:.55fr 1.45fr;gap:28px}
.task-layout-race .premium-race-strategy>h2 {font-size:1.7rem;max-width:12ch}
.task-layout-nutrition .task-answer {background:none;padding:24px 0;border:0}
.task-layout-nutrition .task-answer .result {display:flex;justify-content:space-between;align-items:center;text-align:left;gap:20px}
.task-layout-nutrition .premium-meal-split {display:grid;grid-template-columns:.5fr 1.5fr;gap:28px}
.task-layout-nutrition .premium-meal-split>h2 {font-size:1.7rem;max-width:13ch}
.task-layout-nutrition .premium-meal-split .premium-fields {max-width:600px}
.task-layout-pet {grid-template-columns:1.1fr .9fr;gap:44px}
.task-layout-pet .task-answer {background:var(--planning-soft);border:0}
.task-layout-pet .task-answer .result {text-align:left}
.task-layout-pet .task-answer .big-num {font-size:3rem}
.task-layout-strength {grid-template-columns:.7fr 1.3fr;gap:44px}
.task-layout-strength .task-inputs .grid {grid-template-columns:1fr 1fr}
.task-layout-strength .task-answer .stats .stat:first-child {grid-column:1/-1;background:var(--planning-soft);padding:20px;border-radius:12px}
.task-layout-strength .task-answer .stats .stat:first-child b {font-size:2.5rem}
.plate-bar {display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:22px;background:var(--planning-soft);border-radius:10px;margin-bottom:22px}
.plate-bar>span {font-variant-numeric:tabular-nums;font-size:.95rem}
.plate-bar>span:last-child {text-align:right}
.task-layout-distance {grid-template-columns:1.15fr .85fr;gap:40px}
.task-layout-distance .task-answer {background:var(--planning-soft);border:0}
.task-layout-distance .premium-step-calibration {display:grid;grid-template-columns:.6fr 1.4fr;gap:30px}
.task-layout-distance .premium-step-calibration>h2 {font-size:1.7rem;max-width:13ch}
.task-layout-distance .premium-step-calibration .premium-fields {grid-template-columns:1fr 1fr}
@media(max-width:760px){.task-layout-energy .premium-activity-week .premium-result{display:block}.task-layout-hydration .premium-bottle-plan,.task-layout-race .premium-race-strategy,.task-layout-nutrition .premium-meal-split,.task-layout-distance .premium-step-calibration{display:block}.task-layout-hydration .premium-bottle-plan>h2,.task-layout-race .premium-race-strategy>h2,.task-layout-nutrition .premium-meal-split>h2,.task-layout-distance .premium-step-calibration>h2{font-size:1.3rem;max-width:none;margin-bottom:18px}.task-layout-timeline .task-answer .result{display:block}.task-layout-timeline .task-answer .result .big-num{font-size:1.8rem;margin:12px 0}.task-layout-strength .task-inputs .grid{grid-template-columns:1fr 1fr}.plate-bar {grid-template-columns:1fr;text-align:center}.plate-bar>span:last-child{text-align:center}}
.experience .hero h1 {font-size:32px;line-height:1.15}
.task-layout-nutrition .premium-meal-split>h2 {max-width:15ch}
.task-layout-race .premium-race-strategy>h2 {max-width:15ch}
.task-layout-distance .premium-step-calibration>h2 {max-width:15ch}
@media(max-width:760px){.experience .hero h1{font-size:24px}}
.task-tool .task-answer table th:not(:first-child),.task-tool .task-answer table td:not(:first-child) {text-align:right;font-variant-numeric:tabular-nums}
.sleep-window-strip>span {min-width:0;padding:0;font-size:0}
.premium-sleep-window .premium-fields {grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px}
.premium-bottle-plan .premium-fields {grid-template-columns:repeat(2,minmax(0,1fr))}
.premium-bottle-plan .premium-fields>div:first-child,.premium-bottle-plan .premium-fields>div:has([data-pf=goal]) {grid-column:1/-1}
@media(max-width:430px){.premium-sleep-window .premium-fields,.premium-bottle-plan .premium-fields{grid-template-columns:1fr}}
