.offline-recording-guidance{display:grid;gap:11px;min-width:0;padding:14px;border:1px solid color-mix(in srgb,var(--warning) 28%,var(--line));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--warning) 8%,var(--surface-2)),color-mix(in srgb,var(--accent) 4%,var(--surface)))}
.offline-recording-guidance-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.offline-recording-guidance-heading .eyebrow{margin:0;font-size:.58rem}.offline-recording-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--warning) 38%,var(--line));border-radius:999px;color:var(--warning);font-size:.62rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.offline-recording-status i{width:6px;height:6px;border-radius:50%;background:var(--warning)}.offline-recording-guidance h3{margin:0;font-size:1.02rem;line-height:1.18}.offline-recording-guidance>p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.45}.offline-recording-steps{display:grid;gap:8px;margin:0;padding:0;list-style:none}.offline-recording-steps li{display:grid;grid-template-columns:23px minmax(0,1fr);align-items:start;gap:8px;min-width:0}.offline-recording-steps li>span{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent);font-size:.7rem;font-weight:850}.offline-recording-steps li>div{display:grid;gap:2px;min-width:0}.offline-recording-steps strong{font-size:.74rem;line-height:1.25}.offline-recording-steps small{color:var(--muted);font-size:.68rem;line-height:1.35}.offline-recording-cta{min-height:42px;margin-top:2px;text-align:center}.offline-recording-guidance-note{color:var(--muted-2);font-size:.66rem;line-height:1.35}.video-page .offline-recording-guidance{width:100%;max-width:100%}.video-page .offline-recording-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.video-page .offline-recording-steps li{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(5,7,12,.22)}.video-page .offline-recording-steps li>div{display:grid}.video-page .offline-recording-cta{width:auto;justify-self:start;padding-inline:15px}@media(max-width:700px){.video-page .offline-recording-steps{grid-template-columns:1fr}.video-page .offline-recording-steps li{display:grid;padding:0;border:0;background:none}.video-page .offline-recording-cta{width:100%}}@media(max-width:420px){.offline-recording-guidance{padding:12px}.offline-recording-guidance-heading{align-items:flex-start;flex-direction:column;gap:6px}}