/* Cross-AI page styles — external so CSP style-src 'self' applies them */
.xai-callout{border:1px solid var(--gold,#d4b45a);background:rgba(212,180,90,.12);padding:1rem 1.1rem;border-radius:8px;margin:1.1rem 0}
.xai-stop{border:1px solid #c45;background:rgba(204,68,85,.12);padding:1rem 1.1rem;border-radius:8px;margin:1.1rem 0}
.xai-ok{border:1px solid #3a7;background:rgba(51,170,119,.1);padding:1rem 1.1rem;border-radius:8px;margin:1.1rem 0}
.xai-tag{display:inline-block;border:1px solid rgba(212,180,90,.5);color:var(--gold,#d4b45a);padding:.12rem .45rem;border-radius:4px;font-size:.75rem;margin-right:.35rem;letter-spacing:.03em}
.xai-muted{opacity:.85;font-size:.95rem}
.xai-grid{display:grid;gap:1rem;margin:1.2rem 0}
@media (min-width:720px){.xai-grid{grid-template-columns:1fr 1fr}}
.xai-card{border:1px solid rgba(244,234,211,.18);border-radius:10px;padding:1rem 1.1rem;min-width:0}
.xai-card h3{margin-top:0}
.xai-hold{opacity:.75}
.xai-en-only{
  display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;
  border:1px solid var(--line,rgba(244,234,211,.25));border-radius:999px;
  color:var(--gold,#d4b45a);font-size:12px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;white-space:nowrap
}
.xai-en-note{margin:.6rem 0 0;color:var(--muted,#9ca2ac);font-size:.9rem}
/* Local table wrap — no document-level overflow hide */
.xai-table-wrap{
  width:100%;max-width:100%;margin:1rem 0;
  overflow-x:auto;-webkit-overflow-scrolling:touch
}
.xai-table{
  width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;
  margin:0;font-size:.95rem
}
.xai-table th,.xai-table td{
  border:1px solid rgba(244,234,211,.2);padding:.55rem .7rem;text-align:left;vertical-align:top;
  overflow-wrap:anywhere;word-break:break-word;hyphens:auto
}
.xai-table th{color:var(--gold,#d4b45a)}
.xai-table code{font-size:.85em;overflow-wrap:anywhere;word-break:break-word}
code{font-size:.9em;overflow-wrap:anywhere;word-break:break-word}
/* Drawer close control (paired with nav-mobile.v20260910r1.js) */
.nav-close{
  display:none;position:absolute;top:16px;right:16px;z-index:2;
  min-width:44px;min-height:44px;padding:10px 14px;margin:0;
  border:1px solid var(--line,rgba(244,234,211,.25));border-radius:10px;
  background:var(--card,#0a0b0d);color:var(--gold,#d4b45a);
  font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  cursor:pointer
}
.nav-close:hover,.nav-close:focus-visible{border-color:var(--gold,#d4b45a);outline:2px solid var(--gold,#d4b45a);outline-offset:2px}
@media (max-width:900px){
  body.nav-open .nav-close,
  body.nav-open #site-nav .nav-close{display:inline-flex;align-items:center;justify-content:center}
  #site-nav, .nav{position:relative}
  body.nav-open #site-nav,
  body.nav-open .nav{position:fixed !important}
}