/* Sports: the full sequence stays readable; the example is optional. */
.operation-stage{--operation-muted:#575a55;--operation-rule:#d5d7d1;--operation-paper:#f5f3ed;--operation-ink:#191a18}
.operation-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:1200px}
.operation-step{position:relative;display:flex;flex-direction:column;padding:30px 24px 0;border-top:1px solid var(--operation-rule);min-width:0}
.operation-step:first-child{padding-left:0}
.operation-step:last-child{padding-right:0}
.operation-step::before{content:'';position:absolute;top:-5px;left:24px;width:9px;height:9px;border-radius:50%;background:currentColor}
.operation-step:first-child::before{left:0}
.operation-step h3{font:400 clamp(30px,3vw,42px)/1.2 'Anton',sans-serif;margin:0 0 12px}
.operation-step .operation-summary{display:block;font-size:15px;line-height:1.5;opacity:1;color:var(--operation-muted);margin:0 0 22px;min-height:45px}
.operation-step .operation-answer{display:flex;flex:1;flex-direction:column;gap:24px;padding:0;margin:0}
.operation-step .operation-answer p{font-size:15px;line-height:1.7;opacity:1;color:var(--operation-muted);margin:0 0 0}
.operation-step .operation-answer strong{font:italic 25px/1.25 'Instrument Serif',serif;align-self:stretch;margin-top:auto;max-width:22ch;min-height:2.5em}
.operation-example{max-width:1200px;margin:48px auto 0;padding:32px 36px;background:var(--operation-paper);color:var(--operation-ink)}
.operation-example-heading{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;margin-bottom:28px}
.operation-example-heading h3{font:500 clamp(22px,2.1vw,29px)/1.3 'Instrument Sans',sans-serif;margin:0;max-width:27ch}
.operation-example-heading p{font-size:14px;line-height:1.6;margin:0;color:var(--operation-muted);max-width:62ch}
.operation-example-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--operation-rule)}
.operation-example-nav button{position:relative;display:flex;gap:12px;align-items:center;justify-content:flex-start;min-height:56px;padding:12px 14px;background:transparent;border:0;color:var(--operation-muted);font:500 16px/1.4 'Instrument Sans',sans-serif;cursor:pointer;text-align:left}
.operation-example-nav button::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--operation-ink);transform:scaleX(0);transform-origin:left;transition:transform 220ms cubic-bezier(.16,1,.3,1)}
.operation-example-nav button[aria-selected=true]{color:var(--operation-ink)}
.operation-example-nav button[aria-selected=true]::after{transform:scaleX(1)}
.operation-example-nav button:hover{color:var(--operation-ink);background:#191a1806}
.operation-example :is(button,[role=tabpanel]):focus-visible{outline:2px solid currentColor;outline-offset:5px}
.operation-example .operation-example-nav button:focus-visible{outline-offset:-3px}
.operation-tab-number{font-size:12px;font-variant-numeric:tabular-nums}
.operation-example-panels{display:grid;margin-top:28px}
.operation-example-panel{grid-area:1/1;display:grid;grid-template-columns:.95fr 1.2fr 1fr;gap:36px;visibility:hidden;pointer-events:none}
.operation-example-panel.is-active{visibility:visible;pointer-events:auto}
.operation-example-panel h4{font:600 14px/1.5 'Instrument Sans',sans-serif;margin:0 0 12px}
.operation-example-panel p{font-size:15px;line-height:1.65;margin:0;color:var(--operation-muted)}
.is-night .operation-stage{--operation-muted:#bdc0b6;--operation-rule:#45483f;--operation-paper:#1d201a;--operation-ink:#f2f0e9}
.is-night .operation-example-nav button:hover{background:#ffffff08}
@media(max-width:1200px){
 .operation-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px;column-gap:32px}
 .operation-step,.operation-step:first-child,.operation-step:last-child{padding:26px 0 0}
 .operation-step::before{left:0}
 .operation-step .operation-summary{min-height:0;margin-bottom:16px}
 .operation-example{padding:28px}
 .operation-example-panel{gap:24px}
}
@media(max-width:700px){
 .operation-steps{grid-template-columns:1fr;gap:28px}
 .operation-step{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:18px;align-items:start}
 .operation-step h3{font-size:30px;margin:0 0 12px}
 .operation-step .operation-summary{grid-column:2;grid-row:1;font-size:13px;margin:0;align-self:center}
 .operation-step .operation-answer{grid-column:1/-1;grid-row:2;gap:16px}
 .operation-step .operation-answer p{font-size:15px;line-height:1.65}
 .operation-step .operation-answer strong{font-size:22px;min-height:0;max-width:none}
 .operation-example{padding:24px 20px;margin-top:32px}
 .operation-example-heading{grid-template-columns:1fr;gap:12px;margin-bottom:20px}
 .operation-example-nav button{flex-direction:column;align-items:flex-start;gap:5px;padding:10px 4px;min-height:65px;font-size:13px}
 .operation-example-panel{grid-template-columns:1fr;gap:22px}
 .operation-example-panel h4{margin-bottom:8px}
 .operation-example-panels{margin-top:24px}
}
@media(max-width:370px){.operation-stage #operation-title{font-size:38px}.operation-step{gap:14px}.operation-step h3{font-size:26px}.operation-example{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.operation-example-nav button::after{transition:none}}