/* v1.2.59 — MOBILE section arrows: TRUE circles (user phone screenshot
   verdict, 2 Nov 2026). Scope: ONLY @media(max-width:760px).
   PROBLEM (measured on the user's screenshot): the side buttons rendered
   ~1.3x wider than tall — a horizontal oval, not a circle — because no
   rule ever zeroed the browser's default button padding, so padding
   inflated the width while border-radius:50% ovalised it.
   FIX: padding:0 + border-box + aspect-ratio:1/1 + flex:none guarantee a
   true 34px circle. Side position, Blogger colours and no-shadow from
   1.2.58 are untouched. Desktop arrows are untouched. This sheet loads
   LAST. */
@media (max-width: 760px) {
  html body .section .mg-sec-head .mg-arrow {
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    aspect-ratio: 1 / 1 !important;
    flex: none !important;
    line-height: 1 !important;
    border-radius: 50% !important;
    border: 1px solid #efedf2 !important;
    background: #fff !important;
    color: #875ff5 !important;
    font-size: 16px !important;
    box-shadow: none !important;
    display: grid !important;
    place-items: center !important;
  }
}