/* r1145: compact, equally sized mobile navigation while retaining the native
   buttons, gemstone palette, current-state rules and notification badge. */
@layer sukun-r1145-nav-compact {
@media (max-width:720px) {
 html[data-r1074-theme="berhet"] body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden]) {
  grid-template-columns:repeat(3,minmax(0,100px))!important;
  grid-auto-rows:1fr!important;justify-content:center!important;justify-items:stretch!important;
  align-items:stretch!important;gap:8px!important;padding:8px!important;
 }
 html[data-r1074-theme="berhet"] body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden])>button {
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;justify-self:stretch!important;
  width:100%!important;min-width:0!important;max-width:100px!important;
  height:auto!important;min-height:min-content!important;max-height:none!important;aspect-ratio:1/1!important;
  margin:0!important;padding:12px 14px!important;gap:5px!important;
  border-image-width:11px 13px!important;--r1133-end:13px!important;
 }
 html[data-r1074-theme="berhet"] body .wrap>nav.tabs:not([hidden])>button>:is(.tbIc,.tbRub) {
  display:grid!important;place-items:center!important;align-self:center!important;flex:0 0 20px!important;
  box-sizing:border-box!important;width:20px!important;min-width:20px!important;max-width:20px!important;
  height:20px!important;min-height:20px!important;max-height:20px!important;
  margin:0!important;padding:0!important;transform:none!important;
 }
 html[data-r1074-theme="berhet"] body .wrap>nav.tabs:not([hidden])>button>svg.tbIc {display:block!important}
 html[data-r1074-theme="berhet"] body .wrap>nav.tabs:not([hidden])>button>.tbL {
  display:block!important;box-sizing:border-box!important;align-self:center!important;flex:0 0 auto!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;text-align:center!important;
  font:650 11.25px/1.2 system-ui,sans-serif!important;letter-spacing:0!important;
  white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;
  overflow:visible!important;text-overflow:clip!important;
 }
 /* If a translated or enlarged single word cannot fit the three-column
    interior, use two equal wider columns. Only the presentation changes. */
 html[data-r1074-theme="berhet"] body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs[data-r1145-cols="2"] {
  grid-template-columns:repeat(2,minmax(0,144px))!important;
 }
 html[data-r1074-theme="berhet"] body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs[data-r1145-cols="2"]>button {
  max-width:144px!important;aspect-ratio:4/3!important;
 }
 /* Very large text can require one row per item; let it wrap only when even
    the two-column measure cannot fit and keep each action at least 44px. */
 html[data-r1074-theme="berhet"] body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs[data-r1145-cols="1"] {
  grid-template-columns:minmax(0,1fr)!important;
 }
 html[data-r1074-theme="berhet"] body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs[data-r1145-cols="1"]>button {
  max-width:none!important;min-height:44px!important;aspect-ratio:auto!important;flex-direction:row!important;
 }
 html[data-r1074-theme="berhet"] body .wrap>nav.tabs[data-r1145-cols="1"]>button>.tbL {
  width:auto!important;white-space:normal!important;overflow-wrap:anywhere!important;
 }
 /* Native section navigation targets the group, not its parent tab. The
    document already supplies 90px scroll-padding; this extra margin places
    the target below the expanded 3x2 sticky navigation. */
 html[data-r1074-theme="berhet"] body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) #zMegaHost>.zMegaGroup {
  scroll-margin-block-start:var(--r1145-nav-scroll-margin,150px)!important;
 }
 /* Keep in-page navigation clear of the now taller two-row sticky bar. */
 html[data-r1074-theme="berhet"] body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) :is(#tab-amb,#tab-frq,#tab-zkr,#tab-rx,#tab-ntf) {
  scroll-margin-block-start:var(--r1145-nav-scroll-margin,150px)!important;
 }
}
}