/*
 * HormozganLive Mobile App Home v1
 * تمام کلاس‌ها namespaced هستند و در دسکتاپ هیچ اثری ندارند.
 */
.hlm-app,.hlm-story-viewer,.hlm-drawer{display:none}

@media (max-width:767px){
  :root{
    --hlm-sea:#087f7b;
    --hlm-sea-dark:#075c61;
    --hlm-blue:#1557a3;
    --hlm-sun:#f39a24;
    --hlm-coral:#ef574f;
    --hlm-sand:#f7f1e7;
    --hlm-ink:#142738;
    --hlm-muted:#70808d;
    --hlm-line:#e4e9e9;
    --hlm-card:#fff;
    --hlm-bg:#f7f9f8;
  }

  body{
    background:var(--hlm-bg)!important;
    padding-bottom:76px!important;
    overflow-x:hidden;
  }

  body>.topbar,
  body>.category-rail,
  body>main.page,
  body>.mobile-bottom,
  body>.footer{
    display:none!important;
  }

  .hlm-app{
    display:block;
    min-height:100vh;
    direction:rtl;
    color:var(--hlm-ink);
    font-family:Vazirmatn,Tahoma,sans-serif;
  }

  .hlm-header{
    height:68px;
    padding:8px 14px;
    display:grid;
    grid-template-columns:44px 1fr 44px;
    align-items:center;
    gap:8px;
    position:sticky;
    top:0;
    z-index:80;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(225,232,232,.9);
  }

  .hlm-icon-btn{
    width:42px;height:42px;
    border:0;
    border-radius:13px;
    background:transparent;
    color:var(--hlm-ink);
    display:grid;
    place-items:center;
    font-size:24px;
    text-decoration:none;
  }

  .hlm-brand{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    text-decoration:none;
  }

  .hlm-brand-mark{
    width:38px;height:38px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#fff;
    font-weight:900;
    font-size:20px;
    background:linear-gradient(145deg,var(--hlm-sea),#29b6a7 62%,var(--hlm-sun));
    box-shadow:0 7px 18px rgba(8,127,123,.2);
  }

  .hlm-brand strong{
    display:block;
    font-size:17px;
    color:var(--hlm-sea-dark);
    line-height:1.25;
  }

  .hlm-brand small{
    display:block;
    color:var(--hlm-muted);
    font-size:8.5px;
    line-height:1.4;
  }

  .hlm-stories-section{
    background:#fff;
    padding:13px 0 12px;
    border-bottom:1px solid var(--hlm-line);
  }

  .hlm-section-title{
    padding:0 15px;
    margin-bottom:10px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px;
  }

  .hlm-section-title h2{
    margin:0;
    font-size:18px;
    line-height:1.45;
  }

  .hlm-section-title small{
    display:block;
    color:var(--hlm-sea);
    font-size:10px;
    font-weight:700;
  }

  .hlm-section-title a,
  .hlm-section-title button{
    border:0;
    background:none;
    padding:0;
    color:var(--hlm-sea);
    font-size:11px;
    font-family:inherit;
    text-decoration:none;
  }

  .hlm-stories{
    display:flex;
    gap:12px;
    overflow-x:auto;
    padding:2px 15px 3px;
    scrollbar-width:none;
    scroll-snap-type:x proximity;
  }
  .hlm-stories::-webkit-scrollbar{display:none}

  .hlm-story-item{
    flex:0 0 72px;
    border:0;
    padding:0;
    background:none;
    font-family:inherit;
    text-align:center;
    scroll-snap-align:start;
  }

  .hlm-story-ring{
    width:68px;height:68px;
    padding:3px;
    margin:auto;
    border-radius:50%;
    background:conic-gradient(var(--hlm-coral),var(--hlm-sun),var(--hlm-sea),var(--hlm-coral));
    position:relative;
  }

  .hlm-story-ring.seen{background:#dce3e4}
  .hlm-story-ring img,
  .hlm-story-placeholder{
    width:100%;height:100%;
    border:3px solid #fff;
    border-radius:50%;
    object-fit:cover;
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,#d8f1ed,#f7eee0);
    color:var(--hlm-sea);
    font-weight:900;
  }

  .hlm-story-live{
    position:absolute;
    left:-2px;bottom:1px;
    padding:1px 5px;
    border-radius:8px;
    color:#fff;
    background:var(--hlm-coral);
    font-size:7px;
    border:2px solid #fff;
  }

  .hlm-story-item b{
    display:block;
    margin-top:5px;
    font-size:9.5px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#334756;
  }

  .hlm-story-skeleton{
    flex:0 0 68px;
    height:68px;
    border-radius:50%;
    background:linear-gradient(90deg,#edf1f1,#f8fafa,#edf1f1);
    background-size:200% 100%;
    animation:hlmShimmer 1.4s infinite;
  }

  .hlm-hero{
    margin:12px 11px 0;
    min-height:386px;
    border-radius:22px;
    overflow:hidden;
    position:relative;
    background:#0e2835;
    box-shadow:0 14px 32px rgba(31,55,67,.13);
  }

  .hlm-hero-card{
    min-height:386px;
    position:relative;
    color:#fff;
  }

  .hlm-hero-card>img,
  .hlm-hero-placeholder{
    position:absolute;inset:0;
    width:100%;height:100%;
    object-fit:cover;
  }

  .hlm-hero-placeholder{
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,#0b6b72,#1b568d);
    font-size:80px;
    color:rgba(255,255,255,.7);
  }

  .hlm-hero-shade{
    position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(5,20,31,.08) 18%,rgba(5,18,29,.94) 100%);
  }

  .hlm-hero-copy{
    position:absolute;
    right:18px;left:18px;bottom:24px;
    z-index:2;
  }

  .hlm-tags{display:flex;gap:6px;flex-wrap:wrap}
  .hlm-tag{
    display:inline-flex;
    padding:4px 9px;
    color:#fff;
    border-radius:8px;
    background:var(--hlm-sea);
    font-size:9px;
    font-weight:700;
  }
  .hlm-tag.breaking{background:var(--hlm-coral)}
  .hlm-tag.economy{background:var(--hlm-blue)}
  .hlm-tag.sport{background:#7050a9}

  .hlm-hero h1{
    font-size:23px;
    line-height:1.65;
    margin:10px 0 8px;
    text-shadow:0 2px 12px rgba(0,0,0,.25);
  }

  .hlm-hero p{
    margin:0;
    font-size:11px;
    line-height:1.8;
    color:rgba(255,255,255,.86);
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .hlm-hero-meta{
    margin-top:12px;
    display:flex;
    gap:10px;
    align-items:center;
    font-size:9.5px;
    color:rgba(255,255,255,.82);
  }

  .hlm-hero-actions{
    position:absolute;
    left:14px;top:14px;
    z-index:3;
    display:flex;
    gap:7px;
  }

  .hlm-hero-actions button{
    width:38px;height:38px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:12px;
    background:rgba(8,28,39,.42);
    backdrop-filter:blur(8px);
    color:#fff;
    font-size:18px;
  }

  .hlm-hero-dots{
    position:absolute;
    left:0;right:0;bottom:9px;
    z-index:3;
    display:flex;
    justify-content:center;
    gap:5px;
  }

  .hlm-hero-dots i{
    width:6px;height:6px;
    border-radius:10px;
    background:rgba(255,255,255,.45);
  }
  .hlm-hero-dots i.active{width:22px;background:var(--hlm-sun)}

  .hlm-quick-grid{
    margin:12px 11px 0;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:7px;
  }

  .hlm-quick-grid a{
    min-width:0;
    height:72px;
    background:#fff;
    border:1px solid var(--hlm-line);
    border-radius:17px;
    box-shadow:0 7px 18px rgba(37,61,72,.045);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:var(--hlm-ink);
  }

  .hlm-quick-grid span{
    font-size:24px;
    color:var(--hlm-sea);
    line-height:1;
  }

  .hlm-quick-grid b{
    font-size:8.5px;
    margin-top:7px;
    white-space:nowrap;
  }

  .hlm-section{
    margin:13px 11px 0;
    padding:15px 0;
    background:#fff;
    border:1px solid var(--hlm-line);
    border-radius:20px;
    box-shadow:0 9px 24px rgba(35,64,75,.045);
  }

  .hlm-news-list{padding:0 12px}

  .hlm-news-item{
    display:grid;
    grid-template-columns:94px minmax(0,1fr) 44px;
    gap:11px;
    align-items:center;
    padding:11px 0;
    border-bottom:1px solid #edf1f1;
  }
  .hlm-news-item:last-child{border-bottom:0}

  .hlm-news-thumb{
    width:94px;height:76px;
    border-radius:12px;
    overflow:hidden;
    background:#eaf1f1;
  }
  .hlm-news-thumb img{width:100%;height:100%;object-fit:cover}
  .hlm-news-placeholder{height:100%;display:grid;place-items:center;color:var(--hlm-sea);font-weight:900}

  .hlm-news-copy{min-width:0}
  .hlm-news-copy h3{
    margin:0 0 5px;
    font-size:13px;
    line-height:1.7;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .hlm-news-copy a{text-decoration:none;color:inherit}
  .hlm-news-meta{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    color:var(--hlm-muted);
    font-size:8.5px;
  }

  .hlm-news-time{
    text-align:left;
    color:var(--hlm-muted);
    font-size:9px;
  }

  .hlm-more-btn{
    display:block;
    width:calc(100% - 24px);
    height:44px;
    margin:12px auto 0;
    border:0;
    border-radius:12px;
    background:linear-gradient(90deg,var(--hlm-sea),#15a99c);
    color:#fff;
    font-family:inherit;
    font-weight:700;
  }

  .hlm-featured-scroll,
  .hlm-dossier-scroll{
    display:flex;
    gap:11px;
    overflow-x:auto;
    padding:1px 12px 4px;
    scrollbar-width:none;
    scroll-snap-type:x mandatory;
  }
  .hlm-featured-scroll::-webkit-scrollbar,
  .hlm-dossier-scroll::-webkit-scrollbar{display:none}

  .hlm-featured-card{
    flex:0 0 78%;
    height:210px;
    border-radius:17px;
    overflow:hidden;
    position:relative;
    background:#15313e;
    scroll-snap-align:center;
    text-decoration:none;
    color:#fff;
  }

  .hlm-featured-card img,
  .hlm-featured-card .hlm-card-placeholder{
    width:100%;height:100%;object-fit:cover;
  }

  .hlm-featured-card:after{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(180deg,transparent 30%,rgba(4,18,27,.92));
  }

  .hlm-featured-copy{
    position:absolute;z-index:2;
    right:14px;left:14px;bottom:14px;
  }

  .hlm-featured-copy h3{
    margin:7px 0 4px;
    font-size:16px;
    line-height:1.65;
  }

  .hlm-featured-copy small{font-size:9px;color:rgba(255,255,255,.78)}

  .hlm-live-box{
    background:linear-gradient(180deg,#fff,#fbf7f0);
  }

  .hlm-live-pill{
    padding:3px 9px;
    border-radius:20px;
    color:#fff;
    background:var(--hlm-coral);
    font-size:9px;
  }

  .hlm-live-row{
    margin:0 13px;
    padding:10px 0;
    display:grid;
    grid-template-columns:46px 1fr;
    gap:9px;
    border-bottom:1px solid #eee9e2;
  }

  .hlm-live-row time{
    color:var(--hlm-sea);
    font-size:9px;
    font-weight:700;
  }

  .hlm-live-row a{
    text-decoration:none;
    color:var(--hlm-ink);
    font-size:11px;
    line-height:1.65;
  }

  .hlm-text-link{
    display:block;
    margin:12px 13px 0;
    color:var(--hlm-sea);
    text-decoration:none;
    font-size:10px;
    font-weight:700;
  }

  .hlm-dossier-card{
    flex:0 0 74%;
    border-radius:16px;
    border:1px solid var(--hlm-line);
    overflow:hidden;
    background:#fff;
    text-decoration:none;
    color:var(--hlm-ink);
    scroll-snap-align:start;
  }

  .hlm-dossier-card img,
  .hlm-dossier-image{
    width:100%;height:120px;object-fit:cover;
    background:linear-gradient(145deg,#dcecea,#efe3cf);
    display:grid;place-items:center;
    color:var(--hlm-sea);
    font-size:28px;font-weight:900;
  }

  .hlm-dossier-copy{padding:10px}
  .hlm-dossier-copy h3{margin:0 0 7px;font-size:13px;line-height:1.65}
  .hlm-dossier-copy small{font-size:8.5px;color:var(--hlm-muted)}

  .hlm-city-grid{
    padding:0 12px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
  }

  .hlm-city{
    text-align:center;
    text-decoration:none;
    color:var(--hlm-ink);
    font-size:9px;
  }

  .hlm-city span{
    width:58px;height:58px;
    margin:auto auto 5px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#fff;
    font-size:11px;
    font-weight:800;
    background:
      linear-gradient(rgba(7,93,96,.2),rgba(7,93,96,.5)),
      linear-gradient(145deg,#39b5bc,#1d659a);
    border:3px solid #fff;
    box-shadow:0 0 0 1px #d9e4e4;
  }

  .hlm-page-space{height:20px}

  .hlm-bottom-nav{
    position:fixed;
    right:0;left:0;bottom:0;
    z-index:90;
    height:66px;
    padding-bottom:env(safe-area-inset-bottom);
    display:grid;
    grid-template-columns:repeat(5,1fr);
    align-items:center;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(15px);
    border-top:1px solid var(--hlm-line);
    box-shadow:0 -8px 24px rgba(34,58,69,.08);
  }

  .hlm-bottom-nav a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    text-decoration:none;
    color:#74828e;
  }

  .hlm-bottom-nav span{font-size:21px;line-height:1}
  .hlm-bottom-nav b{font-size:8.5px}
  .hlm-bottom-nav a.active{color:var(--hlm-sea)}

  .hlm-skeleton{
    background:linear-gradient(90deg,#e9eeee,#f7f9f9,#e9eeee);
    background-size:200% 100%;
    animation:hlmShimmer 1.4s infinite;
  }
  .hlm-skeleton-hero{height:386px}
  .hlm-skeleton-row{height:92px;margin:10px 12px;border-radius:13px}
  @keyframes hlmShimmer{to{background-position:-200% 0}}

  /* Story viewer */
  .hlm-story-viewer{
    position:fixed;
    inset:0;
    z-index:1000;
    background:#061620;
    color:#fff;
  }

  .hlm-story-viewer.open{
    display:flex;
    flex-direction:column;
  }

  .hlm-story-progress{
    position:absolute;
    top:8px;
    right:8px;left:8px;
    z-index:10;
    display:flex;
    gap:4px;
  }

  .hlm-story-progress span{
    flex:1;height:3px;
    border-radius:5px;
    background:rgba(255,255,255,.32);
    overflow:hidden;
  }

  .hlm-story-progress i{
    display:block;
    height:100%;width:0;
    background:#fff;
  }

  .hlm-story-progress span.done i{width:100%}
  .hlm-story-progress span.active i{animation:hlmStoryProgress 7s linear forwards}
  @keyframes hlmStoryProgress{to{width:100%}}

  .hlm-story-viewer>header{
    height:70px;
    padding:17px 13px 8px;
    z-index:8;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:absolute;
    top:0;right:0;left:0;
  }

  .hlm-story-viewer>header button{
    width:40px;height:40px;
    border:0;background:transparent;
    color:#fff;font-size:32px;
  }

  .hlm-story-source{display:flex;align-items:center;gap:9px}
  .hlm-story-avatar{
    width:36px;height:36px;
    border-radius:50%;
    display:grid;place-items:center;
    background:var(--hlm-sea);
    border:2px solid #fff;
    font-weight:900;
  }

  .hlm-story-source strong{display:block;font-size:12px}
  .hlm-story-source small{display:block;font-size:9px;color:rgba(255,255,255,.7)}

  .hlm-story-media{position:absolute;inset:0}
  .hlm-story-media>img{
    width:100%;height:100%;
    object-fit:cover;
    background:#0d2732;
  }
  .hlm-story-gradient{
    position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(2,14,22,.28),transparent 35%,rgba(2,13,21,.94));
  }

  .hlm-story-copy{
    position:absolute;
    z-index:5;
    right:20px;left:20px;bottom:115px;
  }

  .hlm-story-copy h2{
    font-size:25px;line-height:1.7;margin:10px 0;
  }

  .hlm-story-copy p{
    font-size:12px;line-height:1.9;
    color:rgba(255,255,255,.84);
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  }

  .hlm-story-copy a{
    display:inline-flex;
    margin-top:8px;
    padding:10px 18px;
    border-radius:12px;
    color:var(--hlm-ink);
    background:#fff;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
  }

  .hlm-story-zone{
    position:absolute;
    top:65px;bottom:95px;
    width:42%;
    border:0;background:transparent;
    z-index:4;
  }
  .hlm-story-zone.prev{right:0}
  .hlm-story-zone.next{left:0}

  .hlm-story-viewer>footer{
    position:absolute;
    right:0;left:0;bottom:0;
    z-index:8;
    height:88px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    background:linear-gradient(transparent,rgba(2,14,22,.78));
    padding-bottom:env(safe-area-inset-bottom);
  }

  .hlm-story-viewer>footer button{
    min-width:62px;
    border:0;background:transparent;color:#fff;
    display:grid;place-items:center;gap:2px;
    font-family:inherit;
  }

  .hlm-story-viewer>footer span{font-size:25px}
  .hlm-story-viewer>footer b{font-size:9px}
  .hlm-story-viewer>footer button.active span{color:var(--hlm-coral)}

  /* Drawer */
  .hlm-drawer{
    position:fixed;inset:0;z-index:950;
  }
  .hlm-drawer.open{display:block}
  .hlm-drawer-backdrop{
    position:absolute;inset:0;border:0;
    background:rgba(15,34,45,.4);
  }
  .hlm-drawer aside{
    position:absolute;top:0;bottom:0;right:0;
    width:min(84vw,330px);
    background:#fff;
    padding:18px;
    box-shadow:-18px 0 45px rgba(15,34,45,.2);
    animation:hlmDrawerIn .22s ease-out;
  }
  @keyframes hlmDrawerIn{from{transform:translateX(100%)}}

  .hlm-drawer-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:18px;
    border-bottom:1px solid var(--hlm-line);
  }
  .hlm-drawer-head .hlm-brand{justify-content:flex-start}
  .hlm-drawer-head button{
    width:38px;height:38px;border:0;border-radius:12px;
    background:#f0f4f4;font-size:25px;
  }
  .hlm-drawer nav{display:grid;padding-top:12px}
  .hlm-drawer nav a{
    padding:13px 7px;
    border-bottom:1px solid #edf1f1;
    text-decoration:none;
    color:var(--hlm-ink);
    font-size:13px;
  }
}

@media (min-width:768px){
  .hlm-app,.hlm-story-viewer,.hlm-drawer{display:none!important}
}


/* Mobile visual corrections v1.0.2 */
@media (max-width:767px){

  /* Story avatars must remain perfectly circular regardless of inherited styles. */
  .hlm-story-item{
    flex:0 0 76px !important;
    width:76px !important;
    min-width:76px !important;
    max-width:76px !important;
    overflow:visible !important;
  }

  .hlm-story-ring{
    display:block !important;
    box-sizing:border-box !important;
    width:68px !important;
    height:68px !important;
    min-width:68px !important;
    min-height:68px !important;
    max-width:68px !important;
    max-height:68px !important;
    aspect-ratio:1/1 !important;
    padding:3px !important;
    overflow:visible !important;
    border-radius:50% !important;
    line-height:0 !important;
  }

  .hlm-story-ring > img,
  .hlm-story-ring > .hlm-story-placeholder{
    display:block !important;
    box-sizing:border-box !important;
    width:62px !important;
    height:62px !important;
    min-width:62px !important;
    min-height:62px !important;
    max-width:62px !important;
    max-height:62px !important;
    aspect-ratio:1/1 !important;
    border-radius:50% !important;
    object-fit:cover !important;
    object-position:center !important;
    overflow:hidden !important;
  }

  .hlm-story-item b{
    width:76px !important;
    max-width:76px !important;
    margin-inline:auto !important;
  }

  /* Remove inherited link underlines from the hero slideshow. */
  .hlm-hero a,
  .hlm-hero a:link,
  .hlm-hero a:visited,
  .hlm-hero a:hover,
  .hlm-hero a:active,
  .hlm-hero-copy,
  .hlm-hero-copy *,
  .hlm-hero h1,
  .hlm-hero p,
  .hlm-hero span{
    text-decoration:none !important;
    text-decoration-line:none !important;
    border-bottom:0 !important;
    box-shadow:none !important;
  }

  .hlm-hero-copy{
    color:#fff !important;
  }

  /* Keep the action controls aligned and compact. */
  .hlm-hero-actions{
    direction:ltr !important;
  }

  .hlm-hero-actions button{
    text-decoration:none !important;
  }
}

@media screen and (max-width:767px){
  #hlmApp .hlm-stories{align-items:flex-start!important;min-height:102px!important}
  #hlmApp button.hlm-story-item{
    appearance:none!important;-webkit-appearance:none!important;display:flex!important;
    flex:0 0 78px!important;width:78px!important;min-width:78px!important;max-width:78px!important;
    height:96px!important;min-height:96px!important;padding:0!important;margin:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
    overflow:visible!important
  }
  #hlmApp button.hlm-story-item>.hlm-story-ring{
    position:relative!important;display:grid!important;place-items:center!important;flex:none!important;
    box-sizing:border-box!important;width:72px!important;height:72px!important;min-width:72px!important;
    min-height:72px!important;max-width:72px!important;max-height:72px!important;aspect-ratio:1/1!important;
    padding:3px!important;margin:0 auto!important;border:0!important;border-radius:999px!important;
    overflow:hidden!important;line-height:0!important;transform:none!important;
    background:conic-gradient(var(--hlm-coral),var(--hlm-sun),var(--hlm-sea),var(--hlm-coral))!important
  }
  #hlmApp button.hlm-story-item>.hlm-story-ring.seen{background:#dce3e4!important}
  #hlmApp button.hlm-story-item>.hlm-story-ring>img,
  #hlmApp button.hlm-story-item>.hlm-story-ring>.hlm-story-placeholder{
    position:static!important;display:block!important;flex:none!important;box-sizing:border-box!important;
    width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;
    max-width:66px!important;max-height:66px!important;aspect-ratio:1/1!important;margin:0!important;
    padding:0!important;border:3px solid #fff!important;border-radius:999px!important;
    clip-path:circle(50% at 50% 50%)!important;-webkit-clip-path:circle(50% at 50% 50%)!important;
    object-fit:cover!important;object-position:50% 50%!important;overflow:hidden!important;transform:none!important
  }
  #hlmApp button.hlm-story-item>b{
    display:block!important;flex:none!important;width:78px!important;max-width:78px!important;
    height:20px!important;margin:5px 0 0!important;padding:0 2px!important;line-height:20px!important;
    text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  #hlmApp #hlmHero a.hlm-hero-copy,
  #hlmApp #hlmHero a.hlm-hero-copy:link,
  #hlmApp #hlmHero a.hlm-hero-copy:visited,
  #hlmApp #hlmHero a.hlm-hero-copy:hover,
  #hlmApp #hlmHero a.hlm-hero-copy:active,
  #hlmApp #hlmHero a.hlm-hero-copy *,
  #hlmApp #hlmHero h1,
  #hlmApp #hlmHero p{
    text-decoration:none!important;text-decoration-line:none!important;text-decoration-color:transparent!important;
    text-underline-offset:0!important;border-bottom:none!important;box-shadow:none!important;background-image:none!important
  }
}