.sg-track{margin:var(--space-6) 0 var(--space-8);position:relative}.sg-stage{border:1px solid var(--color-border);isolation:isolate;background:linear-gradient(160deg,#dfe8df 0%,#c9d8cf 55%,#b7cbc2 100%);border-radius:16px;width:100%;height:min(52svh,480px);position:relative;overflow:hidden;container-type:size}.sg-stage--main{top:var(--header-h);z-index:3;box-shadow:0 0 0 12px var(--color-bg), 0 -24px 0 12px var(--color-bg), 0 8px 30px -14px #1a322659;background-color:#cfdcd3;position:sticky}.sg-steps{flex-direction:column;display:flex}.sg-steps:after{content:"";height:45svh;display:block}.sg-step{min-height:90svh;padding:var(--space-4) 0 var(--space-6);flex-direction:column;justify-content:flex-start;transition:opacity .35s;display:flex}.sg-step:not(.is-active){opacity:.5}.sg-step__no{font-family:var(--font-en);font-size:var(--text-xs);letter-spacing:.18em;color:var(--color-accent);margin:0 0 4px}.sg-step__title{margin:0 0 var(--space-3);font-family:var(--font-ja);font-size:clamp(20px,2.6vw,26px);font-weight:700;line-height:1.4}.sg-step__body{font-family:var(--font-ja);font-size:var(--text-base);max-width:40em;line-height:1.9}.sg-step__body p{margin:0 0 var(--space-3)}.sg-step__body ul,.sg-step__body ol{margin:0 0 var(--space-3) 1.3em}.sg-step__body li{margin-bottom:4px}.sg-step__body a{color:var(--color-accent);text-underline-offset:.15em;text-decoration:underline}.sg-step__body details{margin:0 0 var(--space-3);border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:10px;padding:8px 14px}.sg-step__body summary{cursor:pointer;font-size:15px;font-weight:700}.sg-step__body details>:not(summary){margin-top:var(--space-2)}@media (min-width:1024px){.sg-track{--sg-track-w:min(1180px, calc(100vw - 2 * var(--container-padding)));width:var(--sg-track-w);margin-left:calc(50% - var(--sg-track-w) / 2);gap:var(--space-10,64px);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;display:grid}.sg-stage--main{top:calc(var(--header-h) + 16px);height:calc(100svh - var(--header-h) - 32px);max-height:820px;box-shadow:0 8px 30px -14px #1a322659}.sg-step{min-height:100svh;padding:var(--space-8) 0 var(--space-8) var(--space-2);justify-content:center}}.sg-track[data-motion=reduce]{display:block}.sg-track[data-motion=reduce] .sg-stage--main,.sg-track[data-motion=reduce] .sg-steps:after{display:none}.sg-track[data-motion=reduce] .sg-step{opacity:1;min-height:0;padding:var(--space-6) 0;border-top:1px solid var(--color-border)}.sg-stage--static{aspect-ratio:4/3;max-width:640px;height:auto;margin:0 0 var(--space-4)}@media (prefers-reduced-motion:reduce){.sg-step{transition:none}}
