/* Public navigation and page shell do not grant query or program-code access. */
html:not([data-code-analysis="true"]) [data-code-only],
html:not([data-code-admin="true"]) [data-program-code-only],
html:not([data-code-admin="true"]) .program-code,
html:not([data-code-admin="true"]) .match-code {
  display: none !important;
}
html[data-code-area="true"]:not([data-code-analysis="true"]) #webCodeResults,
html[data-code-area="true"]:not([data-code-analysis="true"]) #footballCodeComparison,
html[data-code-area="true"]:not([data-code-analysis="true"]) #enginePreview,
html[data-code-area="true"]:not([data-code-analysis="true"]) #bw-result {
  display: none !important;
}
html[data-code-area="true"]:not([data-code-analysis="true"]) .code-engine-tool,
html[data-code-area="true"]:not([data-code-analysis="true"]) #bw-form {
  pointer-events: none;
  opacity: .65;
}
.code-access-notice { box-sizing: border-box; width: calc(100% - 40px); max-width: 1170px; margin: 20px auto; padding: 16px 20px; color: #e4edf4; background: #102638; border: 1px solid #34546b; border-radius: 16px; }
.code-access-notice p { margin: 0 0 10px; color: inherit; min-height: 2lh; }
.code-access-notice a, .code-access-notice button { color: #8ee4c0; }
.code-access-notice button { margin-inline-start: 16px; padding: 8px 12px; background: transparent; border: 1px solid #5c9b8a; border-radius: 8px; font: inherit; cursor: pointer; }
.code-access-notice[hidden], html:not([data-code-area="true"]) .code-access-notice { display: none !important; }
/* Invisible actions still reserve their row; hidden buttons remain unfocusable. */
.code-access-notice button[hidden] { display: inline-block !important; visibility: hidden; }
@media (max-width: 600px) {
  .code-access-notice p { min-height: 2lh; }
  .code-access-notice button { display: block; margin: 10px 0 0; }
  .code-access-notice button[hidden] { display: block !important; }
}
@media (max-width: 820px) {
  body.km-ready .code-access-notice { width: 100%; margin: 0 0 16px; padding: 14px; background: #fff; border-color: #d7e2ed; color: #182f44; }
  body.km-ready .code-access-notice p { color: #182f44 !important; font-size: 13px !important; line-height: 1.5 !important; }
  body.km-ready .code-access-notice a, body.km-ready .code-access-notice button { color: #1b609b !important; }
}