/* 99P section visibility — 20261027. Presentation only; existing handlers stay intact. */
.portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  align-items: stretch;
  gap: 12px;
  width: 100%;
  padding: 0;
  margin: 8px 0 18px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button,
.portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button:first-child {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  min-height: 94px;
  width: 100%;
  padding: 18px 22px;
  border: 1px solid #3d4652;
  border-radius: 12px;
  color: #f7f9fc;
  background: linear-gradient(145deg,#191d24,#0c0f13);
  box-shadow: inset 0 1px 0 #ffffff0a;
  text-align: left;
  cursor: pointer;
  transition: background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button strong {
  display: block;
  color: #f7f9fc;
  font-family: Manrope,Inter,system-ui,sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: .025em;
}
.portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button span {
  display: block;
  color: #cbd3df;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: normal;
}
.portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button:hover {
  border-color: #8492a5;
  background: linear-gradient(145deg,#252b34,#11151b);
}
.portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button.active,
.portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button.active:first-child {
  border-color: #c1c9d4;
  background: linear-gradient(135deg,#373e48,#171c23 90%);
  box-shadow: inset 0 1px 0 #ffffff26,0 4px 14px #0003;
}
.portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button.active strong,
.portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button.active span {
  color: #fff;
}
.portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button.active::after,
.portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button.active:first-child::after {
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: #ff9559;
}
.portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button:focus-visible {
  outline: 2px solid #f4f7fc;
  outline-offset: 4px;
}
@media (max-width:700px) {
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] { gap:8px; margin:6px 0 16px; }
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button,
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button:first-child { min-height:88px; padding:13px 12px; gap:6px; border-radius:10px; }
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button strong { font-size:20px; }
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button span { display:block; font-size:11.5px; line-height:1.4; }
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button.active::after,
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button.active:first-child::after { left:12px; right:12px; }
}
@media (max-width:380px) {
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] { gap:6px; }
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button,
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button:first-child { padding-inline:9px; }
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button strong { font-size:19px; }
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button span { font-size:11px; }
}
@media (prefers-reduced-motion:reduce) {
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button { transition:none; }
}
@media (forced-colors:active) {
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button,
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button:first-child { background:Canvas; border-color:ButtonText; box-shadow:none; }
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button strong,
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button span { color:ButtonText; }
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button.active,
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button.active:first-child { border:2px solid Highlight; }
  .portal-shell .practice-catalogue .catalogue-tabs[aria-label="Practice section"] button.active::after { background:Highlight; }
}