/* Alo Clinic Theta 1.9.39 — in-app Featured scientific articles feed. */
#app.alo-my-page-home .theta-science-articles-head > button {
  border: 0 !important;
  background: transparent !important;
  color: #0b8069 !important;
  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 5px 0 !important;
  white-space: nowrap !important;
}

#app.alo-my-page-home .theta-articles-feed-page {
  direction: rtl !important;
  width: 100% !important;
  max-width: 540px !important;
  margin: 0 auto !important;
  padding: 4px 4px 106px !important;
  color: #173b38 !important;
}

#app.alo-my-page-home .theta-articles-feed-head {
  display: grid !important;
  grid-template-columns: 74px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 14px 15px !important;
  margin: 4px 0 14px !important;
  border: 1px solid #dceae7 !important;
  border-radius: 25px !important;
  background: linear-gradient(145deg,#ffffff 0%,#f1fbf8 100%) !important;
  box-shadow: 0 12px 32px rgba(29,83,74,.08) !important;
}
#app.alo-my-page-home .theta-articles-feed-heart {
  width: 68px !important;
  height: 68px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background: radial-gradient(circle at 36% 30%,#63deb9 0,#19ad86 45%,#0b8069 100%) !important;
  box-shadow: 0 10px 24px rgba(11,128,105,.22), inset 0 0 0 7px rgba(255,255,255,.15) !important;
}
#app.alo-my-page-home .theta-articles-feed-heart svg {
  width: 38px !important;
  height: 38px !important;
  fill: #fff !important;
  filter: drop-shadow(0 3px 5px rgba(0,0,0,.08)) !important;
}
#app.alo-my-page-home .theta-articles-feed-head small {
  display: block !important;
  margin: 0 0 2px !important;
  color: #0b8069 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}
#app.alo-my-page-home .theta-articles-feed-head h1 {
  margin: 0 0 4px !important;
  font-size: 22px !important;
  line-height: 1.55 !important;
  font-weight: 900 !important;
  color: #173b38 !important;
}
#app.alo-my-page-home .theta-articles-feed-head p {
  margin: 0 !important;
  color: #708783 !important;
  font-size: 10.5px !important;
  line-height: 1.9 !important;
}

#app.alo-my-page-home .theta-articles-feed-list {
  display: grid !important;
  gap: 14px !important;
}
#app.alo-my-page-home .theta-article-feed-card {
  overflow: hidden !important;
  border: 1px solid #dde9e6 !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(29,83,74,.075) !important;
}
#app.alo-my-page-home .theta-article-feed-media {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 220px !important; /* Android 8 / legacy WebView fallback */
  aspect-ratio: 16/9 !important;
  overflow: hidden !important;
  background: linear-gradient(145deg,#d9f4ed,#0e8d73) !important;
  text-decoration: none !important;
}
#app.alo-my-page-home .theta-article-feed-media > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
#app.alo-my-page-home .theta-article-feed-media:after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 42% !important;
  background: linear-gradient(to top,rgba(8,67,57,.28),transparent) !important;
  pointer-events: none !important;
}
#app.alo-my-page-home .theta-article-feed-media.image-error > img { display:none!important; }
#app.alo-my-page-home .theta-article-feed-fallback {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
}
#app.alo-my-page-home .theta-article-feed-fallback svg {
  width: 92px !important;
  height: 92px !important;
  fill: rgba(255,255,255,.9) !important;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.08)) !important;
}
#app.alo-my-page-home .theta-article-feed-media .theta-article-feed-heart {
  position: absolute !important;
  right: 14px !important;
  bottom: 12px !important;
  z-index: 2 !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background: rgba(255,255,255,.95) !important;
  box-shadow: 0 7px 18px rgba(0,0,0,.13) !important;
}
#app.alo-my-page-home .theta-article-feed-media .theta-article-feed-heart svg {
  width: 24px !important;
  height: 24px !important;
  fill: #0c9477 !important;
}
#app.alo-my-page-home .theta-article-feed-body {
  padding: 13px 14px 15px !important;
}
#app.alo-my-page-home .theta-article-feed-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
}
#app.alo-my-page-home .theta-article-feed-meta > span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 25px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: #e4f6f1 !important;
  color: #087963 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}
#app.alo-my-page-home .theta-article-feed-meta > small {
  color: #839491 !important;
  font-size: 9px !important;
  white-space: nowrap !important;
}
#app.alo-my-page-home .theta-article-feed-body h2 {
  margin: 0 0 7px !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
  font-weight: 900 !important;
}
#app.alo-my-page-home .theta-article-feed-body h2 a {
  color: #173b38 !important;
  text-decoration: none !important;
}
#app.alo-my-page-home .theta-article-feed-body > p {
  margin: 0 0 10px !important;
  color: #667e7a !important;
  font-size: 10.5px !important;
  line-height: 2 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
}
#app.alo-my-page-home .theta-article-feed-read {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: #eef9f6 !important;
  color: #087963 !important;
  text-decoration: none !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

#app.alo-my-page-home .theta-article-feed-sentinel {
  min-height: 92px !important;
  padding: 18px 10px 8px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  color: #718783 !important;
  text-align: center !important;
}
#app.alo-my-page-home .theta-article-feed-sentinel > span {
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: #e8f7f3 !important;
}
#app.alo-my-page-home .theta-article-feed-sentinel > span svg {
  width: 21px !important;
  height: 21px !important;
  fill: #0c9477 !important;
}
#app.alo-my-page-home .theta-article-feed-sentinel.is-loading > span {
  animation: aloArticleHeartPulse 1s ease-in-out infinite alternate !important;
}
#app.alo-my-page-home .theta-article-feed-sentinel small { font-size: 9.5px!important; }
#app.alo-my-page-home .theta-article-feed-sentinel button {
  border: 0 !important;
  border-radius: 999px !important;
  background: #e8f7f3 !important;
  color: #087963 !important;
  padding: 8px 15px !important;
  font-family: inherit !important;
  font-weight: 800 !important;
}
#app.alo-my-page-home .theta-articles-feed-empty {
  min-height: 250px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  color: #718783 !important;
  text-align: center !important;
}
#app.alo-my-page-home .theta-articles-feed-empty > span {
  width: 76px !important;
  height: 76px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background: #e8f7f3 !important;
}
#app.alo-my-page-home .theta-articles-feed-empty svg { width:42px!important;height:42px!important;fill:#0c9477!important; }

@keyframes aloArticleHeartPulse {
  from { transform:scale(.92); opacity:.62; }
  to { transform:scale(1.08); opacity:1; }
}

@supports (aspect-ratio:16/9) {
  #app.alo-my-page-home .theta-article-feed-media { height:auto!important; }
}

@media (max-width:380px) {
  #app.alo-my-page-home .theta-article-feed-media { height:190px!important; }
  #app.alo-my-page-home .theta-articles-feed-page { padding-inline:0!important; }
  #app.alo-my-page-home .theta-articles-feed-head { grid-template-columns:60px minmax(0,1fr)!important; gap:10px!important; padding:11px!important; }
  #app.alo-my-page-home .theta-articles-feed-heart { width:56px!important; height:56px!important; }
  #app.alo-my-page-home .theta-articles-feed-heart svg { width:31px!important; height:31px!important; }
  #app.alo-my-page-home .theta-articles-feed-head h1 { font-size:19px!important; }
  #app.alo-my-page-home .theta-article-feed-body h2 { font-size:15px!important; }
}

@media (prefers-reduced-motion:reduce) {
  #app.alo-my-page-home .theta-article-feed-sentinel.is-loading > span { animation:none!important; }
}


/* Theta 1.9.51 — article feed card premium outline */
#app.alo-my-page-home .theta-article-feed-card{position:relative!important;border-color:rgba(18,151,118,.10)!important;box-shadow:0 14px 30px rgba(29,83,74,.06)!important}
#app.alo-my-page-home .theta-article-feed-card:before{content:""!important;position:absolute!important;inset:0!important;border-radius:24px!important;padding:1px!important;background:linear-gradient(135deg,rgba(33,192,136,.40) 0%,rgba(18,151,118,.18) 42%,rgba(18,151,118,.05) 72%,rgba(255,255,255,0) 100%)!important;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;pointer-events:none!important;opacity:.82!important}
#app.alo-my-page-home .theta-article-feed-card:after{content:""!important;position:absolute!important;top:14px!important;left:14px!important;width:24px!important;height:24px!important;border-top:1.2px solid rgba(28,185,129,.36)!important;border-left:1.2px solid rgba(28,185,129,.14)!important;border-radius:12px 0 0 0!important;box-shadow:0 0 16px rgba(28,185,129,.07)!important;pointer-events:none!important;opacity:.76!important}