/* Independent temporary addition. No selectors target React-owned elements. */
#opora-hub-additions {
  --opora-ha-bg: #f7f8fa;
  --opora-ha-card: #fff;
  --opora-ha-text: #171923;
  --opora-ha-muted: #515967;
  --opora-ha-border: #dde1e8;
  --opora-ha-accent: #ece9ff;
  display: block;
  position: relative;
  isolation: isolate;
  width: 100%;
  margin: 0;
  padding: 56px 24px 64px;
  border-top: 1px solid var(--opora-ha-border);
  background: var(--opora-ha-bg);
  color: var(--opora-ha-text);
  font-family: Inter, system-ui, sans-serif;
  line-height: 1.6;
  text-align: left;
  overflow-wrap: anywhere;
}
html.dark #opora-hub-additions {
  --opora-ha-bg: #0e1018;
  --opora-ha-card: #181b26;
  --opora-ha-text: #f4f5fa;
  --opora-ha-muted: #bcc3d2;
  --opora-ha-border: #34394b;
  --opora-ha-accent: #322e52;
}
#opora-hub-additions, #opora-hub-additions * { box-sizing: border-box; }
#opora-hub-additions .opora-ha__inner { max-width: 1152px; margin: 0 auto; }
#opora-hub-additions h2 { margin: 0 0 12px; font-size: clamp(24px, 3vw, 32px); font-weight: 700; line-height: 1.2; color: var(--opora-ha-text); }
#opora-hub-additions .opora-ha__intro { margin: 0 0 28px; color: var(--opora-ha-muted); font-size: 16px; }
#opora-hub-additions .opora-ha__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
#opora-hub-additions .opora-ha__card { display: flex; flex-direction: column; min-width: 0; padding: 24px; border: 1px solid var(--opora-ha-border); border-radius: 16px; background: var(--opora-ha-card); }
#opora-hub-additions .opora-ha__icon { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 20px; background: var(--opora-ha-accent); border-radius: 12px; font-weight: 700; font-size: 20px; }
#opora-hub-additions h3 { margin: 0 0 12px; color: var(--opora-ha-text); font-size: 21px; font-weight: 700; line-height: 1.3; }
#opora-hub-additions .opora-ha__status { margin: 0 0 24px; color: var(--opora-ha-muted); font-size: 14px; line-height: 1.6; }
#opora-hub-additions .opora-ha__link { display: block; margin-top: auto; padding: 12px 14px; border: 1px solid var(--opora-ha-border); border-radius: 9px; color: var(--opora-ha-text); font-size: 14px; font-weight: 600; line-height: 1.5; text-decoration: none; }
#opora-hub-additions .opora-ha__link:hover { background: var(--opora-ha-accent); }
#opora-hub-additions .opora-ha__link:focus-visible { outline: 3px solid #8270e8; outline-offset: 4px; }
@media (max-width: 760px) {
  #opora-hub-additions { padding: 40px 16px calc(112px + env(safe-area-inset-bottom, 0px)); }
  #opora-hub-additions .opora-ha__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  #opora-hub-additions .opora-ha__card { padding: 22px; }
}