.scroll-method{padding-block:6rem}.method-progress{display:none}.method-panels{gap:4rem;display:grid}.method-panel{align-items:center;gap:2rem;display:grid}.method-graphic{border:1px solid color-mix(in srgb, var(--color-ink) 5%, transparent);background:var(--color-card);width:100%;max-width:480px;box-shadow:var(--shadow-scene);border-radius:2rem;padding:1.75rem}.market-matrix{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.market-matrix>span{background:var(--color-bone);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:95px;font-size:13px;display:flex}.market-matrix>.matrix-focus{background:var(--color-ink);color:var(--color-bone)}.editorial-calendar{text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.calendar-filled,.calendar-empty{border-radius:.6rem;justify-content:center;align-items:center;height:48px;font-size:11px;display:flex}.calendar-empty{background:var(--color-bone)}.calendar-filled{background:var(--color-ink);color:var(--color-bone)}.calendar-filled:nth-child(3n){background:color-mix(in srgb, var(--color-accent-orange) 18%, var(--color-card));color:var(--color-ink)}.result-bars{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 15%, transparent);align-items:flex-end;gap:12px;height:90px;display:flex}.result-bars span{background:color-mix(in srgb, var(--color-ink) 18%, var(--color-card));border-radius:4px 4px 0 0;flex:1;height:35%}.result-bars span:nth-child(2n){height:55%}.result-bars span:nth-child(3n){height:70%}.result-bars span:last-child{background:var(--color-accent-orange);height:85%}@media (width>=768px){.method-panel{grid-template-columns:1fr 1fr;gap:4rem}}@media (width>=1024px) and (prefers-reduced-motion:no-preference){.scroll-method{height:360svh;padding-block:0}.method-sticky{flex-direction:column;justify-content:center;height:100svh;min-height:700px;display:flex;position:sticky;top:0}.method-progress{grid-template-columns:repeat(4,1fr);gap:18px;max-width:750px;display:grid}.method-indicator{border-top:2px solid color-mix(in srgb, var(--color-ink) 12%, transparent);color:color-mix(in srgb, var(--color-ink) 50%, transparent);gap:10px;padding-top:12px;font-size:13px;transition:color .25s,border-color .25s;display:flex}.method-indicator[data-active=true]{border-color:var(--color-accent-orange);color:var(--color-ink)}.method-panels{height:385px;display:block;position:relative}.method-panel{position:absolute;inset:0}.method-panel:not(:first-child){opacity:0;visibility:hidden}}@media (width>=768px){.scroll-method{padding-block:8rem}}
