/* /mcp/ pages (RU/EN/AR/HI) — Calm Ledger grammar on top of legal-tools/styles.css.
   Rules honored: flat-at-rest surfaces with hairlines (shadow = event), night-ink
   dark panels with cyan reserved for dark surfaces, mono labels, tabular figures.
   AR twin reuses this file; RTL fixes live under [dir="rtl"]. */

/* ---------- Hero: ledger panel composition ---------- */
.mcp-hero { padding: 3.4rem 0 2.8rem; }
.mcp-hero .hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(300px, 5fr);
  gap: 2.6rem;
  align-items: start;
}
.mcp-hero h1 { max-width: 19ch; font-size: clamp(38px, 4.6vw, 60px); }
.mcp-hero .hero-lede { max-width: 58ch; }

/* Structurally lifted panel — the one Float-shadow surface on the page. */
.mcp-hero-panel {
  background: var(--ink);
  color: #fff;
  border-radius: var(--radius);
  padding: 26px 26px 10px;
  box-shadow: var(--shadow);
  min-width: 0;
}
.mhp-label {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #a7afc0;
  margin-bottom: 14px;
}
.mhp-url {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 10px;
  padding: 12px 12px 12px 14px;
  direction: ltr;
}
.mhp-url code {
  font-family: var(--mono);
  font-size: clamp(13px, 1.35vw, 15.5px);
  color: var(--cyan);
  word-break: break-all;
}
.mhp-meta { margin: 12px 2px 0; font-size: .82rem; line-height: 1.55; color: #a7afc0; }
.mhp-stats { list-style: none; margin: 14px 0 0; padding: 0; }
.mhp-stats li {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 11px 2px;
  border-top: 1px solid rgba(255, 255, 255, .12);
}
.mhp-stats b {
  font-family: var(--display);
  font-size: 24px;
  line-height: 1;
  min-width: 2.6ch;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.02em;
}
.mhp-stats span { font-size: .82rem; color: #a7afc0; }

/* ---------- Section rhythm & eyebrows ---------- */
.mcp-section { padding: 3.4rem 0 0; }
.mcp-section:last-of-type { padding-bottom: 3.2rem; }
.mcp-section .section-head { max-width: 640px; }
.mcp-section .section-head p { color: var(--muted); }
.mcp-eyebrow { margin-bottom: 14px; }


/* ---------- Live updates: a fresh ledger, not a card wall ---------- */
.live-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.5rem;
  align-items: end;
}
.live-connection {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  min-height: 40px;
  padding: .45rem 0;
  font-family: var(--mono);
  font-size: .72rem;
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}
.live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--faint);
  box-shadow: 0 0 0 4px rgba(95, 103, 120, .10);
  flex: none;
}
.live-connection[data-state="live"] .live-dot { background: var(--green); box-shadow: 0 0 0 4px rgba(21, 122, 74, .12); }
.live-connection[data-state="collecting"] .live-dot { background: var(--blue); box-shadow: 0 0 0 4px rgba(0, 87, 255, .12); }
.live-connection[data-state="degraded"] .live-dot { background: #a15f0d; box-shadow: 0 0 0 4px rgba(161, 95, 13, .12); }
.live-connection[data-state="empty"] .live-dot { background: var(--faint); box-shadow: 0 0 0 4px rgba(95, 103, 120, .10); }
.live-connection[data-state="error"] .live-dot { background: #b6321e; box-shadow: 0 0 0 4px rgba(182, 50, 30, .12); }
.live-retry {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  color: var(--ink);
  padding: .45rem .7rem;
  font: inherit;
  cursor: pointer;
}
.live-retry:hover { border-color: var(--ink); }
.live-retry:focus-visible { outline: 3px solid rgba(0, 87, 255, .22); outline-offset: 2px; }

.freshness-ledger {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 1.6rem 0 0;
  border-block: 1px solid var(--line-soft);
}
.freshness-ledger > div {
  min-width: 0;
  padding: 1rem 1.2rem 1rem 0;
}
.freshness-ledger > div + div {
  border-inline-start: 1px solid var(--line-soft);
  padding-inline-start: 1.2rem;
}
.freshness-ledger dt {
  margin: 0 0 .45rem;
  font-family: var(--mono);
  font-size: .66rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--faint);
}
.freshness-ledger dd {
  margin: 0;
  color: var(--ink);
  font-size: .91rem;
  font-weight: 620;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
}
.freshness-ledger dd strong { display: block; font-size: .96rem; }
.freshness-ledger dd small { display: block; margin-top: .18rem; color: var(--muted); font-size: .74rem; font-weight: 450; }
[dir="rtl"] .freshness-ledger dd strong,
[dir="rtl"] [data-live-last],
[dir="rtl"] [data-live-next] { direction: ltr; text-align: right; unicode-bidi: isolate; }

.latest-feed {
  list-style: none;
  margin: 1.4rem 0 0;
  padding: 0;
  border-top: 1px solid var(--line);
}
.latest-entry {
  display: grid;
  grid-template-columns: 42px minmax(116px, .85fr) minmax(0, 4fr) 44px;
  gap: 1rem;
  align-items: center;
  min-width: 0;
  padding: 1rem 0;
  border-bottom: 1px solid var(--line-soft);
  transition: background .16s ease;
}
.latest-entry:hover { background: rgba(255, 255, 255, .48); }
.latest-entry-index {
  font-family: var(--mono);
  font-size: .7rem;
  letter-spacing: .08em;
  color: var(--blue);
  font-variant-numeric: tabular-nums;
}
.latest-entry-date { min-width: 0; font-variant-numeric: tabular-nums; }
.latest-entry-date span {
  display: block;
  margin-bottom: .25rem;
  font-family: var(--mono);
  font-size: .62rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--faint);
}
.latest-entry-date time { display: block; color: var(--ink); font-size: .82rem; font-weight: 620; line-height: 1.35; }
.latest-entry-main { min-width: 0; }
.latest-entry-title {
  display: block;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(16px, 1.45vw, 19px);
  font-weight: 650;
  line-height: 1.28;
  letter-spacing: -.012em;
  overflow-wrap: anywhere;
  text-decoration: none;
  transition: color .16s ease;
}
a.latest-entry-title:hover { color: var(--blue-dark); }
a.latest-entry-title:focus-visible { outline: 3px solid rgba(0, 87, 255, .22); outline-offset: 3px; border-radius: 3px; }
.latest-entry-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .38rem .55rem;
  margin-top: .52rem;
  color: var(--muted);
  font-size: .73rem;
  line-height: 1.35;
}
.latest-entry-source { color: var(--muted); font-weight: 560; }
.latest-tag,
.latest-status,
.latest-link-state {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-radius: 999px;
  padding: .2rem .5rem;
  white-space: nowrap;
  font-family: var(--mono);
  font-size: .62rem;
  line-height: 1;
}
.latest-tag { border: 1px solid var(--line-soft); color: var(--muted); }
.latest-status--confirmed { background: rgba(21, 122, 74, .09); color: #11643d; }
.latest-status--candidate { background: rgba(161, 95, 13, .10); color: #804b0a; }
.latest-link-state { padding-inline: .15rem; color: var(--muted); }
.latest-link-state--verified { color: #11643d; }
.latest-link-state--broken { color: #9b2818; }
.latest-entry-open {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--line-soft);
  border-radius: 10px;
  color: var(--ink);
  text-decoration: none;
  font-size: 1.1rem;
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}
.latest-entry-open:hover { border-color: var(--ink); background: var(--ink); color: #fff; }
.latest-entry-open:focus-visible { outline: 3px solid rgba(0, 87, 255, .22); outline-offset: 2px; }

.latest-entry--skeleton { grid-template-columns: 42px 130px minmax(0, 1fr); min-height: 88px; }
.skeleton-index,
.skeleton-date,
.skeleton-title { display: block; border-radius: 4px; background: var(--line-soft); animation: ledger-pulse 1.15s ease-in-out infinite alternate; }
.skeleton-index { width: 22px; height: 10px; }
.skeleton-date { width: 96px; height: 28px; }
.skeleton-title { width: min(620px, 88%); height: 34px; }
.latest-empty { padding: 1.2rem 0; border-bottom: 1px solid var(--line-soft); color: var(--muted); font-size: .88rem; }
.live-noscript { margin: 1rem 0 0; color: var(--muted); font-size: .86rem; }
@keyframes ledger-pulse { from { opacity: .48; } to { opacity: 1; } }

/* ---------- Shared code blocks: night-ink, button in its own zone ---------- */
.code-block { position: relative; margin: 0; }
.code-block pre {
  margin: 0;
  padding: 2.55rem .95rem .85rem;
  background: var(--ink);
  color: #e9edff;
  border-radius: 10px;
  font-size: .82rem;
  line-height: 1.6;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.code-block code { font-family: var(--mono); }
[dir="rtl"] .code-block pre { direction: ltr; text-align: left; }

.copy-btn {
  position: absolute;
  top: .5rem;
  inset-inline-end: .5rem;
  border: 0;
  background: var(--white);
  color: var(--ink);
  border-radius: 6px;
  font-family: var(--mono);
  font-size: .68rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: .32rem .62rem;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, transform .15s ease;
}
.copy-btn:hover { background: var(--blue); color: #fff; transform: translateY(-1px); }
.copy-btn:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
.copy-btn.is-done { background: var(--green); color: #fff; }
.mhp-url .copy-btn { position: static; flex: none; }

/* ---------- Connect: featured prompt panel + agent registry switcher ---------- */
.agent-tag {
  display: block;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--faint);
  margin-bottom: 12px;
}

/* Featured one-prompt install: the section's single dark statement. */
.prompt-card { margin-top: 1.6rem; background: var(--ink); border-radius: var(--radius); padding: 26px 26px 22px; }
.prompt-card h3 { color: #fff; font-size: 24px; margin: 0 0 .45rem; }
.prompt-card p { margin: 0 0 .75rem; font-size: .87rem; color: #a7afc0; line-height: 1.55; max-width: 62ch; }
.prompt-card .agent-tag { color: var(--cyan); }
.prompt-card .code-block pre {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .13);
  white-space: pre-wrap;
  word-break: break-word;
  font-size: .84rem;
}
[dir="rtl"] .prompt-card .code-block pre { direction: rtl; text-align: right; }

/* Agent registry: mono-indexed rows select the one panel that matters.
   CSS-only via visually-hidden radios — works without JS, keyboard included. */
.agent-switch { margin-top: 1rem; }
.agent-switch > input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.agent-switch-body {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 1.6rem;
  align-items: start;
}
.agent-nav { display: flex; flex-direction: column; }
.agent-nav label {
  display: flex;
  align-items: baseline;
  gap: .7rem;
  padding: .72rem 2px;
  border-top: 1px solid var(--line-soft);
  font-size: .93rem;
  font-weight: 600;
  color: var(--muted);
  cursor: pointer;
  transition: color .15s ease;
}
.agent-nav label:last-child { border-bottom: 1px solid var(--line-soft); }
.agent-nav label:hover { color: var(--ink); }
.agent-nav label i {
  font-style: normal;
  font-family: var(--mono);
  font-size: .68rem;
  letter-spacing: .08em;
  color: var(--faint);
  flex: none;
  transform: translateY(-1px);
}
.agent-nav label::after {
  content: "";
  margin-inline-start: auto;
  align-self: center;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue);
  opacity: 0;
  transition: opacity .15s ease;
}
.agent-panel {
  display: none;
  background: var(--white);
  border: 1px solid var(--line-soft);
  border-radius: 14px;
  padding: 20px 20px 18px;
  min-width: 0;
}
.agent-panel h3 { font-size: 19px; letter-spacing: -.015em; margin: 0 0 .45rem; }
.agent-panel p { margin: 0 0 .75rem; font-size: .87rem; color: var(--muted); line-height: 1.55; }
.agent-panel p code { font-family: var(--mono); font-size: .8em; background: var(--paper); border: 1px solid var(--line-soft); border-radius: 5px; padding: .08em .35em; }

/* Selection wiring: checked radio → active row + visible panel. */
#ag-1:checked ~ .agent-switch-body label[for="ag-1"],
#ag-2:checked ~ .agent-switch-body label[for="ag-2"],
#ag-3:checked ~ .agent-switch-body label[for="ag-3"],
#ag-4:checked ~ .agent-switch-body label[for="ag-4"],
#ag-5:checked ~ .agent-switch-body label[for="ag-5"],
#ag-6:checked ~ .agent-switch-body label[for="ag-6"],
#ag-7:checked ~ .agent-switch-body label[for="ag-7"],
#ag-8:checked ~ .agent-switch-body label[for="ag-8"] { color: var(--ink); }
#ag-1:checked ~ .agent-switch-body label[for="ag-1"]::after,
#ag-2:checked ~ .agent-switch-body label[for="ag-2"]::after,
#ag-3:checked ~ .agent-switch-body label[for="ag-3"]::after,
#ag-4:checked ~ .agent-switch-body label[for="ag-4"]::after,
#ag-5:checked ~ .agent-switch-body label[for="ag-5"]::after,
#ag-6:checked ~ .agent-switch-body label[for="ag-6"]::after,
#ag-7:checked ~ .agent-switch-body label[for="ag-7"]::after,
#ag-8:checked ~ .agent-switch-body label[for="ag-8"]::after { opacity: 1; }
#ag-1:checked ~ .agent-switch-body .agent-panel[data-agent="1"],
#ag-2:checked ~ .agent-switch-body .agent-panel[data-agent="2"],
#ag-3:checked ~ .agent-switch-body .agent-panel[data-agent="3"],
#ag-4:checked ~ .agent-switch-body .agent-panel[data-agent="4"],
#ag-5:checked ~ .agent-switch-body .agent-panel[data-agent="5"],
#ag-6:checked ~ .agent-switch-body .agent-panel[data-agent="6"],
#ag-7:checked ~ .agent-switch-body .agent-panel[data-agent="7"],
#ag-8:checked ~ .agent-switch-body .agent-panel[data-agent="8"] { display: block; }
#ag-1:focus-visible ~ .agent-switch-body label[for="ag-1"],
#ag-2:focus-visible ~ .agent-switch-body label[for="ag-2"],
#ag-3:focus-visible ~ .agent-switch-body label[for="ag-3"],
#ag-4:focus-visible ~ .agent-switch-body label[for="ag-4"],
#ag-5:focus-visible ~ .agent-switch-body label[for="ag-5"],
#ag-6:focus-visible ~ .agent-switch-body label[for="ag-6"],
#ag-7:focus-visible ~ .agent-switch-body label[for="ag-7"],
#ag-8:focus-visible ~ .agent-switch-body label[for="ag-8"] { outline: 2px solid var(--blue); outline-offset: 2px; border-radius: 4px; }

/* ---------- Tools: ledger entries for real identifiers ---------- */
.mcp-tool-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 14px;
  margin-top: 1.6rem;
}
.mcp-tool-card {
  background: var(--white);
  border: 1px solid var(--line-soft);
  border-radius: 14px;
  padding: 20px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  transition: transform .15s ease, box-shadow .18s ease, border-color .18s ease;
}
.mcp-tool-card:hover {
  transform: translateY(-2px);
  border-color: var(--line);
  box-shadow: 0 14px 38px -18px rgba(14, 23, 38, .22), 0 2px 8px -4px rgba(14, 23, 38, .08);
}
.mcp-tool-card h3 {
  font-family: var(--mono);
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--blue-dark);
  margin: 0 0 .55rem;
}
.mcp-tool-card p { margin: 0 0 .9rem; font-size: .87rem; color: var(--muted); line-height: 1.55; }
.mcp-tool-card .tool-ask {
  margin-top: auto;
  font-size: .84rem;
  color: var(--ink);
  background: var(--paper);
  border: 1px solid var(--line-soft);
  border-radius: 8px;
  padding: .6rem .75rem;
  line-height: 1.5;
}
.mcp-tool-card .tool-ask span {
  display: block;
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--faint);
  margin-bottom: .3rem;
}

/* ---------- Sources: hairline ledger rows, not boxes ---------- */
.source-list { list-style: none; margin: 1.4rem 0 0; padding: 0; max-width: 760px; }
.source-list li {
  padding: .85rem 2px;
  border-top: 1px solid var(--line-soft);
  font-size: .89rem;
  line-height: 1.55;
  color: var(--muted);
}
.source-list li:last-child { border-bottom: 1px solid var(--line-soft); }
.source-list b { color: var(--ink); font-weight: 650; }

/* ---------- FAQ: indexed entries ---------- */
.mcp-faq { max-width: 720px; counter-reset: faq; margin-top: 1.2rem; }
.mcp-faq details {
  background: var(--white);
  border: 1px solid var(--line-soft);
  border-radius: 12px;
  padding: .95rem 1.1rem;
  margin-top: .6rem;
  transition: border-color .18s ease;
}
.mcp-faq details[open] { border-color: var(--line); }
.mcp-faq summary {
  cursor: pointer;
  font-weight: 620;
  font-size: .95rem;
  list-style: none;
  display: flex;
  align-items: baseline;
  gap: .8rem;
}
.mcp-faq summary::-webkit-details-marker { display: none; }
.mcp-faq summary::before {
  counter-increment: faq;
  content: "0" counter(faq);
  font-family: var(--mono);
  font-size: .7rem;
  letter-spacing: .08em;
  color: var(--blue);
  flex: none;
  transform: translateY(-1px);
}
.mcp-faq summary::after {
  content: "+";
  margin-inline-start: auto;
  font-family: var(--mono);
  color: var(--faint);
  flex: none;
}
.mcp-faq details[open] summary::after { content: "−"; }
.mcp-faq details p { margin: .65rem 0 0; padding-inline-start: calc(.8rem + 2ch); font-size: .88rem; color: var(--muted); line-height: 1.6; }

.mcp-disclaimer { margin-top: 2.4rem; }

/* ---------- Responsive & motion ---------- */

@media (max-width: 800px) {
  .live-section-heading { grid-template-columns: minmax(0, 1fr); gap: .65rem; }
  .live-connection { justify-self: start; }
  .freshness-ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .freshness-ledger > div:nth-child(3) { border-inline-start: 0; padding-inline-start: 0; border-top: 1px solid var(--line-soft); }
  .freshness-ledger > div:nth-child(4) { border-top: 1px solid var(--line-soft); }
  .latest-entry {
    grid-template-columns: 34px minmax(0, 1fr) 44px;
    gap: .45rem .8rem;
    align-items: start;
  }
  .latest-entry-index { grid-column: 1; grid-row: 1 / span 2; padding-top: .2rem; }
  .latest-entry-date { grid-column: 2; grid-row: 1; display: flex; align-items: baseline; flex-wrap: wrap; gap: .35rem; }
  .latest-entry-date span { display: inline; margin: 0; }
  .latest-entry-date time { display: inline; }
  .latest-entry-main { grid-column: 2; grid-row: 2; }
  .latest-entry-open { grid-column: 3; grid-row: 1 / span 2; align-self: center; }
  .latest-entry--skeleton { grid-template-columns: 34px 100px minmax(0, 1fr); }
  .latest-entry--skeleton .skeleton-index { grid-column: 1; }
  .latest-entry--skeleton .skeleton-date { grid-column: 2; }
  .latest-entry--skeleton .skeleton-title { grid-column: 3; }
}
@media (max-width: 960px) {
  .mcp-hero .hero-grid { grid-template-columns: 1fr; gap: 1.8rem; }
  .mcp-hero-panel { max-width: 560px; }
  .agent-switch-body { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .agent-panels { min-width: 0; }
  .agent-nav { min-width: 0; flex-direction: row; overflow-x: auto; -webkit-overflow-scrolling: touch; gap: .25rem; padding-bottom: 2px; }
  .agent-nav label { border: 1px solid var(--line-soft); border-radius: 999px; padding: .5rem .85rem; white-space: nowrap; flex: none; font-size: .85rem; }
  .agent-nav label:last-child { border-bottom: 1px solid var(--line-soft); }
  .agent-nav label::after { display: none; }
  #ag-1:checked ~ .agent-switch-body label[for="ag-1"],
  #ag-2:checked ~ .agent-switch-body label[for="ag-2"],
  #ag-3:checked ~ .agent-switch-body label[for="ag-3"],
  #ag-4:checked ~ .agent-switch-body label[for="ag-4"],
  #ag-5:checked ~ .agent-switch-body label[for="ag-5"],
  #ag-6:checked ~ .agent-switch-body label[for="ag-6"],
  #ag-7:checked ~ .agent-switch-body label[for="ag-7"],
  #ag-8:checked ~ .agent-switch-body label[for="ag-8"] { border-color: var(--ink); background: var(--white); }
}
@media (max-width: 480px) {
  .mcp-hero { padding-top: 2.3rem; }
  .code-block pre { font-size: .76rem; }
  .mhp-url { flex-wrap: wrap; }
  .mcp-faq details p { padding-inline-start: 0; }
  .freshness-ledger > div { padding: .85rem .75rem .85rem 0; }
  .freshness-ledger > div + div { padding-inline-start: .75rem; }
  .freshness-ledger > div:nth-child(3) { padding-inline-start: 0; }
  .freshness-ledger dd { font-size: .82rem; }
  .latest-entry { grid-template-columns: 28px minmax(0, 1fr) 40px; padding: .9rem 0; }
  .latest-entry-open { width: 40px; height: 40px; }
  .latest-entry-meta { gap: .32rem .4rem; }
  .latest-link-state { flex-basis: 100%; }
  .latest-entry--skeleton { grid-template-columns: 28px 76px minmax(0, 1fr); }
}
@media (pointer: coarse) {
  /* WCAG 2.5.8: на тач-устройствах копи-кнопке нужен таргет повыше; на десктопе вид не меняется. */
  .copy-btn { padding: .7rem .75rem; }
  /* Кнопка стала выше — опускаем первую строку кода, чтобы они не пересекались. */
  .code-block pre { padding-top: 3.4rem; }
}
@media (prefers-reduced-motion: reduce) {
  .agent-card, .mcp-tool-card, .copy-btn, .mcp-faq details,
  .latest-entry, .latest-entry-title, .latest-entry-open { transition: none; }
  .agent-card:hover, .mcp-tool-card:hover, .copy-btn:hover { transform: none; }
  .skeleton-index, .skeleton-date, .skeleton-title { animation: none; }
}