.hw-sec{scroll-margin-top:calc(var(--header-h, 72px) + 8px)}.hw-tools{display:grid;gap:12px;margin:6px 0 20px}.hw-q{position:relative}.hw-q .hp-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}.hw-q input{width:100%;padding-left:42px}.hw-chips{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:thin}.hw-chips button{flex:none;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font:600 14px/1.2 inherit;cursor:pointer;white-space:nowrap}.hw-chips button:hover{border-color:var(--brand)}.hw-chips button.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.hw-chips button:focus-visible,.hw-card a:focus-visible,.hw-walk__btn:focus-visible,.hw-walk__dots button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.hw-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);list-style:none;margin:0;padding:0}.hw-card a{display:flex;flex-direction:column;height:100%;border:1px solid var(--line);border-radius:var(--r-lg, 16px);background:#fff;overflow:hidden;color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}.hw-card a:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:0 10px 26px #0f172a14;transform:translateY(-2px)}.hw-card__media{position:relative;display:block;aspect-ratio:16/9;background:var(--tint)}.hw-card__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.hw-card__badge{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#0d1221db;color:#fff;font:700 12.5px/1 inherit}.hw-card__badge .hp-ico{width:13px;height:13px}.hw-card__body{display:grid;gap:4px;padding:14px 16px 16px}.hw-card__body small{color:var(--brand-d);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em}.hw-card__body b{font:800 17px/1.3 var(--head);color:var(--ink)}.hw-card__body span{color:var(--muted);font-size:14.5px;line-height:1.5}.hw-empty{margin-top:18px;padding:16px;border-radius:var(--r, 12px);background:var(--tint);color:var(--muted)}.hw-empty a{color:var(--brand-d);font-weight:600}.hw-hero .hp-hero__copy{max-width:780px}.hw-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;list-style:none;padding:0;color:#ffffffd1;font-size:14.5px}.hw-meta li{display:inline-flex;align-items:center;gap:6px}.hw-meta .hp-ico{width:15px;height:15px}.hw-layout{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}.hw-player{margin:0}.hw-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:var(--r-lg, 16px);background:#0d1221;box-shadow:0 14px 40px #0f172a2e}.hw-player figcaption,.hw-note{display:flex;gap:8px;align-items:flex-start;margin-top:10px;color:var(--muted);font-size:13.5px;line-height:1.5}.hw-player figcaption .hp-ico,.hw-note .hp-ico{flex:none;width:16px;height:16px;margin-top:2px;color:var(--brand-d)}.hw-h{font:800 20px/1.3 var(--head);color:var(--ink);margin-bottom:12px}.hw-h small{font:600 14px/1 inherit;color:var(--muted)}.hw-steps{display:grid;gap:10px;list-style:none;margin:0;padding:0}.hw-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r, 12px);background:#fff;scroll-margin-top:calc(var(--header-h, 72px) + 16px)}.hw-steps li:target{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}.hw-steps__n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--brand-tint);color:var(--brand-d);font:800 14px/1 var(--head)}.hw-steps p{margin:5px 0 0;color:var(--ink);font-size:15.5px;line-height:1.55}.hw-start{margin-top:16px}.hw-ar{margin-top:18px;border:1px solid var(--line);border-radius:var(--r, 12px);background:var(--tint);padding:0 14px}.hw-ar summary{display:flex;align-items:center;gap:8px;min-height:48px;cursor:pointer;font-weight:700;color:var(--ink);list-style:none}.hw-ar summary::-webkit-details-marker{display:none}.hw-ar summary .hp-ico{width:16px;height:16px;color:var(--brand-d)}.hw-ar[open]{padding-bottom:14px}.hw-ar h3{font:800 17px/1.4 var(--head);margin:4px 0}.hw-ar>p{color:var(--muted);margin:0 0 12px;font-size:15px}.hw-links{display:flex;flex-wrap:wrap;gap:10px 24px;list-style:none;margin:0;padding:0}.hw-stuck__box{display:grid;gap:16px;padding:22px;border-radius:var(--r-lg, 16px);background:var(--deep, #0d1221);color:#fff}.hw-stuck__box h2{font:800 22px/1.3 var(--head);color:#fff}.hw-stuck__box p{margin:6px 0 0;color:#fffc}.hw-stuck__a{display:flex;flex-wrap:wrap;gap:10px}.hw-stuck .hp-btn--ghost{color:#fff;border-color:#fff6}.hw-all{margin-top:18px}.hw-walk{position:relative}.hw-walk__stage{display:grid;gap:16px}.hw-walk__f{margin:0;border-radius:var(--r-lg, 16px);overflow:hidden;border:1px solid var(--line);background:#fff}.hw-walk__f img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.hw-walk__f figcaption{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;font-size:14.5px;color:var(--ink)}.hw-walk__f figcaption b{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--brand);color:#fff;font-size:13px}.hw-walk.is-js .hw-walk__stage{display:block;position:relative;aspect-ratio:auto}.hw-walk.is-js .hw-walk__f{display:none}.hw-walk.is-js .hw-walk__f.is-on{display:block;animation:hwin .45s ease both}@keyframes hwin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hw-walk__bar{display:flex;align-items:center;gap:8px;margin-top:12px}.hw-walk__btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.hw-walk__btn .hp-ico{width:18px;height:18px}.hw-walk__play{background:var(--brand);border-color:var(--brand);color:#fff}.hw-walk__dots{display:flex;gap:4px;flex:1;justify-content:center}.hw-walk__dots button{width:44px;height:44px;border:0;background:none;cursor:pointer;position:relative}.hw-walk__dots button:after{content:"";position:absolute;inset:19px 10px;border-radius:3px;background:var(--line)}.hw-walk__dots button[aria-current]:after{background:var(--brand)}@media(prefers-reduced-motion:reduce){.hw-card a,.hw-walk.is-js .hw-walk__f.is-on{transition:none;animation:none}.hw-card a:hover{transform:none}}@media(min-width:640px){.hw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-tools{grid-template-columns:minmax(240px,360px) minmax(0,1fr);align-items:center}.hw-stuck__box{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:28px 32px}}@media(min-width:1024px){.hw-grid,.hw-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.hw-layout{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:36px;align-items:start}.hw-side{position:sticky;top:calc(var(--header-h, 72px) + 16px)}}@media(min-width:1280px){.hw-sec .hw-grid:not(.hw-grid--3){grid-template-columns:repeat(4,minmax(0,1fr))}}