.os-plan{margin:24px 0;padding:clamp(20px,4vw,40px);border:1px solid var(--line);border-radius:24px;background:var(--card)}
.os-plan-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.os-plan h2{margin:0 0 8px}.os-plan p{line-height:1.6}.os-plan-time{display:flex;gap:6px;flex-wrap:wrap}.os-plan-time button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:99px;padding:10px 16px;background:transparent;color:inherit}.os-plan-time button[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.os-plan-list{list-style:none;padding:0;counter-reset:plan;display:grid;gap:10px}.os-plan-list li{counter-increment:plan}.os-plan-list a{display:flex;gap:16px;align-items:center;color:inherit;text-decoration:none;padding:16px;border:1px solid var(--line);border-radius:16px;transition:background .2s,transform .2s}.os-plan-list a:before{content:counter(plan,decimal-leading-zero);font-size:22px;opacity:.5}.os-plan-list a:hover{transform:translateX(3px);background:var(--bg)}.os-plan-list a>span{flex:1;min-width:0}.os-plan-list strong,.os-plan-list small{display:block;overflow-wrap:anywhere}.os-plan-list small{margin-top:5px;line-height:1.5;opacity:.75}.os-plan-list b{white-space:nowrap;font-size:12px}.os-plan button:focus-visible,.os-plan a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(prefers-reduced-motion:reduce){.os-plan-list a{transition:none}.os-plan-list a:hover{transform:none}}
.os-plan-list a>svg{flex-shrink:0;width:18px;height:18px}@media(max-width:480px){.os-plan-list a{display:grid;grid-template-columns:1fr auto;gap:8px 12px}.os-plan-list a:before{display:none}.os-plan-list a>span{grid-column:1/-1}.os-plan-list b{color:var(--muted);font-weight:500}.os-plan-list a>svg{justify-self:end}}