/* Varonis-branded theme — official 2025 palette
   Electric Blue #0077FF, Rich Black #010203, Cyber Green #8BE000, Ketchup #ED0E00
   Fonts: Aptos / Aptos Display (fallback Calibri) */
:root{
  --v-blue:#0077FF; --v-blue-2:#4AA2FF; --v-black:#010203; --v-green:#8BE000; --v-red:#ED0E00;
  --n2:#F0F0F0; --n3:#DDDEE2; --n4:#919191; --n5:#4F4F4F;
  --ink:#010203; --line:#DDDEE2; --bg:#F0F0F0;
  --infobg:#eaf3ff; --goalbg:#f2fbdc; --warnbg:#ffeceb; --storybg:#eaf3ff;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6;
  font-family:"Aptos","Aptos Display",Calibri,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--v-blue);text-decoration:none}
a:hover{text-decoration:underline}

/* Self-service login banner (top of every page) */
.loginbar{background:var(--v-blue);color:#fff;text-align:center;padding:10px 12px;font-size:.95rem;font-weight:600}
.loginbar a{color:#fff;font-weight:800;text-decoration:underline}

/* Brand bar */
.topbar{display:flex;align-items:center;justify-content:space-between;
  background:var(--v-black);color:#fff;height:66px;padding:0 22px;position:sticky;top:0;z-index:20;
  border-bottom:3px solid var(--v-blue)}
.brandlock{display:flex;align-items:center;gap:14px}
.brandlock img.vlogo{height:26px;display:block;align-self:center}
.cobrand{display:flex;align-items:center;gap:12px}
.awschip{display:flex;align-items:center;justify-content:center}
.awschip img{height:50px;width:auto;display:block;align-self:center}
.confid{background:#000;color:#8ca0b3;font-size:.68rem;letter-spacing:.12em;text-align:right;
  padding:3px 22px;text-transform:uppercase}

.layout{display:flex;min-height:calc(100vh - 74px);max-width:1200px;margin:0 auto}
.sidebar{width:272px;flex:0 0 272px;border-right:1px solid var(--line);background:#fff;padding:16px 0}
.sidebar ul{list-style:none;margin:0;padding:0}
.sidebar li a{display:block;padding:9px 22px;color:var(--ink);font-size:.92rem;border-left:3px solid transparent}
.sidebar li a:hover{background:var(--bg);text-decoration:none}
.sidebar li.active a{border-left-color:var(--v-blue);background:#eaf3ff;font-weight:700;color:var(--v-blue)}

.content{flex:1;min-width:0;padding:28px 40px 48px}
article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 34px;box-shadow:0 1px 3px rgba(1,2,3,.06)}
h1{margin:.1em 0 .35em;font-size:1.75rem;color:var(--v-black);font-weight:800;letter-spacing:-.01em}
h2{margin:1.5em 0 .45em;font-size:1.2rem;color:var(--v-black);font-weight:700;border-bottom:2px solid var(--n3);padding-bottom:6px}
h2::before{content:"\\\\";color:var(--v-blue);font-weight:800;margin-right:8px}
h3{margin:1.1em 0 .3em;font-size:1.02rem;color:var(--n5);font-weight:700}
.lead{font-size:1.07rem;color:var(--n5)}
p,li{font-size:.96rem}
code{background:var(--n2);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:.85em;
  font-family:"SF Mono",Menlo,Consolas,monospace;color:#004bb5}

ol.steps{counter-reset:s;list-style:none;padding-left:0;margin:.4em 0}
ol.steps>li{counter-increment:s;position:relative;padding:6px 0 6px 40px;border-bottom:1px dashed var(--line)}
ol.steps>li:last-child{border-bottom:none}
ol.steps>li::before{content:counter(s);position:absolute;left:0;top:6px;width:26px;height:26px;border-radius:50%;
  background:var(--v-blue);color:#fff;font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center}
ul.checks{list-style:none;padding-left:0}
ul.checks>li{position:relative;padding:4px 0 4px 28px}
ul.checks>li::before{content:"\\2713";position:absolute;left:0;top:4px;color:#5aa700;font-weight:800}
ul.story>li{margin:4px 0}

.callout{border-radius:10px;padding:12px 16px;margin:14px 0;border:1px solid var(--line);border-left-width:4px;background:#fff}
.callout .ct{font-weight:800;margin-bottom:2px}
.callout .cb{color:var(--n5)}
.callout.info{background:var(--infobg);border-color:#bcdaff;border-left-color:var(--v-blue)}
.callout.info .ct{color:var(--v-blue)}
.callout.story{background:var(--storybg);border-color:#bcdaff;border-left-color:var(--v-blue)}
.callout.story .ct{color:var(--v-blue)}
.callout.goal{background:var(--goalbg);border-color:#d3ec9a;border-left-color:#6fae00}
.callout.goal .ct{color:#5c8f00}
.callout.warn{background:var(--warnbg);border-color:#ffc4c0;border-left-color:var(--v-red)}
.callout.warn .ct{color:var(--v-red)}

.tag{display:inline-block;background:#eaf3ff;border:1px solid #bcdaff;border-radius:20px;padding:0 9px;font-size:.78rem;color:var(--v-blue);font-weight:700}
table.agenda{width:100%;border-collapse:collapse;margin:10px 0;font-size:.9rem}
table.agenda th,table.agenda td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
table.agenda th{background:var(--v-black);color:#fff;font-weight:700}
table.agenda tr:nth-child(even) td{background:#f7faff}
.btn{display:inline-block;background:var(--v-blue);color:#fff;font-weight:800;padding:11px 20px;border-radius:8px;margin-top:16px;box-shadow:0 2px 0 #0059c0}
.btn:hover{filter:brightness(1.05);text-decoration:none}
.pagenav{display:flex;justify-content:space-between;margin-top:26px;border-top:2px solid var(--n3);padding-top:16px}
.pn{font-weight:700}
.pn.prev{color:var(--n4)}
footer{color:var(--n4);font-size:.78rem;text-align:center;padding:22px 0 6px;letter-spacing:.02em}
@media(max-width:820px){
  .layout{flex-direction:column}
  .sidebar{width:100%;flex:none;border-right:none;border-bottom:1px solid var(--line)}
  .content{padding:18px}.awschip img{height:40px}
}