/* MOVA — Security. Editorial layout; tokens from mova.css only. */
.sc-hero { display:flex; flex-direction:column; gap:26px; padding-bottom:8px; }
.sc-hero .h-hero { max-width:900px; }
.sc-lede { max-width:560px; font-size:16px; }

.sc-body { display:grid; grid-template-columns:minmax(0,1fr); gap:40px; }
.sc-toc ol { list-style:none; margin:14px 0 0; padding:0; border-top:1px solid var(--line-2); }
html body .sc-toc a { display:flex; align-items:center; gap:14px; padding:11px 0; border-bottom:1px solid var(--line-2); font-size:14px; color:var(--text-2); }
.sc-toc .mono { font-size:10.5px; letter-spacing:.12em; color:var(--cents); }
html body .sc-toc a[aria-current] { color:var(--ink); font-weight:600; }
.sc-toc a[aria-current]::after { content:''; width:5px; height:5px; margin-left:auto; border-radius:999px; background:var(--purple); }
html body .sc-toc a:hover { color:var(--ink); }
@media (min-width: 1200px) {
  .sc-body { grid-template-columns:260px minmax(0,1fr); gap:var(--gap); }
  .sc-toc { position:sticky; top:calc(var(--nav-h) + 24px); align-self:start; }
}

.sc-ch { padding:56px 0; border-top:1px solid var(--line-2); scroll-margin-top:24px; }
.sc-ch:first-child { padding-top:0; border-top:0; }
.sc-ch .h-minor { margin:18px 0 28px; max-width:640px; }
.sc-cols { display:grid; grid-template-columns:minmax(0,1fr); gap:40px; }
.sc-prose { max-width:600px; }
.sc-prose p { margin:0 0 16px; font-size:16px; line-height:1.7; color:var(--body); text-wrap:pretty; }
html body .sc-prose p a { text-decoration:underline; text-decoration-color:var(--line-strong); text-underline-offset:3px; }
.sc-prose .rows { margin-top:26px; }
.sc-warn { list-style:none; margin:24px 0 0; padding:0; }
.sc-warn li { display:flex; gap:14px; padding:14px 0; border-top:1px solid var(--line); font-size:15px; }
.sc-warn li:last-child { border-bottom:1px solid var(--line); }
.sc-warn li::before { content:''; width:6px; height:6px; margin-top:8px; border-radius:999px; background:var(--orange); flex:none; }
.sc-steps { list-style:none; margin:8px 0 0; padding:0; }
.sc-steps li { display:grid; grid-template-columns:64px minmax(0,1fr); gap:16px; padding:22px 0; border-top:1px solid #D9D5CE; }
.sc-steps li.is-last { border-top:2px solid var(--purple); padding-top:21px; }
.sc-step-n { font-size:36px; font-weight:400; letter-spacing:-0.04em; line-height:1; color:var(--step); }
.sc-steps li.is-last .sc-step-n { color:var(--ink); }
.sc-step-t { font-size:16px; font-weight:600; letter-spacing:-0.01em; margin-bottom:6px; }
.sc-help { margin-top:12px; }
@media (min-width: 1200px) { .sc-cols.has-extra { grid-template-columns:minmax(0,1fr) 380px; gap:56px; align-items:start; } }

/* Product details — the homepage security card, recomposed */
.sc-settings { margin:0; background:var(--screen); border:1px solid var(--screen-line); border-radius:36px; padding:26px 22px; max-width:420px; }
.sc-settings-title { font-size:24px; font-weight:600; letter-spacing:-0.035em; }
.sc-settings .small { margin-top:4px; font-size:13px; }
.sc-settings-card { margin-top:20px; background:#FFFFFF; border:1px solid var(--screen-line); border-radius:24px; padding:2px 18px; }
.sc-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 0; border-bottom:1px solid var(--row-line); }
.sc-row:last-child { border-bottom:0; }
.sc-row .n { font-size:14.5px; font-weight:600; }
.sc-row .s { font-size:12.5px; color:var(--label); margin-top:2px; }
.sc-toggle { width:44px; height:26px; border-radius:999px; background:var(--purple); padding:3px; display:flex; justify-content:flex-end; flex:none; }
.sc-toggle::after { content:''; width:20px; height:20px; border-radius:999px; background:#FFFFFF; }
.sc-manage { font-size:13px; font-weight:500; white-space:nowrap; }
.sc-alert { margin:0; background:#FFFFFF; border:1px solid var(--card-line-2); border-radius:22px; padding:14px 16px 16px; box-shadow:var(--shadow-panel); max-width:360px; }
.sc-alert-top { display:flex; align-items:center; gap:8px; font-size:12px; }
.sc-alert-app { font-weight:600; letter-spacing:.08em; }
.sc-alert-time { margin-left:auto; color:var(--label); }
.sc-alert-title { font-size:14px; font-weight:600; margin-top:10px; }
.sc-alert-body { font-size:13px; line-height:1.45; color:var(--text-2); margin-top:3px; }