.pw-tabs__list{position:relative;display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--panel-2);margin-bottom:40px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.pw-tabs__list::-webkit-scrollbar{display:none}
.pw-tabs__pill{position:absolute;top:4px;left:0;height:calc(100% - 8px);width:0;border-radius:9px;background:var(--bg);box-shadow:0 1px 2px rgba(11,13,18,.08),0 0 0 1px var(--line);will-change:transform,width}
.pw-tabs__tab{position:relative;z-index:1;height:44px;padding:0 18px;border-radius:9px;font-size:15px;font-weight:500;color:var(--ink-2);white-space:nowrap;transition:color var(--t-light) var(--ease-primary)}
.pw-tabs__tab[aria-selected="true"]{color:var(--ink)}

.pw-so-panel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.pw-so-copy h3{font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:500;line-height:1.12;letter-spacing:-.03em;max-width:20ch}
.pw-so-copy > p{margin-top:20px;color:var(--ink-2);font-size:17px;line-height:1.6;max-width:44ch}
.pw-so-list{list-style:none;display:grid;gap:0;margin-top:32px;border-top:1px solid var(--line);max-width:46ch}
.pw-so-list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.pw-so-list b{font-weight:600}
.pw-so-list span{color:var(--ink-2)}
.pw-so-week{position:relative;display:grid;gap:20px;padding:32px;border-radius:var(--radius-l);box-shadow:inset 0 0 0 1px var(--line);background:var(--bg)}
.pw-so-week__cap{font:400 12px/1.4 var(--font-mono);color:var(--ink-3)}
.pw-so-week > .pw-demo{position:absolute;right:16px;bottom:-12px;background:var(--bg)}
.pw-so-bar{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr) 7.5rem;gap:16px;align-items:center;font-size:15px}
.pw-so-bar span{color:var(--ink)}
.pw-so-bar em{font:400 13px/1 var(--font-mono);font-style:normal;color:var(--ink-2);text-align:right;white-space:nowrap}
.pw-so-bar i{--k:1;position:relative;display:block;height:14px;border-radius:7px;background:var(--panel-2);overflow:hidden}
.pw-so-bar i::before,.pw-so-bar i::after{content:"";position:absolute;left:0;top:0;bottom:0;border-radius:7px;transform-origin:0 50%}
.pw-so-bar i::before{width:100%;transform:scaleX(calc(var(--a) * var(--k)));box-shadow:inset 0 0 0 1px var(--line-2)}
.pw-so-bar i::after{width:100%;top:3px;bottom:3px;background:var(--accent);transform:scaleX(calc(var(--b) * var(--k)))}

@media (max-width:991px){
  .pw-so-panel{grid-template-columns:minmax(0,1fr);gap:40px}
}
@media (max-width:600px){
  .pw-tabs__list{margin-bottom:28px}
  .pw-tabs__tab{padding:0 14px;font-size:14px}
  .pw-so-week{padding:20px}
  .pw-so-bar{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
  .pw-so-bar i{grid-column:1 / -1;grid-row:2}
  .pw-so-list li{grid-template-columns:minmax(0,1fr);gap:4px}
}