/* Mobile Berhetiyye: give each existing heading its own readable space.
   Artwork, disclosure controls, entry action and hidden states stay owned by
   their existing components. */
@layer sukun-r1142-headers {
@media (max-width: 700px) {
 html[data-r1074-theme="berhet"] body:not(.sukun-tefekkur-mode) #tab-zkr #zMegaHost > .zMegaGroup > summary {
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  align-items:center!important;gap:8px!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  /* The jewel previously used 29% of its own height as its top/bottom
     border image. Fix the bevel width and leave a real inner safe area so
     multi-line descriptions never run across the silver facets. */
  border-image-width:18px 28px!important;
  height:auto!important;min-height:94px!important;max-height:none!important;
  padding:26px 32px!important;overflow:visible!important;
 }
 html[data-r1074-theme="berhet"] body #tab-zkr #zMegaHost > .zMegaGroup > summary .zMegaIc {
  box-sizing:border-box!important;width:38px!important;height:38px!important;
  min-width:0!important;max-width:38px!important;display:grid!important;place-items:center!important;
 }
 html[data-r1074-theme="berhet"] body #tab-zkr #zMegaHost > .zMegaGroup > summary .zMegaTxt {
  display:block!important;min-width:0!important;max-width:100%!important;
  width:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;
 }
 html[data-r1074-theme="berhet"] body #tab-zkr #zMegaHost > .zMegaGroup > summary .zMegaTxt b {
  display:block!important;min-width:0!important;max-width:100%!important;
  height:auto!important;max-height:none!important;overflow:visible!important;
  white-space:normal!important;overflow-wrap:break-word!important;
  font:700 clamp(15px,4.2vw,18px)/1.18 Georgia,serif!important;
 }
 html[data-r1074-theme="berhet"] body #tab-zkr #zMegaHost > .zMegaGroup > summary .zMegaTxt small {
  display:block!important;min-width:0!important;max-width:100%!important;
  height:auto!important;max-height:none!important;overflow:visible!important;
  -webkit-line-clamp:unset!important;white-space:normal!important;overflow-wrap:break-word!important;
  margin-top:3px!important;font:500 clamp(11px,3vw,12px)/1.35 system-ui,sans-serif!important;
 }
 html[data-r1074-theme="berhet"] body #tab-zkr #zMegaHost > .zMegaGroup > summary .zMegaRight {
  position:static!important;display:flex!important;align-items:center!important;gap:3px!important;
  width:auto!important;min-width:0!important;max-width:none!important;
 }
 html[data-r1074-theme="berhet"] body #tab-zkr #zMegaHost > .zMegaGroup > summary .zMegaCount {
  box-sizing:border-box!important;width:32px!important;height:32px!important;min-width:32px!important;
  display:grid!important;place-items:center!important;font:600 12px/1 system-ui,sans-serif!important;
 }
 /* Title and continuation text are separate rows, never competing for a gem. */
 html[data-r1074-theme="berhet"] body #tab-zkr :is(#berhetSeyir,#esmaSeyir99) > summary.r168Head {
  box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  align-content:center!important;justify-items:center!important;gap:6px!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:auto!important;min-height:92px!important;max-height:none!important;
  /* Keep both lines clear of the carved facets at any heading height. */
  border-image-width:14px 24px!important;
  padding:20px 30px!important;overflow:visible!important;text-align:center!important;
 }
 html[data-r1074-theme="berhet"] body #tab-zkr :is(#berhetSeyir,#esmaSeyir99) > summary.r168Head > b {
  box-sizing:border-box!important;display:block!important;position:static!important;
  width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;
  white-space:normal!important;overflow-wrap:break-word!important;overflow:visible!important;
  font:700 clamp(15px,4.2vw,19px)/1.2 Georgia,serif!important;text-align:center!important;
 }
 html[data-r1074-theme="berhet"] body #tab-zkr :is(#berhetSeyir,#esmaSeyir99) > summary.r168Head > .r168Tag {
  box-sizing:border-box!important;display:block!important;position:static!important;
  width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;border-image:none!important;background:none!important;box-shadow:none!important;
  white-space:normal!important;overflow-wrap:break-word!important;overflow:visible!important;
  font:600 11px/1.3 system-ui,sans-serif!important;text-align:center!important;
 }
 /* Leave the real gateway button and thumbnail intact; text can wrap inside it. */
 html[data-r1074-theme="berhet"] body #tab-zkr #r1080BerhetEntry {
  box-sizing:border-box!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 18px!important;
  align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:auto!important;min-height:90px!important;max-height:none!important;padding:10px 18px!important;
  text-align:left!important;overflow:visible!important;
 }
 html[data-r1074-theme="berhet"] body #tab-zkr #r1080BerhetEntry .r1080-gate-thumb {
  box-sizing:border-box!important;width:44px!important;min-width:0!important;max-width:44px!important;
  height:60px!important;max-height:60px!important;
 }
 html[data-r1074-theme="berhet"] body #tab-zkr #r1080BerhetEntry .r1080-gate-copy {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;
  min-width:0!important;max-width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;
 }
 html[data-r1074-theme="berhet"] body #tab-zkr #r1080BerhetEntry .r1080-gate-copy :is(small,strong,span) {
  display:block!important;position:static!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:auto!important;max-height:none!important;margin:0!important;padding:0!important;
  white-space:normal!important;overflow-wrap:break-word!important;overflow:visible!important;
 }
 html[data-r1074-theme="berhet"] body #tab-zkr #r1080BerhetEntry .r1080-gate-copy small {
  font:600 10px/1.3 system-ui,sans-serif!important;letter-spacing:.035em!important;
 }
 html[data-r1074-theme="berhet"] body #tab-zkr #r1080BerhetEntry .r1080-gate-copy strong {
  font:600 clamp(16px,4.5vw,19px)/1.2 Georgia,serif!important;letter-spacing:0!important;
 }
 html[data-r1074-theme="berhet"] body #tab-zkr #r1080BerhetEntry .r1080-gate-copy > span {
  font:400 11px/1.35 system-ui,sans-serif!important;letter-spacing:0!important;
 }
 html[data-r1074-theme="berhet"] body #tab-zkr #r1080BerhetEntry .r1080-gate-arrow {
  position:static!important;min-width:0!important;width:18px!important;text-align:center!important;
 }
}
}