.category-page{max-width:1440px;margin:auto;padding:0 28px 32px}.category-header{min-height:64px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--color-rule)}.category-header nav{display:flex;gap:24px;margin-left:auto}.category-header a{min-height:44px;display:flex;align-items:center;font-size:14px}.category-header .wordmark{font-size:24px}.category-header [aria-current]{text-decoration:underline;text-underline-offset:6px}.category-header button{border:0;background:transparent;min-height:44px}.category-intro{padding:28px 0 24px}.category-intro h1{margin:0 0 8px;font-size:32px;font-weight:650;letter-spacing:-.03em}.category-intro p{margin:0 0 8px;font-size:16px}.category-intro>span{color:var(--color-muted);font-size:13px}.category-comparison{display:grid;grid-template-columns:1fr 1fr;gap:32px}.category-comparison article{min-width:0}.category-comparison h2{font-size:16px;font-weight:550;margin:0 0 16px}.category-comparison h2 span{margin-right:12px;color:var(--color-muted)}.category-viewport{position:relative;aspect-ratio:8/5;max-height:340px;overflow:hidden;background:linear-gradient(135deg,#e8e5df,#f2efea);border-radius:4px;box-shadow:0 8px #00000012}.category-comparison canvas{display:block;width:100%;height:100%;object-fit:cover}.category-viewport>span{position:absolute;inset:0;display:grid;place-items:center;color:var(--color-muted);font-size:13px}.category-comparison dl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 16px;font-size:13px}.category-comparison dt{color:var(--color-muted);margin-bottom:8px}.category-comparison dd{margin:0}.category-timeline{border-top:1px solid var(--color-rule);padding:8px 0 16px}.category-timeline>div{display:flex;align-items:center;gap:12px;font-size:13px}.category-timeline input{flex:1;min-width:0;height:44px;accent-color:var(--color-accent)}.category-timeline p{flex:1;color:var(--color-muted)}.category-timeline button{border:0;border-radius:4px;min-height:44px;padding:0 16px;background:var(--color-paper-2)}.category-timeline button:first-of-type{background:var(--color-accent)}.category-timeline button[aria-pressed=true]{outline:2px solid var(--color-ink)}.category-care-choice{display:flex;align-items:center;gap:6px;margin:0;padding:0;border:0}.category-care-choice legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.category-care-choice label{display:flex;align-items:center;gap:5px;min-height:44px;padding:0 10px;border:1px solid var(--color-rule);border-radius:4px;white-space:nowrap;cursor:pointer}.category-care-choice label:has(input:checked){border-color:var(--color-focus);background:var(--color-accent-soft)}.category-care-choice input{accent-color:var(--color-focus)}.category-evidence{border-top:1px solid var(--color-rule);font-size:14px;line-height:1.7}.category-evidence summary{cursor:pointer;padding:16px 0}.category-evidence p{max-width:80ch;color:var(--color-muted)}.category-evidence a{display:block;width:fit-content;padding:8px 0;text-decoration:underline}@media(max-width:650px){.category-page{padding:0 16px 24px}.category-header{gap:12px;flex-wrap:wrap;padding:8px 0}.category-header nav{order:3;width:100%}.category-header button{margin-left:auto}.category-comparison{grid-template-columns:1fr;gap:20px}.category-intro h1{font-size:26px}.category-timeline>div{flex-wrap:wrap}.category-timeline p{flex-basis:100%;margin:0}.category-care-choice{width:100%}.category-care-choice label{flex:1;justify-content:center;padding-inline:5px}.category-timeline button{flex:1;padding:0 8px}}.category-page{max-width:none;margin:0;padding:0}.category-page .lab-shell-stage{padding:var(--space-lg)}.category-comparison{height:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.category-comparison article{display:flex;min-width:0;flex-direction:column}.category-comparison h2{margin:0 0 var(--space-xs);font-family:var(--font-display);font-size:var(--text-base);font-weight:650}.category-comparison h2 span{display:inline-grid;width:28px;height:28px;margin-right:var(--space-2xs);place-items:center;background:var(--color-ink);color:var(--color-accent-ink);font-family:var(--font-mono);font-size:var(--text-xs)}.category-viewport{flex:1;max-height:none;min-height:24rem;border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-stage);box-shadow:none}.category-mobile-tabs{display:none}.category-page .lab-shell-controls{display:flex;flex-direction:column;gap:var(--space-md)}.category-page .control-section:first-child{border-top:0}.category-page .control-section .secondary-button+.secondary-button{margin-top:var(--space-2xs)}.category-timeline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-md);align-items:center;padding:0;border:0}.category-timeline>div{min-width:0}.category-timeline .run-button{min-width:9rem;min-height:48px;border:0;border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-accent-ink)}.category-results{padding-bottom:var(--space-3xl)}.category-results>header{display:grid;grid-template-columns:.7fr 1.3fr;gap:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:var(--rule-thin) solid var(--color-rule)}.category-results h2{margin:0;font-family:var(--font-display);font-size:var(--text-xl)}.category-results header p{max-width:48ch;margin:0;color:var(--color-muted);line-height:1.55}.category-results>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xl);padding-top:var(--space-lg)}.category-results h3{margin:0 0 var(--space-md);font-family:var(--font-display);font-size:var(--text-md)}.category-results dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border-top:var(--rule-thin) solid var(--color-rule)}.category-results dl div{padding:var(--space-sm) 0;border-bottom:var(--rule-thin) solid var(--color-rule)}.category-results dt{margin-bottom:var(--space-2xs);color:var(--color-muted);font-size:var(--text-xs)}.category-results dd{margin:0;font-size:var(--text-sm)}.category-evidence{padding-top:var(--space-lg);border-top:var(--rule-thin) solid var(--color-rule);font-size:var(--text-sm);line-height:1.7}.category-evidence summary{min-height:48px;cursor:pointer;font-family:var(--font-display);font-size:var(--text-md);font-weight:650}.category-evidence p{max-width:76ch;color:var(--color-muted)}.category-evidence a{display:block;width:fit-content;min-height:44px;padding:var(--space-xs) 0;text-decoration:underline;text-underline-offset:3px}@media(max-width:47.99rem){.category-page .lab-shell-stage{min-height:27rem;padding:var(--space-sm)}.category-mobile-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3xs);margin-bottom:var(--space-sm);padding:var(--space-3xs);border:var(--rule-thin) solid var(--color-rule);background:var(--color-surface)}.category-mobile-tabs button{min-width:0;min-height:44px;padding:4px var(--space-2xs);overflow:visible;border:0;background:transparent;font-size:var(--text-xs);line-height:1.25;text-overflow:clip;white-space:normal}.category-mobile-tabs button[aria-selected=true]{background:var(--color-ink);color:var(--color-accent-ink)}.category-comparison{display:block;height:auto}.category-comparison article{display:none}.category-comparison article.active{display:flex}.category-viewport{min-height:20rem}.category-timeline{grid-template-columns:1fr;gap:var(--space-xs)}.category-timeline .run-button{width:100%}.category-results>header,.category-results>div{grid-template-columns:1fr;gap:var(--space-lg)}}.category-comparison h2 small{margin-left:var(--space-2xs);color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500}.category-page .scenario-control{display:grid;gap:var(--space-2xs);padding-block:var(--space-md)}.category-page .scenario-control label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:650}.category-page .scenario-control select{width:100%;min-height:48px;padding-inline:var(--space-xs);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font:inherit}.category-page .scenario-control p{margin:0;color:var(--color-muted);font-size:var(--text-xs);line-height:1.5}.category-page .advanced-controls{border-top:var(--rule-thin) solid var(--color-rule)}.category-page .advanced-controls>summary{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;list-style:none}.category-page .advanced-controls>summary::-webkit-details-marker{display:none}.category-page .advanced-controls>summary:after{content:"+";color:var(--color-ink);font-size:1.1rem}.category-page .advanced-controls[open]>summary:after{content:"−"}.category-page .advanced-control-content{padding:0 0 var(--space-sm)}.category-page .advanced-adjustments{display:grid;gap:var(--space-2xs);padding:var(--space-xs);border:var(--rule-thin) solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper)}.category-page .advanced-adjustments label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font-size:var(--text-sm);font-weight:600}.category-page .advanced-adjustments output{color:var(--color-muted);font-variant-numeric:tabular-nums}.category-page .advanced-adjustments input{width:100%;min-height:30px;accent-color:var(--color-ink)}.category-page .advanced-adjustments small{color:var(--color-muted);font-size:var(--text-xs);line-height:1.45}.category-page .category-timeline .time-scale{display:flex;min-width:0;align-items:center;gap:var(--space-2xs);font-size:var(--text-xs);color:var(--color-muted)}.category-page .category-timeline .time-scale>span{flex-shrink:0}.category-page .category-timeline .run-button{display:inline-flex;grid-area:auto;align-items:center;justify-content:center;gap:6px}.category-page .timeline-status{min-width:6.5rem;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-align:center;white-space:nowrap}.category-page .category-results .result-summary{max-width:64ch;margin:0 0 var(--space-lg);color:var(--color-ink);font-size:var(--text-base);font-weight:600;line-height:1.55}@media(max-width:63.99rem){.category-page .timeline-status{min-width:0}}@media(max-width:47.99rem){.category-page .category-timeline{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.category-page .category-timeline .time-scale>span:not(.time-slider){display:none}.category-page .category-timeline .run-button{width:auto;min-width:5.5rem}.category-page .category-timeline .run-button span{display:none}}