[data-se=S7]{font:var(--t-body);color:var(--ink)}[data-se=S7],[data-se=S7] *{box-sizing:border-box}[data-se=S7] p,[data-se=S7] h2,[data-se=S7] ol{margin:0}[data-se=S7] ol{list-style:none;padding:0}[data-se=S7] button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}[data-se=S7] .s7-wrap{width:100%;max-width:var(--c-wide);margin-inline:auto;padding-inline:var(--gutter);padding-block:calc(var(--s-section) * var(--s-scale, 1))}[data-se=S7] h2{font:var(--t-h2);letter-spacing:-.03em;color:var(--ink);max-width:18ch;text-wrap:balance}[data-se=S7] .s-hl{background:var(--hl, var(--acc));color:var(--on-hl, var(--on-acc));padding:0 .14em .02em;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}[data-se=S7] .s7-lead{font:var(--t-lead);color:var(--ink-dim);margin-top:18px;max-width:58ch}[data-se=S7] .s7-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center;margin-top:clamp(32px,4vw,56px)}[data-se=S7] .s7-ring{position:relative;aspect-ratio:1;width:100%;max-width:560px;color:var(--ink-faint)}[data-se=S7] .s7-track{position:absolute;inset:0;width:100%;height:100%}[data-se=S7] .s7-center{position:absolute;inset:26%;border-radius:50%;background:var(--surface);color:var(--on-surface);display:grid;place-content:center;text-align:center;gap:6px;padding:8%;box-shadow:var(--shadow-card)}[data-se=S7] .s7-center strong{font:var(--t-h3);color:var(--on-surface);text-wrap:balance}[data-se=S7] .s7-center span{font:var(--t-label);color:var(--on-surface);opacity:.92}[data-se=S7] .s7-node{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:999px;background:var(--bg);border:1.5px solid var(--line);box-shadow:0 10px 24px -16px color-mix(in srgb,var(--ink) 70%,transparent);white-space:nowrap;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}[data-se=S7] .s7-node:hover{transform:translate(-50%,-50%) scale(1.05)}[data-se=S7] .s7-node .s7-name{font:700 1rem/1 var(--font-display);color:var(--ink)}[data-se=S7] .s7-num{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--bg-alt);color:var(--ink);font:800 1rem/1 var(--font-display)}[data-se=S7] .s7-node[aria-pressed=true]{border-color:var(--acc)}[data-se=S7] .s7-node[aria-pressed=true] .s7-num,[data-se=S7] .s7-step.is-on .s7-num{background:var(--acc);color:var(--on-acc)}[data-se=S7] .s7-list{border-top:1px solid var(--line)}[data-se=S7] .s7-step{border-bottom:1px solid var(--line)}[data-se=S7] .s7-step-btn{display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;align-items:center;width:100%;padding:14px 0}[data-se=S7] .s7-step-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}[data-se=S7] .s7-step-t strong{font:var(--t-h4);color:var(--ink)}[data-se=S7] .s7-step-t span{color:var(--ink-dim)}[data-se=S7] .s7-detail{padding:0 0 18px 48px;display:grid;gap:10px}[data-se=S7] .s7-detail p{color:var(--ink-dim);max-width:56ch}[data-se=S7] .s7-tags{font:var(--t-label);color:var(--ink-faint)!important}[data-se=S7].is-js .s7-step:not(.is-on) .s7-detail{display:none}[data-se=S7] .s7-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(32px,4vw,48px)}[data-se=S7] .s-pill{display:inline-flex;align-items:center;gap:14px;min-height:var(--btn-h);padding:0 7px 0 26px;border-radius:999px;background:var(--acc);color:var(--on-acc);font:var(--t-accent);text-decoration:none;box-shadow:0 16px 36px -14px color-mix(in srgb,var(--acc) 80%,transparent);transition:transform .3s cubic-bezier(.16,1,.3,1)}[data-se=S7] .s-pill-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--on-acc);color:var(--acc)}[data-se=S7] .s-pill:hover{transform:translateY(-2px)}[data-se=S7] .s-ghost{display:inline-flex;align-items:center;min-height:var(--btn-h);padding:0 26px;border-radius:999px;border:1.5px solid var(--line);color:var(--ink);font:var(--t-accent);text-decoration:none}[data-se=S7] :focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:999px}@media(max-width:960px){[data-se=S7] .s7-body{grid-template-columns:minmax(0,1fr)}[data-se=S7] .s7-ring{margin-inline:auto;max-width:480px}}@media(max-width:520px){[data-se=S7] .s7-node{padding:4px}[data-se=S7] .s7-node .s7-name{display:none}[data-se=S7] .s7-center{inset:22%}}@media(prefers-reduced-motion:reduce){[data-se=S7] .s7-node,[data-se=S7] .s-pill{transition:none}}
