/* Grade menus: two columns, keyboard-accessible native disclosure panels. */
body.ktbbi-classic #content .ktb-subject-navigation {
  width: 100%; max-width: 760px; margin: 28px auto;
  direction: rtl; box-sizing: border-box;
}
body.ktbbi-classic #content .ktb-subject-panel {
  margin: 0 0 20px; padding: 0; border: 2px solid #35a58d;
  border-radius: 12px; background: #f8f8f8; overflow: hidden;
}
body.ktbbi-classic #content .ktb-subject-panel > summary {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  padding: 14px 16px; cursor: pointer; list-style: none;
  color: #fff; background: #203d35; border-bottom: 2px solid transparent;
}
body.ktbbi-classic #content .ktb-subject-panel[open] > summary { border-bottom-color: #35a58d; }
body.ktbbi-classic #content .ktb-subject-panel > summary::-webkit-details-marker { display: none; }
body.ktbbi-classic #content .ktb-subject-panel > summary::after {
  content: ''; flex: 0 0 7px; width: 7px; height: 7px;
  border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
  transform: rotate(-45deg); transition: transform .15s;
}
body.ktbbi-classic #content .ktb-subject-panel[open] > summary::after { transform: rotate(45deg); }
body.ktbbi-classic #content .ktb-subject-panel > summary h2 {
  margin: 0 !important; padding: 0 !important; color: inherit !important;
  font: 700 17px/1.65 'Almarai', Tahoma, Arial, sans-serif !important;
  text-align: center; word-break: normal; overflow-wrap: break-word;
}
body.ktbbi-classic #content .ktb-subject-body { padding: 14px 11px 16px; }
body.ktbbi-classic #content .ktb-subject-intro {
  margin: 0 0 15px; color: #203d35; text-align: center;
  font-size: 13px; font-weight: 700; line-height: 1.7;
}
body.ktbbi-classic #content .ktb-subject-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
body.ktbbi-classic #content .ktb-subject-links > a {
  display: flex; align-items: center; justify-content: center;
  min-width: 0; min-height: 44px; margin: 0; padding: 10px 6px; box-sizing: border-box;
  border: 1px solid #35a58d; border-radius: 7px; background: #203d35;
  color: #fff !important; text-decoration: none !important; text-align: center;
  font: 700 14px/1.55 'Almarai', Tahoma, Arial, sans-serif !important;
  word-break: normal; overflow-wrap: break-word;
}
body.ktbbi-classic #content .ktb-subject-links > a:last-child:nth-child(odd) {
  grid-column: 1 / -1; width: calc((100% - 8px) / 2); justify-self: center;
}
body.ktbbi-classic #content .ktb-subject-links > a:hover { background: #2a5548; }
body.ktbbi-classic #content .ktb-subject-links > a:focus-visible,
body.ktbbi-classic #content .ktb-subject-panel > summary:focus-visible { outline: 3px solid #d4a72c; outline-offset: -4px; }
@media (max-width: 360px) {
  body.ktbbi-classic #content .ktb-subject-panel > summary { padding: 12px 10px; }
  body.ktbbi-classic #content .ktb-subject-panel > summary h2 { font-size: 15px !important; }
  body.ktbbi-classic #content .ktb-subject-links > a { font-size: 13px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.ktbbi-classic #content .ktb-subject-panel > summary::after { transition: none; }
}