/* The th/agentx-feedback public pages built on assets/v3/legal.css @ 6aa53f4:
   /supported-agents (WS#648) and /trust (WS#649). Every inline style lives here
   (CSP). The design's shades are scoped to .lg, light by default and dark under
   the dark themes, as .inst does (public.css). Headings pin Fraunces in
   --lg-serif because the theme's --serif is not Fraunces on every theme. */
.lg{--lg-page:#F6F5F1;--lg-band:#ECEBE5;--lg-card:#FFFFFF;--lg-ink:#141834;--lg-ink-2:#3B4160;--lg-ink-body:#4A5068;
  --lg-ink-muted:#545A72;--lg-wash:#F0EFEA;--lg-link:#2D5BE3;--lg-link-strong:#1E3FA8;--lg-fill-ink:#141834;
  --lg-tint-blue:#E3EAFE;--lg-tint-green:#E4F3EC;--lg-green-ink:#0B6B4A;--lg-tint-amber:#FBEFCF;--lg-amber-ink:#8A5300;
  --lg-ring:rgba(20,24,52,.07);--lg-shadow-lg:rgba(20,24,52,.25);
  --lg-panel-ink:#141834;--lg-rule:#E2E0D9;--lg-rule-ink:#141834;--lg-card-featured:#F4F7FF;
  --lg-serif:"Fraunces",Georgia,serif;
  background:var(--lg-page);color:var(--lg-ink)}
:root:not([data-theme]) .lg,[data-theme=studio] .lg,[data-theme=console] .lg{
  --lg-page:#0F1117;--lg-band:#1C2030;--lg-card:#181B26;--lg-ink:#ECEDF2;--lg-ink-2:#C3C7D6;--lg-ink-body:#AEB3C5;
  --lg-ink-muted:#9AA0B5;--lg-wash:#1F2330;--lg-link:#7FA2FF;--lg-link-strong:#A9C0FF;--lg-fill-ink:#3F6BF0;
  --lg-tint-blue:#1E2A55;--lg-tint-green:#10311F;--lg-green-ink:#7EE2A0;--lg-tint-amber:#3A2B0C;--lg-amber-ink:#F2C46D;
  --lg-ring:rgba(0,0,0,.31);--lg-shadow-lg:rgba(0,0,0,.6);
  --lg-panel-ink:#171B33;--lg-rule:#2A2E3C;--lg-rule-ink:#C3C7D6;--lg-card-featured:#161D33}
.lg a{color:var(--lg-link)}
.lg a:hover{color:var(--lg-link-strong)}
.lg-wrap{max-width:1200px;margin:0 auto;padding:0 40px}

/* ---- page sections ---- */
.lg-hero{padding:clamp(64px,calc(104 * var(--vu)),104px) 0 clamp(48px,calc(72 * var(--vu)),72px)}
.lg-hero .lg-wrap{display:flex;flex-direction:column;gap:24px}
.lg-h1{margin:0;font-family:var(--lg-serif);font-variation-settings:'SOFT' 30;font-weight:600;font-size:clamp(40px,calc(76 * var(--vu)),76px);
  line-height:1;letter-spacing:-.035em;text-wrap:balance}
.lg-h1 i{font-style:normal;font-variation-settings:'SOFT' 50;color:var(--lg-link)}
.lg-body{margin:0;font-size:20px;line-height:1.65;color:var(--lg-ink-body);max-width:60ch;text-wrap:pretty}
/* load motion: the hero fades up, staggered (the design's .rise, reusing inst-up) */
.lg-rise{animation:inst-up 900ms cubic-bezier(.16,1,.3,1) both}
.lg-hero .lg-rise:nth-child(2){animation-delay:80ms}
.lg-hero .lg-rise:nth-child(3){animation-delay:160ms}
.lg-label{font-family:var(--mono);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--lg-ink-muted)}
.lg-section{padding:clamp(72px,calc(104 * var(--vu)),104px) 0}
.lg-section .lg-wrap{display:flex;flex-direction:column;gap:22px}
.lg-band{background:var(--lg-band)}
.lg-h2{margin:0;max-width:20ch;font-family:var(--lg-serif);font-variation-settings:'SOFT' 30;font-weight:600;
  font-size:clamp(36px,calc(52 * var(--vu)),52px);line-height:1.04;letter-spacing:-.03em;text-wrap:balance}
.lg-h2 i{font-style:normal;font-variation-settings:'SOFT' 50;color:var(--lg-link)}
.lg-section .lg-body{font-size:18px}
/* the dark panel section (trust BYOK) */
.lg-section.dark{background:var(--lg-panel-ink);color:#FFFFFF}
.lg-section.dark .lg-h2 i{color:#9DB6FF}
.lg-section.dark .lg-body{color:#B7BCD0}
.lg-section.dark .lg-label{color:#9AA0B8}

/* ---- card grid ---- */
.lg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:26px}
.lg-card{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:24px;background:var(--lg-card);
  box-shadow:0 0 0 1px var(--lg-ring),0 24px 48px -24px var(--lg-shadow-lg)}
.lg-card h3{margin:0;font-family:var(--lg-serif);font-variation-settings:'SOFT' 30;font-size:26px;font-weight:600;
  letter-spacing:-.02em;line-height:1.15;display:flex;align-items:center;gap:12px}
.lg-card p{margin:0;font-size:16px;line-height:1.65;color:var(--lg-ink-body)}
.lg-card code{font-family:var(--mono);font-size:14px;padding:2px 7px;border-radius:6px;background:var(--lg-wash);color:var(--lg-ink)}
.lg-card .lg-more{margin-top:auto;padding-top:14px;border-top:1px solid var(--lg-wash);font-weight:500}
.lg-tag{align-self:flex-start;display:inline-flex;align-items:center;min-height:26px;padding:0 11px;border-radius:13px;
  font-family:var(--mono);font-size:12px;font-weight:500;background:var(--lg-wash);color:var(--lg-ink-2)}
.lg-tag.is-stable{background:var(--lg-tint-green);color:var(--lg-green-ink)}
.lg-tag.is-beta{background:var(--lg-tint-blue);color:var(--lg-link-strong)}
.lg-tag.is-experimental,.lg-tag.is-limited{background:var(--lg-tint-amber);color:var(--lg-amber-ink)}
.lg-glyph{flex:none;width:38px;height:38px;border-radius:11px;background:var(--lg-fill-ink);color:#FFFFFF;display:inline-flex;
  align-items:center;justify-content:center;font-family:var(--mono);font-size:17px;font-weight:600}
.lg-card .lg-note{padding:14px 16px;border-radius:14px;background:var(--lg-tint-blue);color:var(--lg-link-strong);font-size:15px;line-height:1.55}

/* ---- callout (trust: messages to people) ---- */
.lg-callout{display:flex;flex-direction:column;gap:12px;padding:28px 30px;border-radius:24px;background:var(--lg-card);
  box-shadow:inset 4px 0 0 var(--lg-link),0 0 0 1px var(--lg-ring)}
.lg-callout p{margin:0;font-size:17px;line-height:1.65;color:var(--lg-ink-body);max-width:68ch}

/* ---- table (trust boundary) ---- */
.lg-table-wrap{overflow-x:auto;margin-top:18px}
.lg-table{width:100%;border-collapse:collapse;border-top:1px solid var(--lg-rule-ink);font-size:16px;line-height:1.6}
.lg-table th{text-align:left;font-weight:600;padding:16px 20px 16px 0;border-bottom:1px solid var(--lg-rule);vertical-align:bottom}
.lg-table td{padding:18px 20px 18px 0;border-bottom:1px solid var(--lg-rule);color:var(--lg-ink-body);vertical-align:top}
.lg-table td:first-child{color:var(--lg-ink);font-weight:500;min-width:200px}
.lg-table tr.is-new td{background:var(--lg-card-featured)}
.lg-table tr.is-new td:first-child{box-shadow:inset 3px 0 0 var(--lg-link);padding-left:14px}
.lg-foot{margin:6px 0 0;font-family:var(--mono);font-size:13px;color:var(--lg-ink-muted)}

@media (prefers-reduced-motion:reduce){
  .lg-rise{animation:none}
}
/* ---- narrow screens ---- */
@media (max-width:640px){
  .lg-hero{padding:64px 0 48px}
  .lg-section{padding:72px 0}
  .lg-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .lg-wrap{padding:0 16px}
  .lg-card{padding:22px 18px}
  .lg-callout{padding:22px 18px}
  /* the boundary table stacks each row's cells full width, as main's
     .boundary-table did, so no column narrows until words split (WS#649 F1) */
  .lg-table,.lg-table tbody,.lg-table tr,.lg-table td{display:block}
  .lg-table thead{display:none}
  .lg-table tr{padding:14px 0;border-bottom:1px solid var(--lg-rule)}
  .lg-table td{padding:3px 0;border-bottom:0}
  .lg-table td:first-child{min-width:0;font-size:17px}
  .lg-table tr.is-new{background:var(--lg-card-featured);box-shadow:inset 3px 0 0 var(--lg-link);padding-left:14px;padding-right:10px}
  .lg-table tr.is-new td{background:none}
  .lg-table tr.is-new td:first-child{box-shadow:none;padding-left:0}
}