/* Verfend document kit — shares the website tokens; prints as a clean light document */
:root{
  --bg:#05080b;--bg-2:#0a1014;--panel:#0c141a;--panel-2:#101b22;--line:#1b2b33;--line-2:#294049;
  --text:#eef4f5;--text-2:#a6b9bf;--dim:#6b8089;--faint:#44565e;
  --green:#45e08a;--green-d:#1b7a4e;--cyan:#4fd3e3;--amber:#f0b64b;--red:#ff5d5d;
  --disp:'Space Grotesk','Helvetica Neue',Arial,sans-serif;--body:'Inter',Arial,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:14.5px;line-height:1.62;-webkit-font-smoothing:antialiased;
  background-image:linear-gradient(rgba(120,190,200,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(120,190,200,.045) 1px,transparent 1px);background-size:46px 46px}
a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}
.mono,code{font-family:var(--mono)}
code{font-size:.92em;color:var(--cyan);background:rgba(79,211,227,.07);padding:1px 5px;border:1px solid rgba(79,211,227,.15)}

/* top bar (same as sample reports) */
.rbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.rbar-in{max-width:900px;margin:0 auto;padding:12px clamp(18px,4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.rlock{display:flex;align-items:center;gap:11px;color:inherit}.rlock:hover{text-decoration:none}
.rlock .mk{width:30px;height:30px;border:1px solid var(--line-2);background:var(--panel);display:grid;place-items:center}
.rlock .mk svg{width:17px;height:17px}
.rlock b{font-family:var(--disp);font-weight:700;font-size:17px;letter-spacing:.02em}
.rlock small{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.26em;color:var(--dim);text-transform:uppercase;margin-top:2px}
.tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.chip{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--green);border:1px solid var(--green-d);background:rgba(69,224,138,.05);padding:5px 10px}
.aud{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.prbtn{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--bg);background:var(--green);border:0;padding:9px 15px;cursor:pointer;box-shadow:0 8px 22px -10px rgba(69,224,138,.5)}
.prbtn:hover{transform:translateY(-1px)}

/* document body */
.doc{max-width:900px;margin:0 auto;padding:18px clamp(18px,4vw,40px) 70px}
.ribbon{background:repeating-linear-gradient(45deg,rgba(240,182,75,.08),rgba(240,182,75,.08) 14px,transparent 14px,transparent 28px);
  border:1px solid rgba(240,182,75,.4);border-left:3px solid var(--amber);padding:12px 16px;margin:22px 0 0;display:flex;gap:12px;align-items:flex-start;font-size:13px;color:var(--text-2)}
.ribbon .t{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);flex:none;padding-top:2px}
h1{font-family:var(--disp);font-weight:700;font-size:clamp(26px,3.4vw,38px);line-height:1.08;letter-spacing:-.025em;margin:34px 0 10px}
h1::before{content:"// VERFEND · DOCUMENT";display:block;font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--green);margin-bottom:14px;font-weight:400}
.purpose{font-size:15.5px;color:var(--text-2);margin:0 0 26px;padding-bottom:20px;border-bottom:1px solid var(--line)}
h2{font-family:var(--disp);font-weight:600;font-size:20px;letter-spacing:-.01em;margin:36px 0 10px;padding-top:16px;border-top:1px solid var(--line)}
h3{font-family:var(--disp);font-weight:600;font-size:16px;margin:22px 0 6px}
p{margin:0 0 12px}
ul,ol{margin:0 0 14px;padding-left:22px}li{margin:4px 0}li::marker{color:var(--green)}
blockquote{margin:14px 0;padding:12px 16px;border-left:3px solid var(--green);background:var(--panel);color:var(--text-2)}
hr{border:0;border-top:1px solid var(--line);margin:26px 0}
table{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:13.5px}
th{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line-2)}
td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
tr:hover td{background:rgba(255,255,255,.015)}
.ph{color:var(--amber);border-bottom:1px dotted var(--amber);font-family:var(--mono);font-size:.92em;padding:0 2px}
.sig{font-family:var(--mono);font-size:13px;color:var(--text-2);margin:18px 0 6px;white-space:nowrap;overflow-x:auto}
.docfoot{font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:40px;padding-top:16px;border-top:1px solid var(--line)}

/* print: clean light document */
@media print{
  @page{margin:16mm 16mm 18mm}
  body{background:#fff;color:#111;font-size:11.5pt;background-image:none}
  .rbar{position:static;background:#fff;border-bottom:1px solid #ddd;backdrop-filter:none}
  .prbtn,.ribbon,.aud{display:none}
  .chip{color:#1b7a4e;border-color:#1b7a4e;background:none}
  .rlock small,.rlock b{color:#111}
  h1::before{color:#1b7a4e}
  h1,h2,h3{color:#111;page-break-after:avoid}
  h2{border-top-color:#ddd}
  .purpose,blockquote,td,th,.sig,.docfoot{color:#222}
  .purpose{border-bottom-color:#ddd}
  blockquote{background:#f6f8f8;border-left-color:#1b7a4e}
  th{border-bottom-color:#999}td{border-bottom-color:#e3e3e3}
  tr:hover td{background:none}
  a{color:#111}
  code{color:#0b5c6b;background:none;border-color:#ccd}
  .ph{color:#8a5a00;border-bottom:1px dotted #8a5a00}
  table,blockquote{page-break-inside:avoid}
  .doc{max-width:none;padding:0}
}