/* Explore Goa v2.8.0 mobile-first facelift. Loaded after all existing app/search styles. */
:root{
  --eg-app-shadow:0 10px 28px rgba(19,38,36,.07);
  --eg-app-shadow-strong:0 20px 54px rgba(19,38,36,.14);
  --eg-app-soft-green:#eef8f5;
  --eg-app-warm:#fffaf2;
}

/* Search sheet: live results are a sibling of the field, never part of its border box. */
.eg-app-overlay-live{position:relative;margin-top:20px}
.eg-app-overlay-live .eg-app-overlay-search{margin-top:0}
.eg-app-overlay-live .eg-app-overlay-suggestions{top:calc(100% + 10px);left:0;right:0}
.eg-app-search-panel{overflow:visible}
.eg-app-overlay-search{border-radius:12px!important;box-shadow:none!important}
.eg-app-overlay-search:focus-within{box-shadow:0 0 0 3px rgba(10,143,125,.08)!important}
.eg-app-overlay-search button{border-radius:9px!important}

/* Home portal refinement. */
.eg-portal-topline{background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)}
.eg-portal-topline-inner{position:relative}
.eg-portal-topline h1{max-width:760px}
.eg-portal-category-band{background:#fff}
.eg-portal-card,.eg-portal-essential-panel,.eg-portal-latest-list article,.eg-business-box{box-shadow:var(--eg-app-shadow)}
.eg-business-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.eg-business-plan-link{display:inline-flex;align-items:center;gap:7px;color:var(--eg-green);font-size:14px;font-weight:650}
.eg-business-plan-link:hover{color:var(--eg-green-dark)}

/* Search results page and editorial cards receive subtle product depth, not heavy decoration. */
.eg-app-search-page .eguc-search-shell,
.eg-app-search-page .eguc-filter-panel,
.eg-app-search-page .eguc-result-card{box-shadow:0 8px 24px rgba(19,38,36,.045)}
.eg-article-panel,.eg-article-related-card{box-shadow:0 8px 24px rgba(19,38,36,.045)}

@media(max-width:720px){
  html{scroll-padding-top:72px}
  body.eg-app-page{font-size:15px;padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .eg-app-container{width:min(calc(100% - 32px),var(--eg-max))}
  .eg-app-header{box-shadow:0 2px 14px rgba(19,38,36,.05)}
  .eg-app-header-inner{height:64px!important}
  .eg-app-logo-image{max-width:154px!important;max-height:34px!important}
  .eg-app-icon-button,.eg-app-search-trigger{border-radius:12px!important}

  /* Full-width bottom sheet, square field, no circular/dome geometry. */
  .eg-app-search-layer{align-items:flex-end!important;padding:0!important}
  .eg-app-search-panel{
    width:100%!important;max-height:calc(100dvh - 20px);overflow:auto;
    border-radius:22px 22px 0 0!important;padding:20px 16px calc(24px + env(safe-area-inset-bottom))!important;
    box-shadow:0 -18px 60px rgba(14,39,35,.2)!important;transform:translateY(28px)!important
  }
  .eg-app-search-layer.is-open .eg-app-search-panel{transform:none!important}
  .eg-app-search-panel-top{align-items:center}
  .eg-app-search-panel h2{font-size:25px!important;line-height:1.18}
  .eg-app-overlay-live{margin-top:18px}
  .eg-app-overlay-search{
    display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;gap:10px!important;
    padding:10px 11px!important;border-radius:13px!important;background:#fff!important
  }
  .eg-app-overlay-search input{height:42px!important;min-width:0;font-size:16px!important}
  .eg-app-overlay-search button{
    grid-column:auto!important;width:auto!important;min-width:78px!important;height:42px!important;
    border-radius:10px!important;padding:0 14px!important;font-size:14px!important
  }
  .eg-app-overlay-suggestions{
    position:static!important;max-height:45dvh;margin-top:10px!important;padding:6px!important;
    border-radius:13px!important;box-shadow:none!important;background:#fff
  }
  .eg-app-live-result{grid-template-columns:58px minmax(0,1fr)!important;padding:9px!important;border-radius:10px}
  .eg-app-live-media{width:58px!important;height:54px!important}
  .eg-app-live-copy strong{font-size:14px}
  .eg-app-live-copy .eg-app-live-summary{font-size:11.5px;-webkit-line-clamp:2}
  .eg-app-search-popular{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .eg-app-search-popular a,.eg-app-search-popular button{min-height:42px;border-radius:10px!important;text-align:center;justify-content:center}

  /* App-style landing panel. */
  .eg-portal-topline{padding:18px 0 20px!important;border-bottom:0!important;background:#fff}
  .eg-portal-topline-inner{
    padding:21px 18px 18px;border:1px solid var(--eg-border);border-radius:18px;
    background:linear-gradient(145deg,#fff 0%,var(--eg-app-soft-green) 100%);box-shadow:var(--eg-app-shadow)
  }
  .eg-portal-topline h1{font-size:29px!important;line-height:1.1!important;letter-spacing:-.04em}
  .eg-portal-topline p:not(.eg-app-eyebrow){margin-top:10px!important;font-size:14.5px!important;line-height:1.5}
  .eg-portal-mobile-search{
    width:100%;min-height:50px!important;margin-top:18px!important;padding:0 14px!important;
    border-radius:12px!important;background:#fff!important;color:var(--eg-ink)!important;box-shadow:0 5px 16px rgba(19,38,36,.05)!important
  }
  .eg-portal-mobile-search span{font-size:15px;font-weight:560}
  .eg-portal-topline .eg-home-quick{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;
    overflow:visible!important;margin-top:12px!important;padding:0!important
  }
  .eg-portal-topline .eg-home-quick a,.eg-portal-topline .eg-home-quick button{
    justify-content:flex-start;min-width:0;min-height:43px!important;padding:0 11px!important;
    border-radius:11px!important;background:rgba(255,255,255,.9);font-size:12.5px!important;white-space:nowrap
  }

  /* Replace clipped horizontal text row with visible app utility cards. */
  .eg-portal-category-band{padding:0 0 24px;border-bottom:1px solid var(--eg-border)}
  .eg-portal-category-row{
    width:min(calc(100% - 32px),var(--eg-max))!important;margin:auto!important;padding:0!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;overflow:visible!important
  }
  .eg-portal-category-row a{
    min-width:0;min-height:58px!important;padding:10px 12px!important;border:1px solid var(--eg-border)!important;
    border-radius:13px!important;background:#fff!important;box-shadow:0 5px 16px rgba(19,38,36,.035);
    font-size:13px!important;line-height:1.25
  }
  .eg-portal-category-row a span{width:32px;height:32px;border-radius:9px;background:var(--eg-app-soft-green)}

  .eg-app-section{padding:42px 0!important}
  .eg-app-section-head{align-items:flex-start!important;margin-bottom:18px!important}
  .eg-app-section h2{font-size:26px!important;line-height:1.15}
  .eg-app-section-head>a{padding-top:4px;white-space:nowrap}
  .eg-portal-popular{padding-top:38px!important;background:#f7faf9!important}
  .eg-portal-card-grid{gap:12px!important;padding:2px 0 8px!important;scroll-padding-left:16px}
  .eg-portal-card{flex:0 0 84%!important;border-radius:15px!important;box-shadow:var(--eg-app-shadow)}
  .eg-portal-card-image{aspect-ratio:16/9!important}
  .eg-portal-card>div{padding:15px!important}
  .eg-portal-card h3{font-size:17px!important;line-height:1.32}
  .eg-portal-card .eg-guide-link{display:inline-flex!important;margin-top:11px!important}

  .eg-portal-discovery{background:#fff!important}
  .eg-portal-discovery-grid{gap:26px!important}
  .eg-portal-area-grid{grid-template-columns:1fr!important;gap:8px!important}
  .eg-portal-area-grid a{min-height:52px;border-radius:12px;box-shadow:0 4px 14px rgba(19,38,36,.03)}
  .eg-portal-essential-panel{padding:19px!important;border-radius:16px!important;background:var(--eg-app-soft-green)!important}
  .eg-portal-essential-links a{background:#fff;min-height:46px;border-radius:11px}

  .eg-portal-latest-list article{flex:0 0 88%!important;grid-template-columns:96px minmax(0,1fr)!important;border-radius:14px!important;padding:10px!important}
  .eg-portal-latest-image{height:90px!important}
  .eg-portal-latest-list h3{font-size:15px!important}

  .eg-business-box{padding:22px!important;border-radius:17px!important;background:linear-gradient(145deg,#fffaf3 0%,#eff9f6 100%)}
  .eg-business-box h2{font-size:25px!important}
  .eg-business-actions{width:100%;display:grid;grid-template-columns:1fr;gap:10px}
  .eg-business-actions .eg-app-button{width:100%}
  .eg-business-plan-link{justify-content:center;min-height:42px}

  .eg-app-footer{padding:40px 0 calc(92px + env(safe-area-inset-bottom))!important}
  .eg-app-footer-inner{gap:28px!important}
  .eg-app-footer-brand p{font-size:13.5px}
  .eg-app-footer-bottom{flex-direction:column;margin-top:24px!important}
  .eg-app-bottom-nav{
    height:calc(66px + env(safe-area-inset-bottom))!important;padding:0 8px env(safe-area-inset-bottom)!important;
    background:rgba(255,255,255,.98)!important;box-shadow:0 -8px 26px rgba(19,38,36,.08)!important
  }
  .eg-app-bottom-nav a,.eg-app-bottom-nav button{font-size:10.5px!important;gap:4px!important}
  .eg-app-bottom-nav .is-active{position:relative}
  .eg-app-bottom-nav .is-active:before{content:"";position:absolute;top:5px;width:26px;height:3px;border-radius:3px;background:var(--eg-green)}

  /* Article page: less oversized and more product-like. */
  .eg-article-main{padding-top:20px!important}
  .eg-article-breadcrumb{margin-bottom:16px!important;overflow:auto;white-space:nowrap}
  .eg-article-header h1{font-size:29px!important;line-height:1.12!important}
  .eg-article-deck{font-size:15.5px!important;line-height:1.55!important}
  .eg-article-meta{gap:7px 12px!important}
  .eg-article-hero{margin-top:20px!important;border-radius:14px!important}
  .eg-article-layout{gap:24px!important;margin-top:24px!important}
  .eg-article-rail{order:0!important}
  .eg-article-panel{border-radius:14px!important}
  .eg-article-related-card{flex-basis:84%!important}
}

@media(max-width:390px){
  .eg-portal-topline-inner{padding:18px 15px 16px}
  .eg-portal-topline h1{font-size:27px!important}
  .eg-portal-category-row{grid-template-columns:1fr 1fr!important}
  .eg-portal-category-row a{padding:9px 10px!important;font-size:12.5px!important}
  .eg-app-search-popular{grid-template-columns:1fr 1fr}
}

@media(prefers-reduced-motion:reduce){
  .eg-app-search-panel,.eg-app-drawer,.eg-app-layer{transition:none!important}
}
.eg-basic-listing-note{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0;padding:15px 17px;border:1px solid var(--eg-border);border-radius:13px;background:#f8fbfa}.eg-basic-listing-note>div{display:grid;gap:3px}.eg-basic-listing-note strong{font-size:13px}.eg-basic-listing-note span{color:var(--eg-muted);font-size:12px}.eg-basic-listing-note a{color:var(--eg-green);font-size:12px;font-weight:700;white-space:nowrap}@media(max-width:720px){.eg-basic-listing-note{align-items:flex-start;flex-direction:column}.eg-basic-listing-note a{white-space:normal}}