/* Veytrix Cyber: healthcare assessment pages (risk, APP 11, My Health Record). Loaded after styles.css. */
.pg-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(28px,5vw,64px);align-items:center}
@media (max-width:920px){.pg-hero-grid{grid-template-columns:minmax(0,1fr)}}
.page-hero h1.page-h1{max-width:22ch}
.pg-glance{padding:22px 24px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03));border:1px solid var(--hero-line);box-shadow:0 30px 70px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.pg-glance-t{margin:0 0 6px!important;font:600 .7rem/1 var(--font-mono)!important;letter-spacing:.16em;text-transform:uppercase;color:#9fd0ff!important}
.pg-glance dl{margin:0;display:grid}
.pg-glance dl>div{padding:13px 0;border-top:1px solid var(--hero-line)}
.pg-glance dl>div:first-child{border-top:0}
.pg-glance dt{font:500 .68rem/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#9fd0ff;margin:0 0 4px}
.pg-glance dd{margin:0;font:650 .98rem/1.4 var(--font-display);color:#fff}
.pg-glance dd a{color:#8cc4ff}

/* Body */
.pg-body{padding-block:clamp(40px,5vw,72px)}
.pg{display:grid;gap:clamp(32px,4.5vw,56px)}
.pg-sec{display:grid;gap:18px}
.pg-head{display:flex;align-items:center;gap:14px}
.pg-head .k{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:10px;background:var(--grad);color:#fff;font:600 .78rem/1 var(--font-mono)}
:root[data-theme="dark"] .pg-head .k{color:#04122b}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pg-head .k{color:#04122b}}
.pg h2{font:800 clamp(1.3rem,2.3vw,1.7rem)/1.2 var(--font-display);letter-spacing:-.018em;margin:0;color:var(--ink)}
.pg-sub{margin:-4px 0 0;color:var(--ink-2);max-width:68ch}

/* Who this is for */
.pg-who{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:start}
@media (max-width:860px){.pg-who{grid-template-columns:minmax(0,1fr)}}
.pg-lede{margin:0;font-size:1.06rem;line-height:1.7;color:var(--ink)}
.pg-callout{padding:20px 22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);box-shadow:var(--shadow-sm)}
.pg-callout p{margin:0 0 10px;font-size:.95rem;line-height:1.6;color:var(--ink-2)}
.pg-callout p:last-child{margin-bottom:0}
.pg-callout .pg-small{font-size:.85rem;padding-top:10px;border-top:1px dashed var(--line)}

/* What we assess */
.pg-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:980px){.pg-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.pg-cards{grid-template-columns:minmax(0,1fr)}}
.pg-cards li{position:relative;display:grid;gap:8px;align-content:start;padding:20px 20px 20px 20px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s}
.pg-cards li:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.pg-cards .n{width:fit-content;font:600 .72rem/1 var(--font-mono);letter-spacing:.12em;color:var(--accent);padding:6px 9px;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,transparent)}
.pg-cards h3{font:700 1.04rem/1.3 var(--font-display);margin:2px 0 0;color:var(--ink)}
.pg-cards p{margin:0;font-size:.92rem;line-height:1.6;color:var(--ink-2)}

/* Three views (risk page) */
.pg-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:1000px){.pg-views{grid-template-columns:minmax(0,1fr)}}
.pg-view{position:relative;display:grid;gap:12px;align-content:start;padding:24px 22px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);overflow:hidden}
.pg-view::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--grad)}
.pg-view .tag{width:fit-content;padding:6px 11px;border-radius:8px;background:var(--grad);color:#fff;font:600 .68rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase}
:root[data-theme="dark"] .pg-view .tag{color:#04122b}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pg-view .tag{color:#04122b}}
.pg-view h4{font:700 1.12rem/1.3 var(--font-display);margin:0;color:var(--ink)}
.pg-view ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pg-view li{position:relative;padding-left:24px;font-size:.93rem;line-height:1.5;color:var(--ink-2)}
.pg-view li::before{content:"\2713";position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font:700 .62rem/1 var(--font-body)}

/* CTA block: tighter */
.pg .mhr-help{padding:clamp(24px,3.4vw,40px)}
.pg .mhr-help h3{font:800 1.3rem/1.25 var(--font-display)}
.pg .mhr-help p{max-width:60ch;font-size:.97rem}

/* Related pages */
.pg-related{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.pg-related a{display:flex;justify-content:space-between;align-items:center;gap:14px;height:100%;padding:16px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none;font:600 .93rem/1.35 var(--font-display);transition:border-color .2s,transform .2s}
.pg-related a:hover{border-color:var(--accent);transform:translateY(-2px);color:var(--accent)}
.pg-related i{font-style:normal;color:var(--accent);transition:transform .2s}
.pg-related a:hover i{transform:translateX(4px)}
.pg-fine{margin:0;padding-top:18px;border-top:1px solid var(--line);font-size:.85rem;line-height:1.6;color:var(--ink-2);max-width:96ch}