/* Kind 2.10.0 — compact, in-flow mobile navigation. Desktop is unchanged. */
.kind-mobile-header { display:none; }
.kind-appearance-label { display:none; }
@media (max-width:900px) {
  body .site-header,body .mobile-bottom-nav { display:none!important; }
  body { padding-bottom:env(safe-area-inset-bottom,0px)!important; }
  .kind-mobile-header { --mh-paper:var(--kind-shell-surface,#fbfaf6); --mh-line:var(--kind-shell-line,rgba(31,59,52,.14)); display:block; position:relative; z-index:100; width:100%; margin:0; background:var(--mh-paper); color:var(--ink,#203f35); border-bottom:1px solid var(--mh-line); font:500 14px/1.4 var(--app-ui,Arial,sans-serif); }
  .kind-mobile-bar { display:grid; grid-template-columns:44px minmax(0,1fr) 44px 44px; align-items:center; gap:2px; min-height:60px; padding:6px max(10px,env(safe-area-inset-right)) 6px max(10px,env(safe-area-inset-left)); }
  .kind-mobile-brand { display:flex; align-items:center; gap:7px; min-width:0; width:fit-content; min-height:44px; color:inherit; font:600 22px/1 Georgia,serif; letter-spacing:-.6px; text-decoration:none; }
  .kind-mobile-brand img { display:block; flex:0 0 28px; width:28px; height:28px; object-fit:contain; }
  .kind-mobile-control { display:flex; align-items:center; justify-content:center; min-width:44px; width:44px; height:44px; min-height:44px; padding:0; border:0; border-radius:10px; background:transparent; color:inherit; box-shadow:none; cursor:pointer; list-style:none; }
  .kind-mobile-control::-webkit-details-marker { display:none; }
  .kind-mobile-control svg { display:block; width:23px; height:23px; flex:none; }
  .kind-mobile-control:hover,.kind-mobile-control[aria-current] { background:var(--kind-shell-hover,rgba(106,120,86,.10)); }
  .kind-mobile-profile img { display:block; flex:0 0 30px; width:30px!important; height:30px!important; min-width:30px; max-width:30px; aspect-ratio:1; object-fit:cover; border-radius:50%; }
  .kind-mobile-header a,.kind-mobile-header summary,.kind-mobile-header button { -webkit-tap-highlight-color:transparent; }
  .kind-mobile-header :focus-visible { outline:2px solid var(--clay,#ad784d); outline-offset:2px; }
  .kind-mobile-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0 16px; gap:12px; border-top:1px solid var(--mh-line); }
  .kind-mobile-shortcuts>a { position:relative; display:flex; gap:6px; align-items:center; justify-content:center; min-height:44px; padding:8px 0; color:var(--muted,#5b6962); text-decoration:none; font:500 14px/1.3 var(--app-ui,Arial,sans-serif); text-align:center; }
  .kind-mobile-shortcuts>a[aria-current] { color:var(--ink,#203f35); font-weight:700; }
  .kind-mobile-shortcuts>a[aria-current]::after { content:""; position:absolute; bottom:-1px; left:12%; right:12%; height:2px; background:currentColor; border-radius:2px; }
  .kind-mobile-header [data-saved-count] { font:600 11px/18px var(--app-ui,Arial,sans-serif); min-width:18px; height:18px; padding:0 4px; border-radius:9px; background:var(--ink,#203f35); color:var(--paper,#fffefa); text-align:center; }
  .kind-mobile-header [data-saved-count][hidden] { display:none; }
  .kind-mobile-header details { margin:0; }
  .kind-menu-close-icon { display:none; }
  .kind-mobile-menu[open]>summary>svg { display:none; }
  .kind-mobile-menu[open] .kind-menu-close-icon { display:block; transform:rotate(45deg); }
  .kind-mobile-panel { position:absolute; top:100%; left:0; right:0; padding:18px max(20px,env(safe-area-inset-right)) 24px max(20px,env(safe-area-inset-left)); max-height:calc(100svh - 110px); overflow-y:auto; overscroll-behavior:contain; background:var(--mh-paper); color:inherit; border-bottom:1px solid var(--mh-line); border-radius:0 0 20px 20px; box-shadow:0 18px 30px rgba(20,35,28,.15); }
  .kind-mobile-panel-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
  .kind-mobile-panel-heading strong { font:600 22px/1.25 Georgia,serif; }
  .kind-mobile-panel-heading button svg { transform:rotate(45deg); }
  .kind-mobile-menu-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 12px; }
  .kind-mobile-menu-links>a { display:flex; align-items:center; gap:10px; min-height:44px; color:inherit; font-weight:600; }
  .kind-mobile-menu-links svg { width:18px; height:18px; flex:none; }
  .kind-mobile-menu-links [aria-current] { color:var(--clay,#a67349); }
  .kind-mobile-menu-section { border-top:1px solid var(--mh-line); margin-top:16px; padding-top:16px; }
  .kind-mobile-menu-section h2 { margin:0 0 8px; font:600 14px/1.4 var(--app-ui,Arial,sans-serif); color:var(--muted,#5b6962); }
  .kind-mobile-theme-links,.kind-mobile-language-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; }
  .kind-mobile-theme-links>a,.kind-mobile-language-links>a,.kind-mobile-language-links>span,.kind-mobile-menu-secondary>a { display:flex; align-items:center; min-height:44px; color:inherit; text-decoration:none; }
  .kind-mobile-language-links [aria-current] { color:var(--clay,#a67349); font-weight:700; }
  .kind-mobile-menu-secondary { display:grid; gap:0; margin-top:12px; padding-top:12px; border-top:1px solid var(--mh-line); }
  .kind-mobile-menu-section .kind-appearance-picker>summary { width:100%; border:0; background:transparent; justify-content:flex-start; gap:12px; padding:0; }
  .kind-mobile-menu-section .kind-appearance-label { display:inline; font:600 14px/1.4 var(--app-ui,Arial,sans-serif); }
  .kind-mobile-menu-section .kind-appearance-panel { position:static; width:100%; padding:10px 0 0; border:0; border-radius:0; box-shadow:none; background:transparent; }
  .kind-mobile-menu-section .kind-appearance-panel legend { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .kind-mobile-search-panel { padding:16px; }
  .kind-mobile-search-panel form { display:flex; gap:8px; align-items:stretch; width:100%; margin:0; }
  .kind-mobile-search-panel input { flex:1; width:0; min-width:0; min-height:48px; padding:10px 12px; border:1px solid var(--mh-line); border-radius:12px; font:400 16px/1.4 var(--app-ui,Arial,sans-serif); color:inherit; background:var(--kind-shell-input,#fffefa); }
  .kind-mobile-search-panel button { display:grid; place-items:center; flex:0 0 48px; border:0; border-radius:12px; color:var(--paper,#fffefa); background:var(--ink,#203f35); }
  .kind-mobile-search-panel button svg { width:21px; height:21px; }
  html[data-kind-color-scheme="dark"] .kind-mobile-brand img { filter:brightness(0) saturate(100%) invert(91%) sepia(10%) saturate(379%) hue-rotate(357deg) brightness(101%) contrast(87%); }
  body .library-page,body .account-page,body.home #content.warm-home[data-engagement-surface="home"] { padding-bottom:24px!important; }
  body .newsletter-nudge,body .toast,body .first-save-receipt { bottom:calc(12px + env(safe-area-inset-bottom,0px))!important; }
  body .warm-home .warm-action-bar .share-suite .share-popover-menu:not([hidden]),body .detail-page .kind-book-actions .share-suite .share-popover-menu:not([hidden]) { bottom:calc(12px + env(safe-area-inset-bottom,0px))!important; max-height:calc(100svh - 40px)!important; }
  .kind-mobile-header { z-index:80; }
}
@media(max-width:360px) {
  .kind-mobile-bar { padding-inline:8px; }
  .kind-mobile-brand { gap:5px; font-size:20px; }
  .kind-mobile-brand img { width:24px; height:24px; flex-basis:24px; }
  .kind-mobile-shortcuts { gap:6px; padding-inline:12px; }
}