@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

/* FUT Club Intelligence hardening */
html, body { max-width:100%; overflow-x:hidden; overflow-x:clip; }
.app, main, .topbar, .section, .panel, .feature-grid, .depth-layout, .identity-grid, .hof-grid { min-width:0; max-width:100%; }
img, svg, canvas, video { max-width:100%; }
.table-wrap { max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; }
.sidebar { z-index:80; }
.result-count[data-state="empty"] { color:var(--red,var(--crimson,#a63d45)); }
footer .footer-nav { display:flex; gap:16px; flex-wrap:wrap; }
footer .footer-nav a:hover, footer .footer-nav a:focus-visible { color:var(--green,var(--teal,#0d7c78)); }

/* Ubuntu is the primary display/UI face; DM Mono remains reserved for system metadata. */
body, button, input, select, textarea {
  font-family:'Ubuntu', Arial, sans-serif;
}
.dna-card strong,
.page-title h1,
.section-heading h2,
.kpi b,
.hero-copy h2,
.hero-ring strong,
.panel-head h3,
.legend-feature h3,
.big-number,
.pitch-card b,
.depth-summary h3,
.summary-number,
.summary-grid b,
.c99 h3,
.endgame-callout h3 {
  font-family:'Ubuntu', Arial, sans-serif;
}
.page-title h1 span,
.hero-copy h2 em {
  font-family:'Ubuntu', Arial, sans-serif;
  font-style:italic;
  font-weight:400;
}
.legend-feature h3,
.depth-summary h3,
.endgame-callout h3 { font-weight:400; }

@media(max-width:980px) {
  .sidebar { box-shadow:24px 0 60px rgba(0,0,0,.18); }
  .sidebar:not(.open) { pointer-events:none; }
}
@media(max-width:680px) {
  .topbar { gap:12px; }
  .page-title { min-width:0; }
  .page-title h1 { overflow-wrap:anywhere; }
  .panel { max-width:100%; }
  footer { display:grid; gap:12px; }
}
@media(max-width:480px) {
  .kpi-grid, .cards99, .filters { grid-template-columns:1fr; }
  .search-box { grid-column:auto; }
}
