/* Help */
.hlp{display:flex;flex-direction:column;gap:28px;max-width:1100px}
.hlp-lead{margin:0;font-size:14px;color:var(--text-muted);max-width:620px;text-wrap:pretty}
.hlp-series{display:flex;flex-direction:column;gap:14px}
.hlp-series header{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.hlp-series h3{margin:0;font-size:16px}.hlp-series header span{font-size:13px;color:var(--text-muted)}
.hlp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.hlp-v{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}
.hlp-v.is-soon{opacity:.7}
.hlp-v-thumb{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:linear-gradient(135deg,var(--navy-900),var(--teal-700));border:0;cursor:pointer;padding:0;color:#fff}
.hlp-v-thumb:disabled{cursor:default}
/* Office: the video plays in the preview's own box */
.hlp-v-screen{position:relative;aspect-ratio:16/9;background:#000}
.hlp-v-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.hlp-v-n{position:absolute;left:12px;top:10px;font-size:12px;font-weight:600;letter-spacing:.04em;opacity:.85}
.hlp-v-len{position:absolute;right:10px;bottom:8px;font-size:11.5px;font-weight:600;background:rgba(0,0,0,.35);padding:2px 7px;border-radius:var(--radius-sm)}
.hlp-v-play{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.7);transition:transform .15s,background .15s}
.hlp-v-thumb:hover .hlp-v-play{transform:scale(1.06);background:rgba(255,255,255,.3)}
.hlp-v-soon{font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.6);padding:4px 10px;border-radius:var(--radius-full)}
.hlp-v-body{display:flex;flex-direction:column;gap:5px;padding:12px 14px 14px}
.hlp-v-body b{font-size:14px}.hlp-v-who{font-size:11.5px;font-weight:600;color:var(--brand);letter-spacing:.02em}
.hlp-v-body p{margin:0;font-size:13px;color:var(--text-muted);line-height:1.5;text-wrap:pretty}
.hlp-v-player{margin-top:6px;padding:12px;border-radius:var(--radius-md);background:var(--bg-muted);font-size:12.5px;color:var(--text-muted)}
.hlp-v-go{margin-top:4px;font-size:12.5px;color:var(--text);text-decoration:underline;text-underline-offset:2px}.hlp-v-go:hover{color:var(--brand)}
.hlp-card{display:flex;flex-direction:column;gap:12px;padding:22px 24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);max-width:640px}
.hlp-card h3{margin:0;font-size:16px}.hlp-card p{margin:0;font-size:14px;color:var(--text-muted);line-height:1.55;text-wrap:pretty}.hlp-card p b{color:var(--text)}
.hlp-acts{display:flex;gap:8px}
.hlp-eg{font-size:12.5px !important}
/* Office: the recorded video in the card (the design's player box holds it), and a card's parts */
.hlp-v-player video{display:block;width:100%;aspect-ratio:16/9;border-radius:var(--radius-sm);background:#000}
.hlp-v-parts{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.hlp-v-parts button{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-full);padding:3px 10px;font-size:12px;color:var(--text);cursor:pointer}
.hlp-v-parts button.is-on{border-color:var(--brand);color:var(--brand);font-weight:600}