.wn-sec{--k-new: var(--tint-ink);--k-new-soft: var(--tint);--k-new-fill: var(--fill);--k-improved: var(--ok-ink);--k-improved-soft: color-mix(in srgb,var(--ok) 14%,var(--surface));--k-improved-fill: var(--ok-fill);--k-fixed: var(--ink-2);--k-fixed-soft: var(--surface-2);--k-fixed-fill: #4b4e56;--k-removed: var(--danger);--k-removed-soft: var(--danger-soft);--k-removed-fill: #b3261e;--k-all: var(--ink-2);--k-all-soft: var(--surface-2);--k-all-fill: #4b4e56;padding-top: clamp(32px,4vw,56px) !important}.wn-sec [hidden]{display: none !important}.page-hero .wn-now{display: inline-flex;flex-wrap: wrap;align-items: center;gap: 4px 12px;max-width: none;margin: 26px 0 0;padding: 7px 18px;border: 1px solid #fbad4138;border-radius: 999px;background: #ffffff0f;font-size: var(--step--1);color: #f4f0ea}.page-hero .wn-now b{color: var(--accent-2);font-size: 1rem;font-weight: 600;font-variant-numeric: tabular-nums}.page-hero .wn-now span + b + span::before{content: '';display: inline-block;width: 4px;height: 4px;margin: 0 12px 2px 0;border-radius: 50%;background: #fbad41}.wn-layout{display: grid;grid-template-columns: minmax(220px,260px) minmax(0,1fr);gap: clamp(24px,4vw,56px);align-items: start}.wn-side{position: sticky;top: calc(var(--head-h) + 24px);display: grid;gap: 22px;max-height: calc(100dvh - var(--head-h) - 48px);overflow: auto;padding: 2px 8px 8px 2px;scrollbar-width: thin;overscroll-behavior: contain}.wn-kinds{display: grid;gap: 2px}.wn-kind{--k: var(--k-all);--k-soft: var(--k-all-soft);--k-fill: var(--k-all-fill);display: grid;grid-template-columns: 30px minmax(0,1fr) auto;align-items: center;gap: 10px;min-height: 42px;padding: 0 8px 0 6px;border: 1px solid transparent;border-radius: 12px;background: transparent;color: var(--ink-2);font: inherit;text-align: left;cursor: pointer;transition: background-color 0.15s,border-color 0.15s}.wn-kind.is-new{--k: var(--k-new);--k-soft: var(--k-new-soft);--k-fill: var(--k-new-fill)}.wn-kind.is-improved{--k: var(--k-improved);--k-soft: var(--k-improved-soft);--k-fill: var(--k-improved-fill)}.wn-kind.is-fixed{--k: var(--k-fixed);--k-soft: var(--k-fixed-soft);--k-fill: var(--k-fixed-fill)}.wn-kind.is-removed{--k: var(--k-removed);--k-soft: var(--k-removed-soft);--k-fill: var(--k-removed-fill)}.wn-kind i{display: grid;place-items: center;width: 30px;height: 30px;border-radius: 9px;color: var(--k);background: var(--k-soft);transition: background-color 0.2s,color 0.2s}.wn-kind .i{width: 16px;height: 16px}.wn-kind span{font-size: 0.9rem;font-weight: 500}.wn-kind b{display: grid;place-items: center;min-width: 26px;height: 22px;padding: 0 7px;border-radius: 999px;background: var(--surface-2);color: var(--muted);font-size: 0.75rem;font-weight: 700;font-variant-numeric: tabular-nums}.wn-kind:hover{background: var(--surface-2)}.wn-kind[aria-pressed='true']{border-color: color-mix(in srgb,var(--k) 45%,transparent);background: var(--k-soft);color: var(--ink);font-weight: 600}.wn-kind[aria-pressed='true'] i,.wn-kind[aria-pressed='true'] b{background: var(--k-fill);color: #fff}.wn-index{position: relative;padding-left: 16px}.wn-progress{position: absolute;left: 0;top: 4px;bottom: 4px;width: 3px;overflow: hidden;border-radius: 3px;background: var(--border)}.wn-progress i{position: absolute;inset: 0 0 auto 0;height: calc(var(--p,0) * 100%);border-radius: 3px;background: linear-gradient(180deg,var(--accent-2),var(--accent));transition: height 0.12s linear}.wn-index ol{display: grid;gap: 2px;margin: 0;padding: 0;list-style: none}.wn-index a{display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 8px 12px;border-radius: 10px;color: var(--ink-2);font-size: 0.9rem;text-decoration: none;transition: background-color 0.2s,padding 0.2s}.wn-index a:hover{padding-left: 16px;background: var(--surface-2)}.wn-index a[aria-current]{background: var(--tint);color: var(--tint-ink);font-weight: 600}.wn-v{font-variant-numeric: tabular-nums}.wn-index small{color: var(--muted);font-size: 0.78rem}.wn-index a[aria-current] small{color: inherit}.wn-index em{padding: 2px 9px;border-radius: 999px;background: var(--fill);color: var(--on-fill);font-size: 0.66rem;font-style: normal;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase}.wn-feed{display: inline-flex;align-items: center;gap: 9px;padding-top: 16px;border-top: 1px solid var(--border);color: var(--ink-2);font-size: 0.85rem;text-decoration: none}.wn-feed .i{width: 16px;height: 16px;color: var(--accent-ink)}.wn-feed:hover span{color: var(--accent-ink);text-decoration: underline}.wn-timeline{position: relative;display: grid;gap: 16px;min-width: 0;padding-left: 36px}.wn-timeline::before{content: '';position: absolute;left: 9px;top: 36px;bottom: 0;width: 2px;border-radius: 2px;background: linear-gradient(180deg,var(--border-strong),var(--border) 75%,transparent)}.wn-ver{position: relative;min-width: 0}.wn-card{border: 1px solid var(--border);border-radius: 20px;background: var(--surface);box-shadow: var(--shadow-sm);transition: border-color 0.2s,box-shadow 0.2s}.wn-card:hover{border-color: var(--border-strong);box-shadow: var(--shadow)}.wn-ver.is-latest{border-color: color-mix(in srgb,var(--accent) 50%,var(--border));box-shadow: var(--shadow)}.wn-head{position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px 20px;padding: 20px 24px;border-radius: 19px;list-style: none}summary.wn-head{padding-right: 64px;cursor: pointer}summary.wn-head::-webkit-details-marker{display: none}summary.wn-head:hover{background: var(--surface-2)}.wn-ver[open] > summary.wn-head,.wn-ver.is-latest > .wn-head{border-bottom: 1px solid var(--border);border-radius: 19px 19px 0 0}.wn-dot{position: absolute;left: -37px;top: 26px;width: 20px;height: 20px;border: 3px solid var(--border-strong);border-radius: 50%;background: var(--bg);transition: border-color 0.2s,box-shadow 0.2s}.wn-ver:hover .wn-dot,.wn-ver[open] .wn-dot{border-color: var(--accent)}.wn-ver.is-latest .wn-dot{border-color: var(--accent-2);background: var(--accent);box-shadow: 0 0 0 6px color-mix(in srgb,var(--accent) 22%,transparent)}.wn-title{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 12px}.wn-title h2{display: flex;align-items: baseline;gap: 10px;margin: 0;font-size: 1.5rem}.wn-title small{color: var(--muted);font-size: 0.75rem;font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase}.wn-title b{font-weight: 600;font-variant-numeric: tabular-nums}.wn-latest{padding: 3px 12px;border-radius: 999px;background: var(--fill);color: var(--on-fill);font-size: 0.7rem;font-style: normal;font-weight: 600;letter-spacing: 0.1em;text-transform: uppercase}.wn-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 14px;color: var(--muted);font-size: 0.85rem}.wn-counts{display: flex;flex-wrap: wrap;gap: 6px}.wn-badge{--k: var(--k-all);--k-soft: var(--k-all-soft);padding: 2px 10px;border: 1px solid color-mix(in srgb,var(--k) 30%,transparent);border-radius: 999px;background: var(--k-soft);color: var(--k);font-size: 0.75rem;font-weight: 600;white-space: nowrap}.wn-badge.is-new{--k: var(--k-new);--k-soft: var(--k-new-soft)}.wn-badge.is-improved{--k: var(--k-improved);--k-soft: var(--k-improved-soft)}.wn-badge.is-fixed{--k: var(--k-fixed);--k-soft: var(--k-fixed-soft)}.wn-badge.is-removed{--k: var(--k-removed);--k-soft: var(--k-removed-soft)}.wn-caret{position: absolute;right: 18px;top: 50%;display: grid;place-items: center;width: 32px;height: 32px;margin-top: -16px;border-radius: 50%;color: var(--muted);transition: transform 0.25s cubic-bezier(0.2,0.8,0.2,1)}.wn-caret .i{width: 18px;height: 18px}.wn-ver[open] .wn-caret{transform: rotate(180deg)}.wn-body{padding: 22px 24px 26px}.wn-sum{max-width: none;margin: 0 0 22px;color: var(--ink);font-size: var(--step-1)}.wn-groups{display: grid;gap: 24px}.wn-group{--k: var(--k-all);--k-soft: var(--k-all-soft)}.wn-group.is-new{--k: var(--k-new);--k-soft: var(--k-new-soft)}.wn-group.is-improved{--k: var(--k-improved);--k-soft: var(--k-improved-soft)}.wn-group.is-fixed{--k: var(--k-fixed);--k-soft: var(--k-fixed-soft)}.wn-group.is-removed{--k: var(--k-removed);--k-soft: var(--k-removed-soft)}.wn-group h3{display: flex;align-items: center;gap: 10px;margin: 0 0 12px;color: var(--k);font-size: 0.78rem;font-weight: 700;letter-spacing: 0.14em;text-transform: uppercase}.wn-group h3 i{display: grid;place-items: center;width: 28px;height: 28px;border-radius: 9px;background: var(--k-soft)}.wn-group h3 .i{width: 15px;height: 15px}.wn-group h3 b{padding: 1px 9px;border-radius: 999px;background: var(--k-soft);font-size: 0.72rem;letter-spacing: 0}.wn-group ul{display: grid;gap: 9px;margin: 0;padding: 0;list-style: none}.wn-group li{position: relative;padding-left: 22px;color: var(--ink-2);line-height: 1.6}.wn-group li::before{content: '';position: absolute;left: 4px;top: 0.62em;width: 7px;height: 7px;border-radius: 50%;background: var(--k);opacity: 0.75}.wn-group code{padding: 1px 6px;border: 1px solid var(--border);border-radius: 6px;background: var(--surface-2);font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 0.85em}.wn-group a{color: var(--accent-ink)}.wn-timeline[data-kind='new'] .wn-group:not(.is-new),.wn-timeline[data-kind='improved'] .wn-group:not(.is-improved),.wn-timeline[data-kind='fixed'] .wn-group:not(.is-fixed),.wn-timeline[data-kind='removed'] .wn-group:not(.is-removed){display: none}@media (max-width: 900px){.wn-layout{grid-template-columns: minmax(0,1fr)}.wn-side{position: static;max-height: none;overflow: visible;gap: 14px;padding: 0}.wn-index{order: -1;padding-left: 0}.wn-progress{display: none}.wn-index ol,.wn-kinds{display: flex;gap: 6px;overflow-x: auto;padding-bottom: 4px;scrollbar-width: none}.wn-index a{border: 1px solid var(--border);background: var(--surface);white-space: nowrap}.wn-index a:hover{padding-left: 12px}.wn-kind{grid-template-columns: auto auto auto;gap: 8px;min-height: 0;padding: 5px 8px 5px 5px;border-color: var(--border);border-radius: 999px;background: var(--surface);white-space: nowrap}.wn-kind i{width: 26px;height: 26px;border-radius: 50%}.wn-kind .i{width: 14px;height: 14px}}@media (max-width: 560px){.page-hero .wn-now{border-radius: 20px}.page-hero .wn-now span + b + span::before{display: none}.wn-timeline{padding-left: 28px}.wn-timeline::before{left: 6px}.wn-dot{left: -29px;top: 22px;width: 16px;height: 16px;border-width: 2px}.wn-head{padding: 16px}summary.wn-head{padding-right: 52px}.wn-caret{right: 10px}.wn-title h2{font-size: 1.25rem}.wn-body{padding: 18px 16px 22px}}@media (prefers-reduced-motion: reduce){.wn-caret,.wn-progress i{transition: none}}