/* Demangkarta V4.19.9.28
   Desktop density repair for Member badges and functional public Story discovery. */

/* --------------------------------------------------------------------------
   Member badge catalogue: remove dead vertical space and make progress visible.
   -------------------------------------------------------------------------- */
body[data-member-ui="v5"][data-current-path^="/member/gamifikasi/badge"] .member-game-console{
  align-content:start!important;
  grid-auto-rows:max-content!important;
}
body[data-member-ui="v5"][data-current-path^="/member/gamifikasi/badge"] .member-identity-preview,
body[data-member-ui="v5"][data-current-path^="/member/gamifikasi/badge"] .member-game-panel{
  min-height:0!important;
  height:auto!important;
}
body[data-member-ui="v5"] .member-badge-overview{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  min-width:0;
}
body[data-member-ui="v5"] .member-badge-overview>article{
  min-width:0;
  padding:16px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  gap:12px;
  border:1px solid #d8e7e2;
  border-radius:18px;
  background:linear-gradient(145deg,#f4faf7,#fff);
  box-shadow:0 8px 22px rgba(13,62,54,.055);
}
body[data-member-ui="v5"] .member-badge-overview>article>span{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid #cde6de;
  border-radius:15px;
  background:#e8f6f1;
  color:#08715c;
}
body[data-member-ui="v5"] .member-badge-overview svg{width:24px;height:24px}
body[data-member-ui="v5"] .member-badge-overview strong{
  display:block;
  color:#102d29;
  font-size:1.45rem;
  line-height:1;
}
body[data-member-ui="v5"] .member-badge-overview small{
  display:block;
  margin-top:5px;
  color:#657b76;
  font-size:.78rem;
  font-weight:800;
}
body[data-member-ui="v5"] .member-badge-catalog{
  min-height:0!important;
  align-self:start!important;
}
body[data-member-ui="v5"] .member-badge-catalog .member-identity-shop--achievement{
  width:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(310px,1fr))!important;
  grid-auto-rows:auto!important;
  align-items:stretch!important;
  align-content:start!important;
  gap:14px!important;
}
body[data-member-ui="v5"] .member-badge-catalog .member-identity-shop--achievement>article{
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:17px!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-content:start!important;
  align-items:start!important;
  gap:14px!important;
  border-radius:19px!important;
}
body[data-member-ui="v5"] .member-badge-catalog .traveler-identity-media{
  width:64px!important;
  height:64px!important;
  border-radius:18px!important;
}
body[data-member-ui="v5"] .member-badge-catalog .member-identity-shop__body{
  align-self:start!important;
}
body[data-member-ui="v5"] .member-badge-catalog .member-identity-shop__actions{
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin-top:2px!important;
  padding-top:13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  border-top:1px solid #e4ece9!important;
  text-align:right!important;
}
body[data-member-ui="v5"] .member-badge-catalog .member-badge-requirement{
  min-height:0!important;
  margin-top:12px!important;
}
body[data-member-ui="v5"] .member-badge-empty,
body[data-member-ui="v5"] .member-badge-empty .empty-state{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
}
body[data-member-ui="v5"] .member-badge-empty .empty-state{
  padding:38px 24px!important;
}

/* --------------------------------------------------------------------------
   Public Stories: discovery, identity icons, desktop density and real filters.
   -------------------------------------------------------------------------- */
body.app-context--public[data-public-suite="premium-v2"] .story-discovery-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);
  align-items:center;
  gap:28px;
  padding:34px;
  border:1px solid #cfe3dc;
  border-radius:28px;
  background:
    radial-gradient(circle at 95% 5%,rgba(32,169,135,.17),transparent 38%),
    linear-gradient(140deg,#eef9f5 0%,#fff 58%,#f4fbf8 100%);
  box-shadow:0 20px 50px rgba(14,64,55,.09);
}
body.app-context--public[data-public-suite="premium-v2"] .story-discovery-hero__copy{
  min-width:0;
  display:grid;
  gap:10px;
}
body.app-context--public[data-public-suite="premium-v2"] .story-discovery-hero .page-title{
  max-width:18ch;
  font-size:clamp(2.4rem,4.4vw,4.55rem);
  line-height:1.01;
}
body.app-context--public[data-public-suite="premium-v2"] .story-discovery-hero .page-subtitle{
  max-width:62ch;
  font-size:1rem;
  line-height:1.65;
}
body.app-context--public[data-public-suite="premium-v2"] .story-hero-actions{
  margin-top:6px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
body.app-context--public[data-public-suite="premium-v2"] .story-hero-stats{
  min-width:0;
  display:grid;
  gap:10px;
}
body.app-context--public[data-public-suite="premium-v2"] .story-hero-stats>article{
  min-width:0;
  padding:15px 17px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:12px;
  border:1px solid rgba(159,204,190,.62);
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:0 8px 24px rgba(14,64,55,.06);
  backdrop-filter:blur(10px);
}
body.app-context--public[data-public-suite="premium-v2"] .story-hero-stats>article>span{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:#e4f5ef;
  color:#08735d;
}
body.app-context--public[data-public-suite="premium-v2"] .story-hero-stats svg{width:24px;height:24px}
body.app-context--public[data-public-suite="premium-v2"] .story-hero-stats strong{
  display:block;
  color:#0f302a;
  font-size:1.55rem;
  line-height:1;
}
body.app-context--public[data-public-suite="premium-v2"] .story-hero-stats small{
  display:block;
  margin-top:5px;
  color:#667b75;
  font-size:.78rem;
  font-weight:800;
}

body.app-context--public[data-public-suite="premium-v2"] .story-discovery-toolbar{
  width:min(100%,1180px);
  margin:18px auto;
  padding:12px;
  display:grid;
  grid-template-columns:minmax(280px,1fr) minmax(150px,190px) minmax(150px,190px) auto auto;
  align-items:center;
  gap:9px;
  border:1px solid #d8e7e2;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 30px rgba(14,64,55,.065);
}
body.app-context--public[data-public-suite="premium-v2"] .story-discovery-toolbar label{margin:0}
body.app-context--public[data-public-suite="premium-v2"] .story-discovery-toolbar :where(input,select){
  width:100%;
  min-height:46px;
  margin:0;
  border:1px solid #d4e3de;
  border-radius:14px;
  background:#f8fbfa;
  color:#173c35;
}
body.app-context--public[data-public-suite="premium-v2"] .story-search-field{
  position:relative;
  min-width:0;
}
body.app-context--public[data-public-suite="premium-v2"] .story-search-field>span{
  position:absolute;
  left:14px;
  top:50%;
  z-index:1;
  width:20px;
  height:20px;
  color:#6a7f79;
  transform:translateY(-50%);
  pointer-events:none;
}
body.app-context--public[data-public-suite="premium-v2"] .story-search-field svg{width:20px;height:20px}
body.app-context--public[data-public-suite="premium-v2"] .story-search-field input{padding-left:44px}
body.app-context--public[data-public-suite="premium-v2"] .story-discovery-toolbar .btn{
  min-height:46px;
  white-space:nowrap;
}

body.app-context--public[data-public-suite="premium-v2"] .story-discovery-shell,
body.app-context--public[data-public-suite="premium-v2"] .story-detail-shell{
  width:min(100%,1180px)!important;
  margin-inline:auto!important;
}
body.app-context--public[data-public-suite="premium-v2"] .story-feed-layout,
body.app-context--public[data-public-suite="premium-v2"] .story-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(290px,340px);
  align-items:start;
  gap:20px;
}
body.app-context--public[data-public-suite="premium-v2"] :where(.story-feed-main,.story-detail-main){min-width:0}
body.app-context--public[data-public-suite="premium-v2"] .story-feed-aside{
  min-width:0;
  position:sticky;
  top:92px;
  display:grid;
  gap:14px;
}
body.app-context--public[data-public-suite="premium-v2"] .story-feed-heading{
  margin-bottom:12px;
  padding:2px 3px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}
body.app-context--public[data-public-suite="premium-v2"] .story-feed-heading span,
body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-label,
body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-card__head>div>span{
  color:#07836a;
  font-size:.7rem;
  font-weight:950;
  letter-spacing:.16em;
}
body.app-context--public[data-public-suite="premium-v2"] .story-feed-heading h2{
  margin:4px 0 0;
  color:#102d29;
  font-size:clamp(1.45rem,2.5vw,2.1rem);
  line-height:1.15;
}
body.app-context--public[data-public-suite="premium-v2"] .story-feed-heading>strong{
  flex:none;
  color:#60766f;
  font-size:.8rem;
}

body.app-context--public[data-public-suite="premium-v2"] .story-feed{gap:14px}
body.app-context--public[data-public-suite="premium-v2"] .story-post--feed{
  box-shadow:0 12px 34px rgba(14,64,55,.075);
}
body.app-context--public[data-public-suite="premium-v2"] .story-post--feed.has-media{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,38%);
  grid-template-areas:"header media" "body media" "actions media";
  align-items:stretch;
}
body.app-context--public[data-public-suite="premium-v2"] .story-post--feed.has-media .story-post__header{grid-area:header}
body.app-context--public[data-public-suite="premium-v2"] .story-post--feed.has-media .story-post__body{grid-area:body}
body.app-context--public[data-public-suite="premium-v2"] .story-post--feed.has-media .story-post__media{
  grid-area:media;
  min-height:270px;
  height:100%;
  border-top:0;
  border-left:1px solid #e6efec;
}
body.app-context--public[data-public-suite="premium-v2"] .story-post--feed.has-media .story-action-bar{grid-area:actions}
body.app-context--public[data-public-suite="premium-v2"] .story-post--feed .story-post__body h2{
  font-size:clamp(1.2rem,2vw,1.55rem);
  line-height:1.25;
}
body.app-context--public[data-public-suite="premium-v2"] .story-post--feed .story-post__body p{
  font-size:.91rem;
  line-height:1.65;
}
body.app-context--public[data-public-suite="premium-v2"] .story-reading-time,
body.app-context--public[data-public-suite="premium-v2"] .story-reading-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#6a7e78;
  font-size:.75rem;
  font-weight:800;
}
body.app-context--public[data-public-suite="premium-v2"] .story-reading-time{
  min-height:38px;
  padding-inline:8px;
}
body.app-context--public[data-public-suite="premium-v2"] .story-reading-time svg,
body.app-context--public[data-public-suite="premium-v2"] .story-reading-label svg{width:17px;height:17px}
body.app-context--public[data-public-suite="premium-v2"] .story-reading-label{margin-bottom:10px;color:#08735d}

/* Identity is no longer plain text: level and badge each have a visible emblem. */
body.app-context--public[data-public-suite="premium-v2"] .story-author__copy{
  display:grid!important;
  align-items:start!important;
  gap:4px!important;
}
body.app-context--public[data-public-suite="premium-v2"] .story-author__headline{
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}
body.app-context--public[data-public-suite="premium-v2"] .story-author__type{
  padding:3px 7px;
  border-radius:999px;
  background:#eef5f2;
  color:#61756f;
  font-size:.62rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
body.app-context--public[data-public-suite="premium-v2"] .story-author__identities{
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
}
body.app-context--public[data-public-suite="premium-v2"] .story-identity-chip{
  min-width:0;
  max-width:100%;
  padding:3px 8px 3px 4px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  border:1px solid #cfe6de;
  border-radius:999px;
  background:#edf8f4;
  color:#0a705b;
  font-size:.68rem;
  font-weight:850;
  line-height:1.2;
}
body.app-context--public[data-public-suite="premium-v2"] .story-identity-chip--badge{
  border-color:#ead9a9;
  background:#fff9e9;
  color:#7b5b12;
}
body.app-context--public[data-public-suite="premium-v2"] .story-identity-chip__icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  background:rgba(255,255,255,.82);
}
body.app-context--public[data-public-suite="premium-v2"] .story-identity-chip__icon :where(svg,img){
  width:14px;
  height:14px;
  object-fit:cover;
}
body.app-context--public[data-public-suite="premium-v2"] .story-author time{margin-top:1px}

body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-card{
  min-width:0;
  padding:18px;
  border:1px solid #d8e7e2;
  border-radius:21px;
  background:#fff;
  box-shadow:0 12px 32px rgba(14,64,55,.065);
}
body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-card__head{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:12px;
}
body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-card__icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#e8f6f1;
  color:#08735d;
}
body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-card__icon svg{width:21px;height:21px}
body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-card h2{
  margin:3px 0 0;
  color:#102d29;
  font-size:1.12rem;
  line-height:1.25;
}
body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-card p{
  margin:9px 0 0;
  color:#657a74;
  font-size:.84rem;
  line-height:1.6;
}
body.app-context--public[data-public-suite="premium-v2"] .story-highlight-list{display:grid}
body.app-context--public[data-public-suite="premium-v2"] .story-highlight-item{
  min-width:0;
  padding:11px 0;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  align-items:center;
  gap:10px;
  border-bottom:1px solid #e9f0ed;
  color:inherit;
  text-decoration:none;
}
body.app-context--public[data-public-suite="premium-v2"] .story-highlight-item:last-child{border-bottom:0;padding-bottom:0}
body.app-context--public[data-public-suite="premium-v2"] .story-highlight-item__media,
body.app-context--public[data-public-suite="premium-v2"] .story-highlight-item__rank{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:14px;
  background:#e9f6f1;
  color:#08735d;
  font-size:1.1rem;
  font-weight:950;
}
body.app-context--public[data-public-suite="premium-v2"] .story-highlight-item__media img{width:100%;height:100%;object-fit:cover}
body.app-context--public[data-public-suite="premium-v2"] .story-highlight-item__copy{min-width:0}
body.app-context--public[data-public-suite="premium-v2"] .story-highlight-item__copy strong{
  display:-webkit-box;
  overflow:hidden;
  color:#17332e;
  font-size:.82rem;
  line-height:1.35;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body.app-context--public[data-public-suite="premium-v2"] .story-highlight-item__copy small{
  display:block;
  margin-top:4px;
  overflow:hidden;
  color:#71837e;
  font-size:.68rem;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-guide ul{
  margin:13px 0 16px;
  padding-left:18px;
  color:#5f756e;
  font-size:.82rem;
  line-height:1.62;
}
body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-guide .btn,
body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-cta .btn,
body.app-context--public[data-public-suite="premium-v2"] .story-author-profile .btn{
  width:100%;
  margin-top:14px;
}
body.app-context--public[data-public-suite="premium-v2"] .story-author-profile .story-author{margin-top:12px}
body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-cta{
  background:linear-gradient(145deg,#0b705c,#0b8a70);
  color:#fff;
}
body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-cta .story-sidebar-card__icon{
  background:rgba(255,255,255,.14);
  color:#fff;
}
body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-cta :where(h2,p){color:#fff}
body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-cta p{color:rgba(255,255,255,.82)}
body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-cta .btn{
  border-color:#fff;
  background:#fff;
  color:#08634f;
}

body.app-context--public[data-public-suite="premium-v2"] .story-detail-main .story-post--detail{
  box-shadow:0 14px 38px rgba(14,64,55,.08);
}
body.app-context--public[data-public-suite="premium-v2"] .story-detail-main .story-post__body{
  padding:12px 28px 26px;
}
body.app-context--public[data-public-suite="premium-v2"] .story-detail-main .story-post__header{padding:20px 28px 10px}
body.app-context--public[data-public-suite="premium-v2"] .story-detail-main .story-post__text{
  margin-top:22px;
  color:#304b45;
  font-size:1rem;
  line-height:1.82;
}
body.app-context--public[data-public-suite="premium-v2"] .story-comment__author{
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}
body.app-context--public[data-public-suite="premium-v2"] .story-comment .story-author__identities{display:inline-flex}
body.app-context--public[data-public-suite="premium-v2"] .story-comment .story-identity-chip{
  padding-right:6px;
  font-size:.62rem;
}
body.app-context--public[data-public-suite="premium-v2"] .story-comment .story-identity-chip__icon{
  width:18px;
  height:18px;
  flex-basis:18px;
}
body.app-context--public[data-public-suite="premium-v2"] .story-comment .story-identity-chip__icon :where(svg,img){width:12px;height:12px}

@media(max-width:1023px){
  body.app-context--public[data-public-suite="premium-v2"] .story-discovery-hero{
    grid-template-columns:1fr;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-hero-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-discovery-toolbar{
    grid-template-columns:minmax(0,1fr) repeat(2,minmax(140px,180px)) auto;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-discovery-toolbar>a{grid-column:1/-1;justify-self:start}
  body.app-context--public[data-public-suite="premium-v2"] .story-feed-layout,
  body.app-context--public[data-public-suite="premium-v2"] .story-detail-layout{
    grid-template-columns:1fr;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-feed-aside{
    position:static;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-feed-aside>:only-child{grid-column:1/-1}
}

@media(max-width:767px){
  body[data-member-ui="v5"] .member-badge-overview{
    display:flex;
    flex-wrap:nowrap;
    gap:10px;
    overflow-x:auto;
    margin-inline:-16px;
    padding:1px 16px 8px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  body[data-member-ui="v5"] .member-badge-overview::-webkit-scrollbar{display:none}
  body[data-member-ui="v5"] .member-badge-overview>article{
    flex:0 0 190px;
    min-width:190px;
    scroll-snap-align:start;
  }
  body[data-member-ui="v5"] .member-badge-catalog .member-identity-shop--achievement{
    grid-template-columns:1fr!important;
  }
  body[data-member-ui="v5"] .member-badge-catalog .member-identity-shop--achievement>article{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:12px!important;
  }
  body[data-member-ui="v5"] .member-badge-catalog .traveler-identity-media{
    width:54px!important;
    height:54px!important;
  }

  body.app-context--public[data-public-suite="premium-v2"] .story-discovery-hero{
    padding:19px 16px;
    border-radius:22px;
    gap:18px;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-discovery-hero .page-title{
    font-size:clamp(2rem,10vw,3rem);
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-hero-actions .btn{flex:1 1 auto}
  body.app-context--public[data-public-suite="premium-v2"] .story-hero-stats{
    display:flex;
    grid-template-columns:none;
    gap:9px;
    overflow-x:auto;
    margin-inline:-16px;
    padding:1px 16px 7px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-hero-stats::-webkit-scrollbar{display:none}
  body.app-context--public[data-public-suite="premium-v2"] .story-hero-stats>article{
    flex:0 0 190px;
    scroll-snap-align:start;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-discovery-toolbar{
    width:100%;
    margin:13px 0;
    padding:10px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    border-radius:17px;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-discovery-toolbar .story-search-field{
    grid-column:1/-1;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-discovery-toolbar .btn{width:100%}
  body.app-context--public[data-public-suite="premium-v2"] .story-discovery-toolbar>a{grid-column:auto;justify-self:stretch}
  body.app-context--public[data-public-suite="premium-v2"] .story-discovery-shell,
  body.app-context--public[data-public-suite="premium-v2"] .story-detail-shell{
    width:calc(100% + 1.5rem)!important;
    margin-left:-.75rem!important;
    margin-right:-.75rem!important;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-feed-heading{
    padding-inline:.9rem;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-feed-heading>strong{display:none}
  body.app-context--public[data-public-suite="premium-v2"] .story-post--feed.has-media{
    display:block;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-post--feed.has-media .story-post__media{
    min-height:0;
    height:auto;
    border-left:0;
    border-top:1px solid #e6efec;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-reading-time{display:none}
  body.app-context--public[data-public-suite="premium-v2"] .story-feed-aside{
    grid-template-columns:1fr;
    padding:0 .75rem .75rem;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-sidebar-card{
    border-radius:18px;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-detail-main .story-post__header{
    padding:.9rem .9rem .45rem;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-detail-main .story-post__body{
    padding:.3rem .9rem .85rem;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-detail-main .story-post__text{
    margin-top:16px;
    font-size:.94rem;
    line-height:1.7;
  }
}

@media(max-width:479px){
  body.app-context--public[data-public-suite="premium-v2"] .story-discovery-toolbar{
    grid-template-columns:1fr;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-discovery-toolbar .story-search-field,
  body.app-context--public[data-public-suite="premium-v2"] .story-discovery-toolbar>a{
    grid-column:1;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-author__identities{
    gap:4px;
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-identity-chip{
    max-width:calc(100vw - 110px);
  }
  body.app-context--public[data-public-suite="premium-v2"] .story-identity-chip>span:last-child{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}