/* Pages under /for. Builds on /style.css tokens and /learn/learn.css. */
.video{margin:12px 0 8px;display:grid;gap:8px}
.video video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.video figcaption{font-size:var(--step--2);color:var(--muted)}
.guide-link{border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:4px;color:var(--muted);font-size:var(--step--1)}
.guide-link span{font-size:var(--step--3);letter-spacing:var(--ls-caps);text-transform:uppercase}
.guide-link a{font-family:var(--display);font-size:var(--step-1);line-height:var(--lh-heading);color:var(--ink);text-decoration:none}
.guide-link a:hover{color:var(--accent)}