/* XYR HUB: ponte tra la vetrina editoriale e la piattaforma Flask. */
.xyr-live-cta { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  min-height: 38px; border: 1px solid #58e5ee88; border-radius: 10px;
  padding: 9px 13px; color: #92f0f5 !important; background: #58e5ee12;
  font-size: 12px; font-weight: 750; line-height: 1.2; text-decoration: none; white-space: nowrap;
  box-shadow: inset 0 1px 0 #ffffff17; }
.xyr-live-cta:hover { color: #06091d !important; background: #58e5ee; }
.xyr-service-bar { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: 8px 18px; margin: 0 auto; padding: 18px 20px 22px; border-top: 1px solid #a779ff33;
  background: #06091d; color: #d1d9fa; font: 650 12px/1.4 'Inter', 'Segoe UI', sans-serif; }
.xyr-service-bar a { color: #ccd5f2; text-decoration: none; }
.xyr-service-bar a:hover { color: #58e5ee; text-decoration: underline; }
.xyr-home-app-entry { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap: 8px 16px;
  padding: 13px 24px; border-bottom: 1px solid #58e5ee30;
  color: #d5daf1; background: #0c1434; font-size: 13px; }
.xyr-home-app-entry strong { color: #f6f5ff; }
.xyr-home-app-entry a,.xyr-live-directory-note a { color: #58e5ee; font-weight: 800; text-underline-offset: 4px; }
.xyr-home-live-indicator { height:8px; width:8px; background:#58e5ee; border-radius:50%; box-shadow:0 0 13px #58e5ee; }
.xyr-live-directory-note { border: 1px solid #58e5ee50; border-radius:12px;
  padding: 20px 24px; margin: 20px 0 30px; background: linear-gradient(120deg,#172247,#0c142e);
  color:#d5daf1; }
.xyr-live-directory-note p { margin: 7px 0 9px; line-height:1.65; }
@media (max-width: 1100px) { .xyr-live-cta {font-size:11px; padding: 8px 10px;} }
@media (max-width: 700px) { .xyr-live-cta { margin-left: auto; font-size: 10px; padding: 8px 9px; min-height:33px; }
  .xyr-home-app-entry { justify-content:flex-start; font-size:12px; }
  .xyr-service-bar { justify-content: flex-start; padding-inline: 20px; gap: 12px 16px; } }
@media (max-width: 700px) {
  .cyber-theme .site-header .brand .brand-logo { width: 43px; height: 43px; }
  .cyber-theme .site-header .brand .brand-wordmark { font-size: 19px; }
  .site-header .menu-toggle { order: 3; margin-left: 0; }
  .site-header .xyr-live-cta { order: 2; margin-left: auto; }
}
.xyr-feature-bridge { display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center; justify-content:center;
 padding: 14px 24px; color:#d7d9ed; background:linear-gradient(100deg,#161536,#0b1836);
 border-bottom:1px solid #a779ff35; font-size:13px; }
.xyr-feature-bridge strong { color:#f6f5ff; }
.xyr-feature-bridge a { color:#58e5ee; font-weight:800; }
@media(max-width:700px) { .xyr-feature-bridge {justify-content:flex-start; font-size:12px; } }