/* Scoped to the three new indexes. The accepted guide index keeps its CSS. */
.library-hubs-page .library-header nav a[href$='/guides/'] { color: var(--ink); text-decoration: none; }
.library-hubs--industries .library-header nav a[href$='/industries/'],
.library-hubs--examples .library-header nav a[href$='/examples/'],
.library-hubs--product .library-header nav a[href$='/product/'] { color: var(--guide-blue); text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 12px; }
#library-choice-1:checked ~ .guide-hub-layout .library-choice--1,
#library-choice-2:checked ~ .guide-hub-layout .library-choice--2,
#library-choice-3:checked ~ .guide-hub-layout .library-choice--3,
#library-choice-4:checked ~ .guide-hub-layout .library-choice--4 { background: linear-gradient(145deg, #0865ed 0%, #0342e9 68%, #075af3 100%); border-color: #0756ef; color: #fff; box-shadow: 0 16px 35px rgba(3,79,224,.23), 0 3px 10px rgba(3,79,224,.12); }
#library-choice-1:checked ~ .guide-hub-layout .library-choice--1 .guide-choice-hint,
#library-choice-2:checked ~ .guide-hub-layout .library-choice--2 .guide-choice-hint,
#library-choice-3:checked ~ .guide-hub-layout .library-choice--3 .guide-choice-hint,
#library-choice-4:checked ~ .guide-hub-layout .library-choice--4 .guide-choice-hint { color: #eef6ff; }
#library-choice-1:checked ~ .guide-hub-layout .library-choice--1 .guide-choice-tick,
#library-choice-2:checked ~ .guide-hub-layout .library-choice--2 .guide-choice-tick,
#library-choice-3:checked ~ .guide-hub-layout .library-choice--3 .guide-choice-tick,
#library-choice-4:checked ~ .guide-hub-layout .library-choice--4 .guide-choice-tick { opacity: 1; }
#library-choice-1:focus-visible ~ .guide-hub-layout .library-choice--1,
#library-choice-2:focus-visible ~ .guide-hub-layout .library-choice--2,
#library-choice-3:focus-visible ~ .guide-hub-layout .library-choice--3,
#library-choice-4:focus-visible ~ .guide-hub-layout .library-choice--4 { outline: 3px solid #0048d9; outline-offset: 4px; }
#library-choice-1:checked ~ .guide-hub-layout .library-feature--1,
#library-choice-2:checked ~ .guide-hub-layout .library-feature--2,
#library-choice-3:checked ~ .guide-hub-layout .library-feature--3,
#library-choice-4:checked ~ .guide-hub-layout .library-feature--4 { opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition-delay: 0s; }
@media (min-width: 821px) and (max-height: 700px) {
  .library-hubs-page .guide-hub-question { margin: 8px 0 10px; }
  .library-hubs-page .guide-choice-grid { gap: 8px; }
  .library-hubs-page .guide-choice { min-height: 156px; padding-block: 8px 10px; }
  .library-hubs-page .guide-choice-art { height: 68px; }
  .library-hubs-page .guide-choice-title { margin-top: 6px; }
  .library-hubs-page .guide-choice-hint { margin-top: 3px; }
}