#csapatosszeallitasok-page{background:var(--color-cloud-white)}
#csapatosszeallitasok-page section{padding-block:var(--space-18)}
#csapatosszeallitasok-page .team-hero{padding-block:var(--space-18) var(--space-24);background:linear-gradient(135deg,#fff 0%,var(--color-cloud-white) 62%,var(--color-mist-blue) 100%)}
.team-hero__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-6);align-items:center}
.team-hero__grid>*{min-width:0}
.team-hero__copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:37.5rem;gap:var(--space-5)}
.team-hero__copy :is(h1,p){margin:0}
.team-hero__copy h1{font-size:clamp(3rem,5vw,4rem)}
.team-hero__lead{font-size:var(--text-intro);line-height:var(--line-intro)}
.team-hero__routes{display:grid;grid-template-columns:1fr;gap:var(--space-2);width:100%}
.team-hero__routes>a{display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:var(--space-2);align-items:baseline;min-width:0;padding-block:var(--space-2);font-family:var(--font-heading);font-size:1.2rem;font-weight:700;text-decoration:none;border-bottom:1px solid var(--color-aluminium-line)}
.team-hero__routes>a::after{content:"";grid-column:2;width:7px;height:7px;margin-top:3px;border-radius:50%;background:var(--color-electric-cyan)}
.team-hero__routes span{color:var(--color-cobalt-blue);font-size:var(--text-meta)}
.team-hero__routes small{grid-column:2;color:var(--color-text-muted);font-family:var(--font-body);font-size:.75rem;font-weight:600}
.team-hero__media{width:calc(100% + 1.5rem);min-width:0;margin:0 0 0 auto;clip-path:polygon(0 0,calc(100% - 1.125rem) 0,100% 1.125rem,100% 100%,0 100%)}
.team-hero__media img{width:100%;aspect-ratio:16/10;object-fit:cover}
.team-hero__media figcaption{padding:var(--space-3);background:#fff;margin:0;font-size:var(--text-meta)}
.team-builder{background:var(--color-mist-blue)}
.team-builder__intro{max-width:42.5rem;margin-inline:auto;text-align:center}
.team-builder__intro>p:first-child{margin-bottom:var(--space-3)}
.team-builder__board{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--space-5);margin-top:var(--space-8);padding:var(--space-5)}
.team-builder__board>*{min-width:0}
.team-builder__roles{display:grid;grid-template-columns:repeat(5,minmax(7.375rem,1fr));gap:var(--space-2);min-width:0;align-items:stretch}
.role-choice{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;width:100%;min-height:9rem;padding:var(--space-3);border:1px solid var(--color-aluminium-line);border-radius:var(--radius-md);background:#fff;text-align:left;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}
.role-choice:hover,.role-choice.is-selected{border:2px solid var(--color-cobalt-blue);box-shadow:inset 0 -3px 0 var(--color-electric-cyan);transform:translateY(-2px)}
.role-choice__number{font-family:var(--font-heading);font-size:1.3rem;color:var(--color-cobalt-blue)}
.role-choice strong{margin-top:auto;font-family:var(--font-heading);font-size:1.45rem;line-height:1.05}
.role-choice span:last-child{font-size:.78rem;line-height:1.3;color:var(--color-text-muted)}
.team-report{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding:var(--space-5);background:var(--color-graphite);color:var(--color-cloud-white)}
.team-report :is(h3,p,ul){margin:0}.team-report h3{color:#fff;font-size:1.8rem}.team-report__head{display:flex;justify-content:space-between;gap:var(--space-2);align-items:center}.team-report .eyebrow{color:var(--color-electric-cyan)}
.team-report__reset{min-height:2rem;padding-inline:var(--space-2);border:1px solid var(--color-electric-cyan);color:#fff;font-size:.8rem}
.team-report__status{display:flex;flex-direction:column;gap:var(--space-2);padding:0;list-style:none;font-size:.88rem}.team-report__status li{min-width:0}.team-report__status strong{color:var(--color-electric-cyan)}
.team-roles{background:#fff}.team-roles__intro{max-width:42.5rem}.team-role-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-8)}
.team-role-grid>*{min-width:0}.team-role-card{display:flex;flex-direction:column;min-width:0;padding:var(--space-4);border:1px solid var(--color-aluminium-line);border-radius:var(--radius-md);background:var(--color-surface-raised);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}
.team-role-card:hover{transform:translateY(-2px);border-bottom:2px solid var(--color-cobalt-blue);box-shadow:var(--shadow-card)}
.team-role-card p{font-size:.92rem}.team-role-card ul{padding-left:1.1rem;font-size:.85rem}.team-role-card__top{display:flex;gap:var(--space-2);align-items:flex-start;min-width:0}.team-role-card__top>span{font-family:var(--font-heading);font-size:1.45rem;color:var(--color-cobalt-blue)}
.team-role-card h3{font-size:1.7rem}.team-role-card h4{font-size:1.2rem;margin-bottom:var(--space-2)}.team-role-card__split{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.role-detail{width:100%;margin-top:auto;border-top:1px solid var(--color-aluminium-line);border-radius:0;color:var(--color-cobalt-blue);font-weight:700;text-align:left}.role-detail__body{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-electric-cyan)}
.function-map{background:var(--color-mist-blue)}.function-map__intro{max-width:40rem}.function-map__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-6);margin-top:var(--space-8);align-items:start}.function-map__grid>*{min-width:0}.function-diagram-wrap{min-width:0}.function-diagram{position:relative;min-width:36.25rem;overflow:hidden;border:1px solid var(--color-aluminium-line);background:var(--color-mist-blue)}.function-diagram img{width:100%;aspect-ratio:4/3;object-fit:cover}.diagram-token,.diagram-objective{position:absolute;min-height:2.75rem;padding:var(--space-2);border:1px solid var(--color-cobalt-blue);border-radius:var(--radius-sm);background:rgba(255,255,255,.92);color:var(--color-graphite);font-weight:700;line-height:1.1}.diagram-token.is-active{outline:3px solid var(--color-focus-outline);outline-offset:2px;background:#fff}.token-tank{left:8%;top:18%}.token-fighter{left:35%;top:12%}.token-assassin{right:6%;top:25%}.token-mage{left:18%;bottom:12%}.token-marksman{right:8%;bottom:10%;max-width:9rem}.diagram-objective{left:45%;top:45%;background:var(--color-tangerine-orange);border-color:var(--color-tangerine-orange)}.function-diagram__legend{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3);background:#fff;font-size:var(--text-meta)}.function-diagram__legend span{display:flex;align-items:center;gap:var(--space-1)}.function-diagram__legend i{width:.8rem;height:.8rem}.legend-cobalt{background:var(--color-cobalt-blue)}.legend-cyan{background:var(--color-electric-cyan)}.legend-orange{background:var(--color-tangerine-orange)}.text-view-toggle{width:100%;margin-top:var(--space-3);border:1px solid var(--color-cobalt-blue);color:var(--color-cobalt-blue);font-weight:700}.function-text-view{padding:var(--space-4);background:#fff}.function-text-view ul{margin:0}.function-matrix{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);min-width:0}.function-matrix :is(h3,p,ul){margin:0}.function-matrix .eyebrow{color:var(--color-electric-cyan)}.function-matrix h3{font-size:2rem}.function-matrix__list{display:flex;flex-direction:column;gap:var(--space-2);padding:0;list-style:none}.function-matrix__list li{padding-bottom:var(--space-2);border-bottom:1px solid rgba(255,255,255,.2)}
.composition-section{background:#fff}.composition-section__intro{max-width:45rem}.composition-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}.composition-filter>*{min-width:0}.composition-filter button{padding-inline:var(--space-4);border:1px solid var(--color-aluminium-line);background:#fff;font-weight:700}.composition-filter button[aria-pressed="true"]{border-color:var(--color-cobalt-blue);background:var(--color-cobalt-blue);color:#fff}.composition-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-6)}.composition-grid>*{min-width:0}.composition-card{display:flex;flex-direction:column;min-width:0;padding:var(--space-5);border:1px solid var(--color-aluminium-line);border-radius:var(--radius-md);background:#fff;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);grid-column:span 4}.composition-card:hover{transform:translateY(-2px);border-bottom:2px solid var(--color-cobalt-blue);box-shadow:var(--shadow-card)}.composition-card--balanced{grid-column:span 7;border:2px solid var(--color-cobalt-blue);clip-path:polygon(0 0,calc(100% - 1.125rem) 0,100% 1.125rem,100% 100%,0 100%)}.composition-card--balanced+.composition-card{grid-column:span 5}.composition-card--defensive{background:var(--color-graphite);color:#fff}.composition-card--defensive h3{color:#fff}.composition-card__roles{padding:var(--space-2);border-left:3px solid var(--color-electric-cyan);background:var(--color-mist-blue);font-size:.85rem;font-weight:700}.composition-card--defensive .composition-card__roles{background:rgba(255,255,255,.1);color:#fff}.composition-detail{margin-top:auto;border-top:1px solid var(--color-aluminium-line);border-radius:0;color:var(--color-cobalt-blue);font-weight:700;text-align:left}.composition-card--defensive .composition-detail{border-color:rgba(255,255,255,.3);color:var(--color-electric-cyan)}
.decision-section{background:var(--color-mist-blue)}.decision-section__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-8);align-items:start}.decision-section__grid>*{min-width:0}.decision-section__intro{max-width:32.5rem}.decision-steps{display:flex;flex-direction:column;min-width:0;border-top:1px solid var(--color-aluminium-line)}.decision-step{min-width:0;border-bottom:1px solid var(--color-aluminium-line)}.decision-step>button{display:grid;grid-template-columns:3rem minmax(0,1fr);column-gap:var(--space-3);align-items:center;width:100%;padding:var(--space-4) 0;border-radius:0;text-align:left}.decision-step>button span{grid-row:span 2;font-family:var(--font-heading);font-size:2rem;color:var(--color-tangerine-orange)}.decision-step>button strong{font-family:var(--font-heading);font-size:1.6rem}.decision-step>button small{color:var(--color-text-muted)}.decision-step__body{max-width:35rem;padding:0 0 var(--space-4) calc(3rem + var(--space-3))}.decision-step__body p{margin:0}
.phase-section{background:#fff}.phase-section__intro{max-width:43.75rem;margin-inline:auto;text-align:center}.phase-visual{position:relative;min-width:0;margin-top:var(--space-8);overflow:hidden}.phase-visual>img{width:100%;aspect-ratio:16/9;object-fit:cover}.phase-panels{position:absolute;inset:auto 0 var(--space-4);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);padding-inline:var(--space-4)}.phase-panels>*{min-width:0}.phase-panel{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:8rem;padding:var(--space-3);background:var(--color-acrylic-white);border:1px solid #fff;text-align:left;backdrop-filter:blur(8px)}.phase-panel:hover{border-color:var(--color-electric-cyan);transform:translateY(-2px)}.phase-panel span{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-cobalt-blue)}.phase-panel strong{font-family:var(--font-heading);font-size:1.45rem;line-height:1.05}.phase-panel small{color:var(--color-text-muted)}.phase-cards{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}.phase-cards>*{min-width:0}.phase-cards article{padding:var(--space-4);border:1px solid var(--color-aluminium-line);border-radius:var(--radius-md)}.phase-cards p{margin:0}.phase-cards h3{font-size:1.6rem}.phase-cards .is-highlighted{outline:3px solid var(--color-focus-outline);outline-offset:2px}
.check-section{background:var(--color-mist-blue)}.check-panel{display:flex;flex-direction:column;min-width:0;max-width:51.7rem;margin-inline:auto;padding:var(--space-6);border-radius:var(--radius-lg);gap:var(--space-4)}.check-panel :is(h2,h3,p){margin:0}.check-panel .eyebrow{color:var(--color-electric-cyan)}.check-panel h2{font-size:clamp(2rem,4vw,3rem)}.check-list{display:flex;flex-direction:column;min-width:0;border-top:1px solid rgba(255,255,255,.25)}.check-list label{display:flex;align-items:center;gap:var(--space-3);min-width:0;min-height:3.25rem;margin:0;padding-block:var(--space-2);border-bottom:1px solid rgba(255,255,255,.25);color:#fff;font-size:1rem}.check-list input{flex:0 0 auto}.check-list span{min-width:0}.check-list em{color:var(--color-electric-cyan);font-style:normal;font-size:.85rem}.check-panel__next{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding-top:var(--space-3)}.check-panel__next h3{color:#fff;font-size:1.8rem}.check-panel .button--secondary{border-color:var(--color-electric-cyan);color:var(--color-electric-cyan)}
.learning-section{background:#fff}.learning-section__intro{max-width:42.5rem}.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-8)}.learning-grid>*{min-width:0}.learning-card{display:flex;flex-direction:column;min-width:0;min-height:18rem;padding:var(--space-5);border:1px solid var(--color-aluminium-line);border-radius:var(--radius-md);background:#fff;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.learning-card:hover{transform:translateY(-2px);border-bottom:2px solid var(--color-cobalt-blue);box-shadow:var(--shadow-card)}.learning-card>span{font-family:var(--font-heading);font-size:1.8rem;color:var(--color-cobalt-blue)}.learning-card h3{font-size:2rem}.learning-card a{display:flex;align-items:center;justify-content:space-between;min-height:2.75rem;margin-top:auto;font-family:var(--font-heading);font-size:1.1rem;font-weight:700}.learning-card a span{font-size:1.5rem}.editorial-close{padding-block:var(--space-18)!important;background:var(--color-cloud-white)}.editorial-close__inner{position:relative;max-width:45rem;margin-inline:auto;padding-top:var(--space-6);border-top:1px solid var(--color-aluminium-line);text-align:center}.editorial-close__inner>span{position:absolute;top:-5px;left:50%;width:10px;height:10px;background:var(--color-electric-cyan);transform:translateX(-50%) rotate(45deg)}.editorial-close__inner h2{font-size:2.25rem}.editorial-close__inner p{max-width:42rem;margin-inline:auto}
#csapatosszeallitasok-page .is-anchor-target{outline:3px solid var(--color-focus-outline);outline-offset:4px}
@media (max-width:64rem){.team-hero__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.team-hero__copy{grid-column:span 6;max-width:37.5rem}.team-hero__media{grid-column:span 6;width:100%;margin:0}.team-builder__board{grid-template-columns:1fr}.team-builder__roles{grid-template-columns:repeat(3,minmax(0,1fr))}.team-builder__roles .role-choice:nth-child(4),.team-builder__roles .role-choice:nth-child(5){grid-column:span 1}.function-map__grid,.decision-section__grid{grid-template-columns:1fr}.function-diagram-wrap{overflow-x:auto;padding-bottom:var(--space-2)}.function-matrix{width:100%}.team-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.team-role-card:nth-child(4),.team-role-card:nth-child(5){grid-column:span 1}.composition-card--balanced,.composition-card--balanced+.composition-card{grid-column:span 6}.composition-card{grid-column:span 6}.composition-card--defensive{grid-column:1 / -1}.phase-panels{display:none}.phase-cards{display:grid}.decision-section__intro{max-width:100%}}
@media (max-width:47.5rem){#csapatosszeallitasok-page section{padding-block:var(--space-10)}#csapatosszeallitasok-page .team-hero{padding-block:var(--space-10) var(--space-14)}.team-hero__copy{gap:var(--space-4)}.team-hero__copy h1{font-size:clamp(2rem,9vw,2.5rem);line-height:1.04}.team-hero__lead{font-size:1.06rem}.team-hero__media{clip-path:none}.team-builder__board{padding:var(--space-4)}.team-builder__roles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-2)}.role-choice{flex:0 0 9.25rem;scroll-snap-align:start}.team-report{padding:var(--space-4)}.team-role-grid{grid-template-columns:1fr}.team-role-card{padding:var(--space-4)}.team-role-card__split{grid-template-columns:repeat(2,minmax(0,1fr))}.function-diagram{min-width:32.5rem}.function-map__grid{margin-top:var(--space-6)}.composition-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-2)}.composition-filter button{flex:0 0 auto}.composition-grid{grid-template-columns:1fr}.composition-card,.composition-card--balanced,.composition-card--balanced+.composition-card,.composition-card--defensive{grid-column:auto}.decision-section__grid{gap:var(--space-5)}.phase-section__intro{text-align:left;margin-inline:0}.phase-cards{grid-template-columns:1fr}.check-panel{padding:var(--space-4)}.check-panel .button-group{width:100%}.check-panel .button{width:100%}.learning-grid{grid-template-columns:1fr}.learning-card{min-height:11.25rem;padding:var(--space-4)}.learning-card a{width:100%;padding-top:var(--space-2)}.editorial-close__inner{padding-inline:var(--space-2)}.editorial-close__inner h2{font-size:2rem}}
@media (max-width:30rem){.team-role-card__split{grid-template-columns:1fr}.team-hero__routes>a{font-size:1.1rem}.diagram-token{font-size:.75rem}.token-marksman{max-width:7.5rem}.diagram-objective{font-size:.75rem}.function-diagram{min-width:32rem}.check-list label{align-items:flex-start;padding-top:var(--space-3)}}
@media (prefers-reduced-motion:reduce){.role-choice:hover,.team-role-card:hover,.composition-card:hover,.learning-card:hover,.phase-panel:hover{transform:none}}