/* KevinMD phone/tablet menu redesign (2026-09-30). LIVE since Kevin "implement it live" (piece mmenu in KMD_S3_LIVE).
   Panel opens under the 56 px phone bar; search first, topics in two columns, podcast block, newsletter button, site links. */
.kmd-mmenu{display:none}
@media (max-width:921px){
  html.kmd-v2 .kmd-mmenu:not([hidden]){display:block;position:fixed;top:56px;left:0;right:0;bottom:0;z-index:99990;background:#fff;border-top:1px solid var(--rule);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px 16px 40px;box-sizing:border-box;font-family:var(--sans)}
  html.kmd-v2 body.admin-bar .kmd-mmenu:not([hidden]){top:102px}
  html.kmd-mmenu-open,html.kmd-mmenu-open body{overflow:hidden!important}
  html.kmd-mmenu-open .kmd-mbar{transform:none!important;visibility:visible!important}
  html.kmd-mmenu-open .kmd-mbar .kmd-mb-menu{background:var(--panel)!important}

  /* search */
  html.kmd-v2 .kmd-mmenu__search{display:flex;margin:0}
  html.kmd-v2 .kmd-mmenu__search input[type=search]{flex:1;min-width:0;height:48px;margin:0;padding:0 14px;border:1px solid var(--line)!important;border-right:0!important;border-radius:0;background:#fff;box-shadow:none;font:16px var(--sans);color:var(--ink);-webkit-appearance:none;appearance:none}
  html.kmd-v2 .kmd-mmenu__search input[type=search]:focus-visible{outline:2px solid var(--b);outline-offset:-2px}
  html.kmd-v2 .kmd-mmenu__search button{width:48px;height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:center;margin:0;padding:0!important;border:0!important;border-radius:0;background:var(--b)!important;color:#fff!important;cursor:pointer}

  /* section labels */
  html.kmd-v2 .kmd-mmenu__label{margin:24px 0 4px!important;font:700 12px/1.3 var(--sans)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--b)!important}

  /* topics: two columns of readable names, 44 px rows */
  html.kmd-v2 .kmd-mmenu ul{list-style:none!important;margin:0!important;padding:0!important}
  html.kmd-v2 .kmd-mmenu__topics{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  html.kmd-v2 .kmd-mmenu__topics li,html.kmd-v2 .kmd-mmenu__site li{margin:0!important;padding:0!important;border-bottom:1px solid var(--rule)}
  html.kmd-v2 .kmd-mmenu__topics a{display:flex;align-items:center;min-height:48px;padding:6px 0;font:600 16px/1.25 var(--sans)!important;color:var(--n)!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important}
  html.kmd-v2 .kmd-mmenu__topics a.is-current{color:var(--b)!important}
  html.kmd-v2 .kmd-mmenu__topics li:has(> a.is-current){border-bottom:2px solid var(--b)} /* current section: text stays aligned, its divider turns blue */

  /* podcast block */
  html.kmd-v2 .kmd-mmenu__pod{margin:24px 0 0;padding:14px 16px;background:var(--panel);border-left:4px solid var(--b)}
  html.kmd-v2 .kmd-mmenu__podlink{display:block;font:700 18px/1.3 var(--serif)!important;color:var(--n)!important;text-decoration:none!important;padding:4px 0}
  html.kmd-v2 .kmd-mmenu__pod p{margin:6px 0 0!important;font:16px/1.5 var(--sans)!important;color:var(--meta)!important}
  html.kmd-v2 .kmd-mmenu__pod p a{display:inline-block;padding:6px 0;color:var(--b)!important;font-weight:700;text-decoration:none!important}

  /* newsletter */
  html.kmd-v2 .kmd-mmenu__cta{display:flex;align-items:center;justify-content:center;min-height:48px;margin:8px 0 0;background:var(--b)!important;color:#fff!important;font:700 16px var(--sans)!important;text-decoration:none!important}

  /* site links, quieter */
  html.kmd-v2 .kmd-mmenu__site{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  html.kmd-v2 .kmd-mmenu__site a{display:flex;align-items:center;min-height:44px;font:16px/1.3 var(--sans)!important;color:var(--ink)!important;text-decoration:none!important;text-transform:none!important}
}
@media (max-width:921px) and (min-width:783px){html.kmd-v2 body.admin-bar .kmd-mmenu:not([hidden]){top:88px}}
@media (max-width:600px){html.kmd-v2 body.admin-bar .kmd-mmenu:not([hidden]){top:56px}}
