/* AgentGuard for Hermes Agent · hermes.css · Oct 28 2026
   Page-scoped rules on top of burn.css (header, buttons, command boxes, footer). The headline uses the homepage's
   Cormorant Garamond, declared here because hero-fonts.css is reserved for the homepage; the files are the same.
   Records in JetBrains Mono; teal #2ABCB4 is structure, green #34D399 is allowed, red #F87171 is refused. */
@font-face{font-family:'Cormorant Garamond';font-weight:500;font-style:normal;font-display:swap;src:url(fonts/cormorant-garamond-500.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-weight:500;font-style:italic;font-display:swap;src:url(fonts/cormorant-garamond-500-italic.woff2) format('woff2')}
.hm{padding:0 0 72px}

/* First screen */
.hm-hero{display:grid;gap:18px;padding:40px 0 48px;max-width:720px}
.hm-eyebrow{font:500 12px/1.4 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#94A3B0}
.hm h1{font:500 clamp(40px,6.4vw,66px)/1.04 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em;color:#F1F5F9;text-wrap:balance}
.hm h1 em{font-style:italic;color:#2ABCB4}
.hm .lede{font-size:17px;line-height:1.55;color:#C9D4DC;max-width:62ch;text-wrap:pretty}
.hm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.hm-quiet{color:#94A3B0;font-size:15px}

/* Sections: a heading column and a body column on wide screens */
.hm-sec{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:40px 0 44px;border-top:1px solid rgba(255,255,255,.07)}
.hm h2{font:500 30px/1.12 'Cormorant Garamond',Georgia,serif;letter-spacing:-.015em;text-wrap:balance}
.hm-body{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:720px}
.hm-body p{text-wrap:pretty}
.hm-body code{font-size:.92em;overflow-wrap:anywhere}
/* A flag never splits from its two hyphens: "--yes-deps --enable" and "hermes --version" stay on one line. */
.hm .hm-nw{white-space:nowrap}
.hm-sub{font-size:14px;color:#94A3B0}
.hm-note{font-size:14px;line-height:1.55;color:#94A3B0}
.hm-note a{color:#C9D4DC}
.hm-list{margin:0;padding-left:20px;display:grid;gap:10px;color:#C9D4DC}
.hm-list li{padding-left:2px}
.hm-list li::marker{color:#2ABCB4}

/* The record: two decisions, the refusal Hermes receives, and the receipt's fields */
.hm-record{margin:0;display:grid;gap:14px;background:#0C1828;border:1px solid rgba(42,188,180,.28);border-radius:12px;padding:16px;min-width:0}
.hm-record-cap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;font-size:12.5px;line-height:1.5;color:#94A3B0}
.hm-label{font:500 10.5px/1.6 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#2ABCB4}
.hm-rows{margin:0;padding:0;list-style:none;display:grid;border-top:1px solid rgba(255,255,255,.08)}
.hm-row{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"tool verdict" "call call" "why why";gap:6px 12px;align-items:baseline;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);font-family:'JetBrains Mono',ui-monospace,monospace}
.hm-tool{grid-area:tool;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#94A3B0}
.hm-call{grid-area:call;font-size:13.5px;line-height:1.5;color:#E6EEF3;overflow-wrap:anywhere}
.hm-verdict{grid-area:verdict;justify-self:end;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid currentColor}
.hm-row.allow .hm-verdict{color:#34D399}
.hm-row.deny .hm-verdict{color:#F87171}
.hm-why{grid-area:why;font-size:12px;line-height:1.5;color:#94A3B0}
.hm-json{margin:0;font-size:12.5px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;background:#07101E;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:12px 14px}
.hm-json code{font-size:inherit}
.hm-receipt{margin:0;display:grid;gap:0;background:#07101E;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:4px 14px}
.hm-receipt>div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px 16px;padding:8px 0;border-top:1px solid rgba(255,255,255,.06);font-family:'JetBrains Mono',ui-monospace,monospace}
.hm-receipt>div:first-child{border-top:0}
.hm-receipt dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#94A3B0}
.hm-receipt dd{margin:0;font-size:12.5px;line-height:1.5;color:#E6EEF3;overflow-wrap:anywhere}
.hm-receipt dd.deny{color:#F87171}

/* Commands keep burn.css's box; the Copy button never wraps onto the command */
.hm .cmd{flex-wrap:wrap}
.hm .cmd code{flex:1 1 220px}

@media (min-width:900px){
  .hm-hero{padding:72px 0 64px;max-width:820px}
  .hm-sec{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px 56px;padding:56px 0 60px}
  .hm h2{font-size:34px}
  .hm-row{grid-template-columns:88px minmax(0,1fr) auto;grid-template-areas:"tool call verdict" "tool why why"}
  .hm-receipt>div{grid-template-columns:170px minmax(0,1fr)}
}
@media (max-width:389.98px){
  .hm-record{padding:12px}
  .hm-call{font-size:12.5px}
}