.roles-hero-section{padding:var(--space-24) 0 var(--space-16)}.roles-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--space-16);align-items:center}.roles-hero-copy p:last-of-type{margin-bottom:var(--space-6)}.roles-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;margin-top:var(--space-4)}.roles-hero-visual{display:flex;justify-content:flex-end}.roles-hero-window{padding:var(--space-6);max-width:420px;width:100%}.roles-hero-window-inner{display:flex;flex-direction:column;gap:var(--space-4)}.roles-hero-window-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-gray-500)}.roles-hero-window-label{padding:2px 10px;border-radius:999px;background:rgba(6,35,67,0.04)}.roles-hero-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.roles-hero-window-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.roles-hero-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4);font-size:var(--font-size-xs)}.roles-hero-summary dt{font-weight:600;color:var(--color-gray-600);margin-bottom:var(--space-1)}.roles-hero-summary dd{color:var(--color-gray-500)}.roles-selector-section{padding:var(--space-4) 0 var(--space-20)}.roles-section-header{max-width:720px;margin:0 auto var(--space-10);text-align:center}.roles-selector-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--space-10);align-items:flex-start}.roles-selector-tabs{display:flex;flex-direction:column;gap:var(--space-3);background:rgba(255,255,255,0.9);padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.roles-tab-btn{width:100%;text-align:left;padding:10px 12px;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-600);background:transparent;border:1px solid transparent}.roles-tab-btn:hover{background:var(--color-primary-soft);color:var(--color-navy)}.roles-tab-btn.active{background:linear-gradient(120deg,var(--color-sky),var(--color-turquoise));color:#fff;border-color:transparent;box-shadow:var(--shadow-md)}.roles-selector-panels{display:block}.roles-panel{border-radius:var(--radius-xl);background:rgba(255,255,255,0.98);box-shadow:var(--shadow-md);padding:var(--space-8)}.roles-panel+.roles-panel{margin-top:var(--space-6)}.roles-panel-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-10);align-items:flex-start}.roles-panel-media{display:flex;flex-direction:column;gap:var(--space-4)}.roles-bullets{margin:0;padding-left:1.2rem;font-size:var(--font-size-sm)}.roles-inline-link{font-size:var(--font-size-sm);color:var(--color-gray-600)}.roles-inline-link a{font-weight:600}.roles-teamwork-section{padding:0 0 var(--space-20)}.roles-teamwork-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.roles-teamwork-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:var(--space-10);align-items:center}.roles-teamwork-media img{border-radius:var(--radius-xl);width:100%;height:auto}.roles-teamwork-body p:last-of-type{margin-bottom:0}.roles-physics-section{padding:0 0 var(--space-20)}.roles-physics-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-10);align-items:flex-start}.roles-physics-aside{align-self:stretch}.roles-solo-strategy-section{padding:0 0 var(--space-20)}.roles-solo-strategy-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr);gap:var(--space-10);align-items:flex-start}.roles-solo-card p:last-of-type{margin-bottom:0}.roles-strategy-card ul{margin-bottom:0}.roles-controls-tips-section{padding:0 0 var(--space-20)}.roles-controls-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1.1fr);gap:var(--space-10);align-items:flex-start}.roles-tips-card ul{margin-bottom:var(--space-4)}.roles-tips-cta{display:flex;flex-direction:column;gap:var(--space-3)}.roles-related-section{padding:0 0 var(--space-24)}.roles-related-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr);gap:var(--space-10);align-items:center}.roles-related-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.roles-related-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);background:var(--color-surface-alt);color:var(--color-gray-700);box-shadow:var(--shadow-xs)}.roles-related-pill:hover{background:var(--color-primary-soft);color:var(--color-navy)}@media (max-width:1024px){.roles-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:var(--space-10)}.roles-hero-window{max-width:360px}.roles-selector-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.roles-selector-tabs{flex-direction:row;overflow-x:auto;white-space:nowrap}.roles-tab-btn{flex:1;min-width:0;font-size:var(--font-size-xs)}.roles-teamwork-card{grid-template-columns:minmax(0,1fr)}.roles-physics-grid{grid-template-columns:minmax(0,1fr)}.roles-solo-strategy-grid{grid-template-columns:minmax(0,1fr)}.roles-controls-grid{grid-template-columns:minmax(0,1fr)}.roles-related-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:768px){.roles-hero-section{padding:var(--space-16) 0 var(--space-12)}.roles-hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.roles-hero-visual{justify-content:center}.roles-hero-window{max-width:100%}.roles-section-header{text-align:left;margin-bottom:var(--space-8)}.roles-panel{padding:var(--space-6)}.roles-panel-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.roles-teamwork-section,.roles-physics-section,.roles-solo-strategy-section,.roles-controls-tips-section,.roles-related-section{padding-bottom:var(--space-16)}.roles-related-grid{gap:var(--space-6)}}@media (prefers-reduced-motion:reduce){.roles-tab-btn,.roles-related-pill{transition:none}}