/* Grove discovery is a mobile-only layer. The desktop feed keeps its own sidebar. */
@media (max-width:767px) {
  .hh-live[data-live-page="social"] #hh-community-suggestions,
  .hh-live[data-live-page="social"] .grove-right { display:none; }

  dialog.hh-grove-discover {
    --discover-paper:#f7faf3;
    --discover-ink:#162d22;
    --discover-muted:#627568;
    --discover-line:#385b3d29;
    --discover-accent:#386a32;
    --discover-glass:#ffffff75;
    --discover-focus:#457c38;
    position:fixed; inset:var(--hh-discover-top,0px) 0 auto;
    width:100%; max-width:100%; height:var(--hh-discover-height,100dvh); max-height:var(--hh-discover-height,100dvh);
    margin:0; padding:0; overflow:hidden; overscroll-behavior:contain;
    border:0; border-radius:0; color:var(--discover-ink);
    background:radial-gradient(ellipse at 90% -12%,#b8d6ac36,transparent 52%),var(--discover-paper);
    box-shadow:none; isolation:isolate; -webkit-tap-highlight-color:transparent;
    font-family:var(--font-body,Inter,system-ui,sans-serif);
    box-sizing:border-box;
  }
  html[data-theme="dark"] dialog.hh-grove-discover {
    --discover-paper:#06110d;
    --discover-ink:#edf4e9;
    --discover-muted:#9fb3a7;
    --discover-line:#c1dec129;
    --discover-accent:#b8df97;
    --discover-glass:#ddeee908;
    --discover-focus:#b8df97;
    background:radial-gradient(ellipse at 90% -12%,#43755923,transparent 50%),linear-gradient(145deg,#0a1a13,#05100c 72%);
  }
  dialog.hh-grove-discover[open] { display:flex; flex-direction:column; }
  dialog.hh-grove-discover::backdrop { background:#04100999; }
  dialog.hh-grove-discover [hidden] { display:none!important; }
  dialog.hh-grove-discover button,
  dialog.hh-grove-discover input,
  dialog.hh-grove-discover a { font:inherit; color:inherit; touch-action:manipulation; }
  dialog.hh-grove-discover a { text-decoration:none; }
  dialog.hh-grove-discover button { cursor:pointer; }
  dialog.hh-grove-discover button:disabled { opacity:.55; cursor:wait; }
  dialog.hh-grove-discover :is(button,a,input):focus-visible { outline:2px solid var(--discover-focus); outline-offset:3px; }
  dialog.hh-grove-discover :is(h1,h2)[tabindex="-1"]:focus { outline:none; }
  dialog.hh-grove-discover svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }

  .hh-grove-discover .hh-discover-header {
    display:flex; align-items:center; justify-content:space-between; gap:12px; flex:none;
    min-height:calc(62px + env(safe-area-inset-top,0px));
    padding:calc(8px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) 6px max(12px,env(safe-area-inset-left,0px));
    box-sizing:border-box;
  }
  .hh-grove-discover .hh-discover-back { display:inline-flex; align-items:center; gap:5px; min-height:44px; min-width:44px; padding:6px; border:0; border-radius:22px; background:transparent; font-size:13px; color:var(--discover-muted); }
  .hh-grove-discover .hh-discover-back svg { width:20px; height:20px; }
  .hh-grove-discover .hh-discover-brand { display:inline-flex; align-items:center; gap:7px; min-width:0; margin-left:auto; white-space:nowrap; font:400 21px/1.1 var(--font-display,'Cal Sans',Inter,sans-serif); letter-spacing:-.025em; }
  .hh-grove-discover .hh-discover-brand svg { width:25px; height:29px; color:var(--discover-accent); }
  .hh-grove-discover .hh-discover-title { flex:none; margin:10px 0 17px; padding:0 max(20px,env(safe-area-inset-right,0px)) 0 max(20px,env(safe-area-inset-left,0px)); font:400 clamp(36px,10vw,44px)/1.08 var(--font-display,'Cal Sans',Inter,sans-serif); letter-spacing:-.035em; color:var(--discover-ink); }
  .hh-grove-discover .hh-discover-title small { display:block; font:400 12px/1.5 var(--font-body,Inter,sans-serif); letter-spacing:0; color:var(--discover-muted); margin-top:9px; }

  .hh-grove-discover .hh-discover-search {
    display:flex; align-items:center; gap:10px; flex:none;
    margin:0 max(18px,env(safe-area-inset-right,0px)) 14px max(18px,env(safe-area-inset-left,0px));
    min-height:48px; padding:0 5px 0 14px; border:1px solid var(--discover-line); border-radius:26px;
    background:linear-gradient(135deg,#ffffff21,transparent 65%),var(--discover-glass);
    box-shadow:inset 0 1px 0 #ffffff38; box-sizing:border-box;
  }
  html[data-theme="dark"] .hh-grove-discover .hh-discover-search { border-color:#bacdcc60; background:linear-gradient(130deg,#dde8e815,#1432290c); box-shadow:inset 0 1px 0 #d2eee315; }
  .hh-grove-discover .hh-discover-search > svg { width:21px; height:21px; color:var(--discover-muted); }
  .hh-grove-discover .hh-discover-search input { display:block; flex:1; width:0; min-width:0; min-height:46px; padding:9px 0; border:0; border-radius:0; background:transparent; color:var(--discover-ink); font-size:16px; line-height:1.5; box-shadow:none; appearance:none; -webkit-appearance:none; }
  .hh-grove-discover .hh-discover-search input::placeholder { color:var(--discover-muted); opacity:1; }
  .hh-grove-discover .hh-discover-search input::-webkit-search-cancel-button { -webkit-appearance:none; }
  .hh-grove-discover .hh-discover-search input:focus-visible { outline:none; }
  .hh-grove-discover .hh-discover-search:focus-within { border-color:var(--discover-focus); box-shadow:0 0 0 2px color-mix(in srgb,var(--discover-focus) 17%,transparent); }
  .hh-grove-discover .hh-discover-search button { flex:none; display:grid; place-items:center; min-width:42px; min-height:42px; padding:8px; background:transparent; border:0; border-radius:50%; color:var(--discover-muted); }

  .hh-grove-discover .hh-discover-tabs { flex:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px; margin:0 max(18px,env(safe-area-inset-right,0px)) 8px max(18px,env(safe-area-inset-left,0px)); padding:3px; border:1px solid var(--discover-line); border-radius:26px; background:#6f927508; }
  .hh-grove-discover .hh-discover-tabs > button { display:flex; align-items:center; justify-content:center; min-width:0; min-height:40px; padding:8px 12px; border:1px solid transparent; border-radius:23px; background:transparent; color:var(--discover-muted); font-size:14px; line-height:1.4; }
  .hh-grove-discover .hh-discover-tabs > button:is([aria-selected="true"],[aria-pressed="true"],.is-active) { color:#1c3d24; border-color:#8caf74; background:linear-gradient(130deg,#cbe5b9a6,#aac99042); box-shadow:inset 0 1px 0 #fff8,0 1px 5px #25411909; }
  html[data-theme="dark"] .hh-grove-discover .hh-discover-tabs > button:is([aria-selected="true"],[aria-pressed="true"],.is-active) { color:#f1f9e9; border-color:#b5dc9ca3; background:linear-gradient(135deg,#3a693db0,#244e3185); box-shadow:inset 0 1px 2px #d4f7bc55,inset 0 -5px 14px #122d1826; }

  .hh-grove-discover .hh-discover-content { flex:1; min-height:0; min-width:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--discover-line) transparent; padding:0 max(20px,env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px)); scroll-padding-block:12px 20px; }
  .hh-grove-discover .hh-discover-section { margin:0; padding:0; min-width:0; }
  .hh-grove-discover .hh-discover-section + .hh-discover-section { margin-top:18px; }
  .hh-grove-discover .hh-discover-section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 0 5px; }
  .hh-grove-discover .hh-discover-section :is(h2,h3) { margin:0; font:400 22px/1.2 var(--font-display,'Cal Sans',Inter,sans-serif); letter-spacing:-.02em; }
  .hh-grove-discover .hh-discover-section-head :is(button,a) { display:inline-flex; align-items:center; gap:5px; flex:none; min-height:44px; padding:6px 0 6px 8px; border:0; background:transparent; color:var(--discover-accent); font-size:12px; }
  .hh-grove-discover .hh-discover-section-head svg { width:17px; height:17px; }
  .hh-grove-discover .hh-discover-directory { display:inline-flex; align-items:center; gap:7px; min-height:44px; margin-top:16px; color:var(--discover-accent); font-size:13px; }
  .hh-grove-discover .hh-discover-directory svg { width:17px; height:17px; }
  .hh-grove-discover .hh-discover-row { display:grid; grid-template-columns:64px minmax(0,1fr) auto; align-items:center; column-gap:12px; min-width:0; margin:0; padding:14px 0; border:0; border-bottom:1px solid var(--discover-line); background:transparent; border-radius:0; box-shadow:none; }
  .hh-grove-discover .hh-discover-avatar { display:block; width:64px; height:64px; flex:none; border:1px solid var(--discover-line); border-radius:16px; background:#82916a10; overflow:hidden; }
  .hh-grove-discover .hh-discover-avatar > .hh-avatar { width:100%; height:100%; min-width:0; border:0; border-radius:inherit; box-shadow:none; }
  .hh-grove-discover .hh-discover-person .hh-discover-avatar { border-radius:50%; }
  .hh-grove-discover .hh-discover-person .hh-discover-avatar:has(> .hh-avatar--nft) { border-radius:0; }
  .hh-grove-discover .hh-discover-avatar > img { width:100%; height:100%; display:block; object-fit:cover; border-radius:inherit; }
  .hh-grove-discover .hh-discover-copy { min-width:0; align-self:center; font-size:12px; line-height:1.5; color:var(--discover-muted); overflow-wrap:anywhere; }
  .hh-grove-discover .hh-discover-copy strong { display:block; font-size:14px; line-height:1.35; font-weight:600; color:var(--discover-ink); }
  .hh-grove-discover .hh-discover-copy > a { display:block; min-width:0; }
  .hh-grove-discover .hh-discover-copy > :is(p,small,span) { margin:3px 0 0; font-size:12px; line-height:1.4; color:var(--discover-muted); }
  .hh-grove-discover .hh-discover-copy > p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .hh-grove-discover .hh-discover-copy small { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .hh-grove-discover .hh-discover-person .hh-discover-copy small { display:block; white-space:nowrap; text-overflow:ellipsis; }
  .hh-grove-discover .hh-discover-copy .hh-verified { display:inline-flex; vertical-align:middle; margin-left:3px; color:var(--discover-accent); }
  .hh-grove-discover .hh-discover-copy .hh-verified svg { width:13px; height:13px; }
  .hh-grove-discover .hh-discover-copy .hh-role { display:inline-flex; width:fit-content; max-width:100%; font-size:10px; line-height:1.3; color:var(--discover-accent); margin-top:5px; padding:2px 0; border:0; background:transparent; }
  .hh-grove-discover .hh-discover-action { display:inline-flex; align-items:center; justify-content:center; min-width:78px; min-height:44px; padding:8px 12px; border:1px solid #6b967779; border-radius:25px; background:linear-gradient(145deg,#b7d4ab27,#edf8e805); color:var(--discover-ink); font-size:12px; line-height:1.3; font-weight:500; white-space:nowrap; box-shadow:inset 0 1px 0 #eaffed4d; }
  html[data-theme="dark"] .hh-grove-discover .hh-discover-action { border-color:#9cd4b394; background:linear-gradient(145deg,#28533b46,#12352426); color:#edf9ee; box-shadow:inset 0 1px 0 #c7f0db1f; }
  .hh-grove-discover .hh-discover-action:is([aria-pressed="true"],[data-joined="true"],.is-joined) { border-color:var(--discover-line); background:transparent; box-shadow:none; color:var(--discover-muted); }
  .hh-grove-discover .hh-discover-status { margin:0; padding:20px 2px; color:var(--discover-muted); font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
  .hh-grove-discover .hh-discover-status:empty { display:none; }
  .hh-grove-discover .hh-discover-status[role="alert"] { color:#a94237; }
  html[data-theme="dark"] .hh-grove-discover .hh-discover-status[role="alert"] { color:#f3a48e; }
  .hh-grove-discover .hh-discover-retry { display:inline-flex; align-items:center; justify-content:center; min-height:44px; margin-top:8px; padding:8px 15px; border:1px solid var(--discover-line); border-radius:23px; background:var(--discover-glass); color:var(--discover-accent); font-size:13px; }
  .hh-grove-discover .hh-discover-footer { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:center; gap:3px; flex:none; min-height:58px; margin:0; padding:4px max(12px,env(safe-area-inset-right,0px)) calc(5px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px)); border-top:1px solid var(--discover-line); background:var(--discover-paper); box-sizing:border-box; }
  .hh-grove-discover .hh-discover-footer :is(a,button) { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-width:0; min-height:48px; padding:4px; border:0; border-radius:17px; background:transparent; color:var(--discover-muted); font-size:10px; line-height:1.1; }
  .hh-grove-discover .hh-discover-footer [aria-current="page"] { color:var(--discover-accent); background:var(--discover-glass); }
  .hh-grove-discover .hh-discover-back svg { transform:rotate(180deg); }
  .hh-grove-discover .hh-discover-footer > .hh-discover-action { width:100%; border:1px solid var(--discover-line); }

  @media (max-width:350px) {
    .hh-grove-discover .hh-discover-row { grid-template-columns:54px minmax(0,1fr) auto; gap:9px; }
    .hh-grove-discover .hh-discover-avatar { width:54px; height:54px; border-radius:13px; }
    .hh-grove-discover .hh-discover-action { min-width:70px; padding-inline:10px; font-size:11px; }
    .hh-grove-discover .hh-discover-copy strong { font-size:13px; }
    .hh-grove-discover .hh-discover-content { padding-inline:16px; }
    .hh-grove-discover .hh-discover-brand { font-size:19px; }
  }
  @media (max-height:550px) {
    .hh-grove-discover .hh-discover-title { margin-block:3px 12px; font-size:32px; }
    .hh-grove-discover .hh-discover-header { min-height:calc(52px + env(safe-area-inset-top,0px)); padding-top:env(safe-area-inset-top,0px); }
    .hh-grove-discover .hh-discover-search { margin-bottom:9px; }
  }
  @media (prefers-reduced-motion:reduce) {
    dialog.hh-grove-discover,
    dialog.hh-grove-discover * { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  }
  @media (forced-colors:active) {
    dialog.hh-grove-discover { background:Canvas; color:CanvasText; }
    .hh-grove-discover :is(.hh-discover-search,.hh-discover-tabs,.hh-discover-avatar,.hh-discover-action) { border-color:CanvasText; }
    .hh-grove-discover .hh-discover-tabs > button:is([aria-selected="true"],[aria-pressed="true"],.is-active) { outline:2px solid Highlight; outline-offset:-2px; }
  }
}