/* vaayaa Risk Assessments. Every selector is scoped under .vra-section so nothing leaks into the rest of the site. */
.vra-section{--g9:#0f3d22;--g8:#14532d;--g7:#166534;--g6:#15803d;--g1:#dcfce7;--g0:#f0fdf4;--gold:#b7791f;--gold1:#fef3c7;--ink:#1f2937;--mut:#4b5563;--line:#d1d5db;--card:#fff;--rad:14px;--shadow:0 1px 2px rgba(15,61,34,.08),0 6px 18px rgba(15,61,34,.07);
  color:var(--ink);background:#f8faf8;line-height:1.6;font-size:16px;text-align:left;-webkit-text-size-adjust:100%}
.vra-section *,.vra-section *::before,.vra-section *::after{box-sizing:border-box}
.vra-section h1,.vra-section h2,.vra-section h3,.vra-section h4,.vra-section p,.vra-section ul,.vra-section ol,.vra-section figure,.vra-section table,.vra-section dl,.vra-section dd{margin:0;padding:0}
.vra-section ul,.vra-section ol{list-style:none}
.vra-section a{color:var(--g7);text-decoration:none}
.vra-section a:hover{text-decoration:underline}
.vra-section a:focus-visible,.vra-section button:focus-visible,.vra-section input:focus-visible,.vra-section summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}
.vra-section svg{display:block}
.vra-section .vra-wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.vra-section .vra-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vra-section .vra-ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* hero */
.vra-section .vra-hero{background:radial-gradient(1200px 400px at 85% -10%,rgba(212,160,23,.22),transparent 60%),linear-gradient(135deg,var(--g9),var(--g7));color:#fff;padding:36px 0 44px;position:relative;overflow:hidden}
.vra-section .vra-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.vra-section .vra-hero .vra-wrap{position:relative;z-index:1}
.vra-section .vra-crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;margin-bottom:18px;color:#bbf7d0}
.vra-section .vra-crumbs a{color:#dcfce7}
.vra-section .vra-crumbs li+li::before{content:"/";margin-right:6px;opacity:.6}
.vra-section .vra-crumbs li{display:flex}
.vra-section .vra-kicker{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.02em;color:#fef3c7}
.vra-section .vra-hero h1{font-size:clamp(28px,4.6vw,46px);line-height:1.12;font-weight:800;margin:14px 0 12px;color:#fff;max-width:26ch}
.vra-section .vra-hero .vra-lede{font-size:clamp(16px,2vw,19px);max-width:62ch;color:#e7f8ec}
.vra-section .vra-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.vra-section .vra-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;padding:5px 12px;border-radius:999px;font-size:13px}
.vra-section .vra-cta{display:inline-flex;align-items:center;gap:8px;margin-top:22px;background:#fef3c7;color:var(--g9)!important;font-weight:700;padding:11px 20px;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.2);transition:transform .15s}
.vra-section .vra-cta:hover{transform:translateY(-1px);text-decoration:none!important}

/* search */
.vra-section .vra-search{display:flex;gap:8px;margin-top:22px;max-width:560px}
.vra-section .vra-search input{flex:1;min-width:0;border:2px solid rgba(255,255,255,.35);background:#fff;color:var(--ink);border-radius:10px;padding:11px 14px;font-size:16px;font-family:inherit}
.vra-section .vra-search button{border:0;background:#fef3c7;color:var(--g9);font-weight:700;border-radius:10px;padding:0 18px;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:6px;font-family:inherit}

/* generic blocks */
.vra-section .vra-main{padding:34px 0 56px}
.vra-section .vra-block{margin-top:40px;scroll-margin-top:72px}
.vra-section .vra-block:first-child{margin-top:0}
.vra-section .vra-h2{font-size:clamp(22px,3vw,28px);line-height:1.2;color:var(--g9);font-weight:800;margin-bottom:6px}
.vra-section .vra-sub{color:var(--mut);margin-bottom:18px;max-width:70ch}
.vra-section .vra-card{background:var(--card);border:1px solid #e5e7eb;border-radius:var(--rad);box-shadow:var(--shadow)}
.vra-section .vra-prose p{max-width:72ch}
.vra-section .vra-prose p+p{margin-top:12px}

/* category tiles */
.vra-section .vra-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.vra-section .vra-cat{display:flex;gap:12px;align-items:flex-start;padding:16px;color:var(--ink)!important;transition:transform .15s,border-color .15s}
.vra-section .vra-cat:hover{transform:translateY(-2px);border-color:var(--g6);text-decoration:none!important}
.vra-section .vra-cat .vra-ico{width:40px;height:40px;padding:9px;border-radius:10px;background:var(--g1);color:var(--g8)}
.vra-section .vra-cat strong{display:block;color:var(--g9);font-size:17px}
.vra-section .vra-cat span{font-size:14px;color:var(--mut);line-height:1.45;display:block;margin-top:2px}
.vra-section .vra-cat.is-on{border-color:var(--g6);background:var(--g0)}

/* how to read */
.vra-section .vra-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;counter-reset:s}
.vra-section .vra-step{padding:18px;position:relative}
.vra-section .vra-step::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--g8);color:#fff;font-weight:700;margin-bottom:10px}
.vra-section .vra-step strong{display:block;color:var(--g9);margin-bottom:2px}
.vra-section .vra-step p{font-size:14.5px;color:var(--mut)}

/* listing cards */
.vra-section .vra-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.vra-section .vra-item{display:flex;flex-direction:column;padding:18px;gap:10px;height:100%}
.vra-section .vra-item h3{font-size:18px;line-height:1.3;color:var(--g9)}
.vra-section .vra-item h3 a{color:inherit}
.vra-section .vra-item h3 a::after{content:"";position:absolute;inset:0}
.vra-section .vra-item{position:relative;transition:transform .15s,border-color .15s}
.vra-section .vra-item:hover{transform:translateY(-2px);border-color:var(--g6)}
.vra-section .vra-item p{font-size:14.5px;color:var(--mut);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vra-section .vra-chip{display:inline-block;align-self:flex-start;background:var(--g1);color:var(--g8);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:3px 10px;border-radius:999px}
.vra-section .vra-flow{display:flex;align-items:center;gap:8px;margin-top:auto;font-size:13px;flex-wrap:wrap}
.vra-section .vra-flow .vra-ico{width:16px;height:16px;color:var(--mut)}
.vra-section .vra-empty{padding:28px;text-align:center;color:var(--mut)}

/* bands */
.vra-section .vra-band{display:inline-block;font-size:12px;font-weight:700;padding:2px 10px;border-radius:6px;border:1px solid transparent;white-space:nowrap}
.vra-section .vra-b-low{background:#dcfce7;color:#14532d;border-color:#86efac}
.vra-section .vra-b-medium{background:#fef3c7;color:#78350f;border-color:#fcd34d}
.vra-section .vra-b-high{background:#fdba74;color:#7c2d12;border-color:#fb923c}
.vra-section .vra-b-critical{background:#14532d repeating-linear-gradient(45deg,rgba(212,160,23,.28) 0 4px,transparent 4px 8px);color:#fef3c7;border:2px solid #d4a017}

/* pager */
.vra-section .vra-pager{display:flex;justify-content:space-between;gap:12px;margin-top:26px}
.vra-section .vra-pager a{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid var(--g7);border-radius:10px;font-weight:600;background:#fff}
.vra-section .vra-pager a:hover{background:var(--g0);text-decoration:none}

/* in-page nav */
.vra-section .vra-tabs{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid #e5e7eb}
.vra-section .vra-tabs ul{display:flex;gap:6px;overflow-x:auto;padding:8px 16px;max-width:1120px;margin:0 auto;scrollbar-width:thin}
.vra-section .vra-tabs a{white-space:nowrap;padding:6px 14px;border-radius:999px;font-size:14px;font-weight:600;color:var(--g8);border:1px solid transparent;display:block}
.vra-section .vra-tabs a:hover{background:var(--g1);text-decoration:none}

/* overview facts */
.vra-section .vra-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.vra-section .vra-fact{padding:16px 18px}
.vra-section .vra-fact dt{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);font-weight:700}
.vra-section .vra-fact dd{margin-top:4px;color:var(--ink)}

/* heat maps */
.vra-section .vra-heats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}
.vra-section .vra-heatbox{padding:16px}
.vra-section .vra-heatbox h3{font-size:17px;color:var(--g9);margin-bottom:2px}
.vra-section .vra-heatbox>p{font-size:13.5px;color:var(--mut);margin-bottom:10px}
.vra-section .vra-heat{width:100%;border-collapse:separate;border-spacing:3px;table-layout:fixed}
.vra-section .vra-heat caption{text-align:left}
.vra-section .vra-heat th{font-size:11.5px;font-weight:600;color:var(--mut);padding:2px;line-height:1.2;text-align:center;vertical-align:middle}
.vra-section .vra-heat thead th:first-child{width:62px}
.vra-section .vra-heat tbody th{text-align:right;padding-right:6px}
.vra-section .vra-heat td{height:52px;border-radius:7px;text-align:center;vertical-align:middle;font-size:11.5px;font-weight:700;position:relative;padding:3px;line-height:1.2;word-break:break-word}
.vra-section .vra-heat td .vra-sc{position:absolute;right:4px;bottom:1px;font-size:9px;font-weight:600;opacity:.6}
.vra-section .vra-axis{font-size:12px;color:var(--mut);margin-top:6px;display:flex;justify-content:space-between;gap:8px}
.vra-section .vra-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}

/* register */
.vra-section .vra-tablewrap{overflow-x:auto;border-radius:var(--rad)}
.vra-section .vra-tbl{width:100%;border-collapse:collapse;background:#fff;font-size:14.5px;min-width:560px}
.vra-section .vra-tbl th{background:var(--g8);color:#fff;text-align:left;padding:10px 12px;font-weight:600;font-size:13px}
.vra-section .vra-tbl td{padding:10px 12px;border-top:1px solid #e5e7eb;vertical-align:top}
.vra-section .vra-tbl tr:nth-child(even) td{background:#f9fbf9}
.vra-section .vra-hz{margin-top:18px;overflow:hidden;scroll-margin-top:72px}
.vra-section .vra-hz header{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;padding:14px 18px;background:var(--g0);border-bottom:1px solid #e5e7eb}
.vra-section .vra-hid{background:var(--g8);color:#fff;font-weight:800;border-radius:8px;padding:3px 10px;font-size:14px}
.vra-section .vra-hz h3{font-size:18px;color:var(--g9);flex:1;min-width:200px;line-height:1.3}
.vra-section .vra-hz .vra-body{padding:16px 18px;display:grid;gap:16px}
.vra-section .vra-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.vra-section .vra-hz h4{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--g7);margin-bottom:6px}
.vra-section .vra-bul li{position:relative;padding-left:20px;margin-top:6px;font-size:15px}
.vra-section .vra-bul li::before{content:"";position:absolute;left:3px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--g6)}
.vra-section .vra-meta{display:flex;flex-wrap:wrap;gap:6px 24px;font-size:14px;color:var(--mut);border-top:1px dashed var(--line);padding-top:12px}
.vra-section .vra-meta b{color:var(--ink)}

/* assumptions */
.vra-section .vra-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.vra-section .vra-two .vra-card{padding:18px}
.vra-section .vra-two h3{color:var(--g9);font-size:18px;margin-bottom:6px}

/* scales */
.vra-section .vra-details{padding:0;overflow:hidden}
.vra-section .vra-details summary{cursor:pointer;padding:14px 18px;font-weight:700;color:var(--g9);list-style:none;display:flex;justify-content:space-between;align-items:center}
.vra-section .vra-details summary::-webkit-details-marker{display:none}
.vra-section .vra-details summary::after{content:"+";font-size:22px;color:var(--g7);line-height:1}
.vra-section .vra-details[open] summary::after{content:"\2212"}
.vra-section .vra-details .vra-in{padding:0 18px 18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.vra-section .vra-details h4{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--g7);margin-bottom:6px}
.vra-section .vra-details li{font-size:14.5px;margin-top:4px}

/* notices */
.vra-section .vra-note{display:flex;gap:12px;padding:16px 18px;background:var(--gold1);border:1px solid #f3d27a;border-radius:var(--rad);color:#5b3a07;font-size:14.5px}
.vra-section .vra-note .vra-ico{color:var(--gold);margin-top:2px}
.vra-section .vra-draft{background:var(--gold1);color:#5b3a07;text-align:center;padding:8px 16px;font-weight:700;font-size:14px}

@media (max-width:640px){
  .vra-section .vra-hero{padding:26px 0 32px}
  .vra-section .vra-main{padding:24px 0 40px}
  .vra-section .vra-heat td{height:46px;font-size:10.5px}
  .vra-section .vra-heat thead th:first-child{width:34px}
  .vra-section .vra-axn{display:none}
  .vra-section .vra-list{grid-template-columns:1fr}
  .vra-section .vra-search{flex-direction:column}
  .vra-section .vra-search button{padding:11px 18px;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.vra-section *{transition:none!important}}
@media print{
  .vra-section .vra-tabs,.vra-section .vra-search,.vra-section .vra-pager,.vra-section .vra-cta{display:none!important}
  .vra-section .vra-hero{background:#fff!important;color:#000!important;padding:0}
  .vra-section .vra-hero *{color:#000!important}
  .vra-section .vra-hero::after{display:none}
  .vra-section .vra-card{box-shadow:none}
}
.vra-section .vra-cats>li,.vra-section .vra-list>li{display:flex}
.vra-section .vra-cats .vra-cat,.vra-section .vra-list .vra-item{flex:1}
.vra-section .vra-prio{counter-reset:p;padding:6px 18px}
.vra-section .vra-prio li{counter-increment:p;position:relative;padding:12px 0 12px 44px;border-top:1px solid #e5e7eb}
.vra-section .vra-prio li:first-child{border-top:0}
.vra-section .vra-prio li::before{content:counter(p);position:absolute;left:0;top:12px;width:30px;height:30px;border-radius:50%;background:var(--g8);color:#fff;font-weight:700;display:grid;place-items:center}
.vra-section .vra-closing{border-top:1px solid #e5e7eb;padding-top:24px}
.vra-section .vra-nations{max-width:80ch;color:var(--mut)}
.vra-section .vra-nations a{font-weight:600}
.vra-section .vra-hz .vra-cols p{font-size:15px}
.vra-section .vra-rt{align-self:center;font-size:11px;padding:2px 9px}
.vra-section .vra-keep{display:flex;flex-wrap:wrap;align-items:center;gap:16px 18px;margin-top:6px}
.vra-section .vra-ghost{display:inline-block;background:transparent;border:1.5px solid var(--g8);color:var(--g8)!important;font-weight:600;line-height:1.35;padding:11px 18px;border-radius:12px;text-decoration:none!important}
.vra-section .vra-ghost:hover{background:var(--g1)}
@media (max-width:600px){.vra-section .vra-keep{flex-direction:column;align-items:stretch;gap:20px}.vra-section .vra-keep .vra-cta,.vra-section .vra-keep .vra-ghost{justify-content:center;text-align:center}}
