/* Expression reference (docs/expressions/, docs/de/expressions/): builds on /docs/docs.css */
.xhero{display:block;margin-top:28px}
.xhero h1{font-size:clamp(30px,3.6vw,44px)}
.xcta{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.btn.pri{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.btn.pri:hover{filter:brightness(1.08);text-decoration:none}
a.btn{display:inline-flex;align-items:center;text-decoration:none}
a.btn:hover{text-decoration:none}
/* example tables: expression → printed result */
table.xt code.xe{cursor:pointer;background:none;padding:0;color:var(--fg)}
table.xt a.xtry{color:inherit;text-decoration:none}
table.xt a.xtry:hover code.xe,table.xt a.xtry:focus-visible code.xe{color:var(--accent2);text-decoration:underline;text-underline-offset:2px}
table.xt code.xr{white-space:pre-wrap;background:color-mix(in srgb,var(--accent2) 9%,transparent);color:var(--fg)}
table.xt code.xr.err{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
table.xt code.xr.empty{background:none;color:var(--muted);font-style:italic}
table.xt td:first-child{min-width:12em}
table.xt td[data-c],table.xt td{word-break:normal}
/* function reference */
dl.fn{margin:12px 0 14px;display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
dl.fn dt{margin-top:10px;font-weight:600;scroll-margin-top:80px}
dl.fn dt code{background:var(--bg2);border:1px solid var(--line);font-weight:600;color:var(--accent)}
dl.fn dd{margin:2px 0 0 0;color:var(--fg);font-size:15px}
.fnindex{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
.fnindex a{font:500 13px/1.6 "JetBrains Mono",ui-monospace,monospace;padding:2px 9px;border-radius:99px;border:1px solid var(--line);background:var(--bg2);color:var(--fg);text-decoration:none}
.fnindex a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}
ul.pitfalls li{margin:6px 0}
pre.code .tk-p{color:var(--zp)}
@media (max-width:700px){
  table.xt td:first-child{min-width:9em}
  .xcta .btn{flex:1 1 auto;justify-content:center}
}