/* Zoom reviewer pages: additive doc components layered on the core HS site CSS.
   Base tokens, fonts, body, .site-header/.nav, .btn, .footer come from the advisory CSS. */
:root{--z-ink:#012d27;--z-forest:#0a594e;--z-teal:#168d7c;--z-emerald:#1fb5a0;--z-fluro:#0edb36;--z-line:#e4ede9;--z-muted:#5c726b;--z-pale:#f0fde9;--z-mint:#eafaf4}
body{background:#f7faf8}
.zwrap{width:100%;max-width:900px;margin:0 auto;padding:0 24px}

/* compact page header */
.zhead{background:radial-gradient(120% 130% at 90% -30%,#0a594e,#012d27 62%);color:#fff;padding:52px 0 44px;position:relative;overflow:hidden}
.zhead:after{content:"";position:absolute;inset:0;background:radial-gradient(55% 60% at 10% 0,rgba(14,219,54,.12),transparent 60%);pointer-events:none}
.zhead .eyebrow{color:var(--z-fluro)}
.zhead h1{color:#fff;font-size:clamp(27px,4.2vw,40px);margin:12px 0 12px;max-width:22ch;letter-spacing:-.02em;line-height:1.15}
.zhead p{color:#bfe3d8;max-width:64ch;font-size:16.5px;line-height:1.6}
.zhead .pubtag{display:inline-flex;align-items:center;gap:8px;margin-top:20px;background:rgba(14,219,54,.12);border:1px solid rgba(14,219,54,.32);color:#d6ffe0;font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:999px}
.zhead .updated{margin-top:10px;font-size:12.5px;color:#84a99d}

/* resource strip */
.rstrip{background:#fff;border-bottom:1px solid var(--z-line)}
.rstrip .in{max-width:900px;margin:0 auto;padding:13px 24px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rstrip .lbl{font-weight:700;color:var(--z-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;margin-right:6px}
.rstrip a{padding:5px 12px;border:1px solid var(--z-line);border-radius:999px;color:#0d221d;font-weight:550;font-size:13px;text-decoration:none}
.rstrip a:hover{border-color:var(--z-emerald);color:var(--z-teal)}
.rstrip a.on{background:var(--z-ink);color:#fff;border-color:var(--z-ink)}

/* content */
.zmain{padding:44px 0 24px}
.zmain h2{font-size:23px;letter-spacing:-.02em;color:var(--z-ink);margin:0 0 14px}
.zmain h3{font-size:16.5px;color:var(--z-forest);margin:20px 0 6px}
.zmain p{margin:0 0 12px;color:#213a33;line-height:1.65}
.zmain a{color:var(--z-teal);font-weight:550}
.zsec{margin-bottom:38px}
.zsec>.eyebrow{color:var(--z-teal);margin-bottom:6px}
.zmain ul{margin:0 0 14px;list-style:none;padding:0}
.zmain ul li{position:relative;padding-left:22px;margin-bottom:8px;color:#213a33;line-height:1.6}
.zmain ul li:before{content:"";position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:2px;background:var(--z-emerald)}
.zcard{background:#fff;border:1px solid var(--z-line);border-radius:14px;padding:20px 22px;margin-bottom:14px}
.zcard h3{margin-top:0}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:700px){.grid2{grid-template-columns:1fr}}
.note{background:var(--z-pale);border:1px solid #cfeede;border-radius:12px;padding:15px 18px;margin:16px 0;font-size:14.5px;color:#1c463b}
.note b{color:var(--z-ink)}
.warn{background:#fff8ec;border:1px solid #f0dcae;border-radius:12px;padding:15px 18px;margin:16px 0;font-size:14.5px;color:#6b4e17}
.warn b{color:#7a5510}
.gate{background:#fbeeee;border:1px solid #eecccc;border-radius:12px;padding:15px 18px;margin:16px 0;font-size:14.5px;color:#7a2b2b}
.gate b{color:#8a2b2b}
.perm{display:grid;grid-template-columns:230px 1fr;border:1px solid var(--z-line);border-radius:12px;overflow:hidden;margin:8px 0}
.perm>div{padding:12px 16px;border-top:1px solid var(--z-line)}
.perm>div:nth-child(1),.perm>div:nth-child(2){border-top:none}
.perm .p-scope{font-family:ui-monospace,monospace;font-size:12.5px;color:var(--z-forest);font-weight:600;background:#f4f8f6}
.perm .p-body b{display:block;color:var(--z-ink);font-size:14px;margin-bottom:2px}
.perm .p-body span{font-size:13.5px;color:var(--z-muted)}
@media(max-width:640px){.perm{grid-template-columns:1fr}.perm .p-scope{border-top:1px solid var(--z-line)}}
.steps{counter-reset:s;margin:14px 0 4px}
.steps .st{position:relative;padding:14px 0 14px 46px;border-bottom:1px solid var(--z-line)}
.steps .st:last-child{border-bottom:none}
.steps .st:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:14px;width:30px;height:30px;border-radius:8px;background:var(--z-ink);color:var(--z-fluro);display:grid;place-items:center;font-weight:800;font-size:13px}
.steps .st b{color:var(--z-ink)}
.kv{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed var(--z-line);font-size:14px}
.kv:last-child{border-bottom:none}.kv .k{color:var(--z-muted)}
.zhr{border:none;border-top:1px solid var(--z-line);margin:30px 0}