/* =========================================================
   DANANG2NITE — PHASE 64-5C
   PC HOME / CATEGORY ARTICLE CARDS ONLY
   Screenshot-driven 3-column editorial card convergence.
   ========================================================= */

@media (min-width:821px){
  body.page-home .d2n-category-stories,
  body.page-home .d2n-category-stories.count-1,
  body.page-home .d2n-category-stories.count-2,
  body.page-home .d2n-category-stories.count-3{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
  }

  body.page-home .d2n-category-story,
  body.page-home .d2n-category-story.is-lead,
  body.page-home .d2n-category-stories.count-1 .d2n-category-story,
  body.page-home .d2n-category-stories.count-2 .d2n-category-story,
  body.page-home .d2n-category-stories.count-3 .d2n-category-story{
    grid-column:auto!important;
    grid-row:auto!important;
    position:relative!important;
    min-width:0!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.085)!important;
    border-radius:18px!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.014),transparent 52%),
      #0b0b0d!important;
    box-shadow:
      0 18px 44px rgba(0,0,0,.20),
      inset 0 1px 0 rgba(255,255,255,.018)!important;
    text-decoration:none!important;
    transform:none;
    transition:
      transform .22s ease,
      border-color .22s ease,
      box-shadow .22s ease!important;
  }

  body.page-home .d2n-category-story::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:5;
    border-radius:inherit;
    pointer-events:none;
    box-shadow:
      inset 0 -1px 0 rgba(230,37,114,.13),
      inset 1px 0 0 rgba(217,185,110,.018)!important;
  }

  body.page-home .d2n-category-story:hover{
    transform:translateY(-3px)!important;
    border-color:rgba(230,37,114,.27)!important;
    box-shadow:
      0 25px 58px rgba(0,0,0,.29),
      0 0 0 1px rgba(217,185,110,.018) inset!important;
  }

  /* Full 16:9 artwork. Never crop source artwork. */
  body.page-home .d2n-category-story__media,
  body.page-home .d2n-category-story.is-lead .d2n-category-story__media,
  body.page-home .d2n-category-stories.count-1 .d2n-category-story__media,
  body.page-home .d2n-category-stories.count-2 .d2n-category-story__media,
  body.page-home .d2n-category-stories.count-3 .d2n-category-story__media{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    aspect-ratio:16/9!important;
    flex:0 0 auto!important;
    overflow:hidden!important;
    background:#08090b!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
  }

  body.page-home .d2n-category-story__media::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
      linear-gradient(180deg,transparent 70%,rgba(0,0,0,.12) 100%),
      radial-gradient(circle at 90% 5%,rgba(230,37,114,.05),transparent 32%)!important;
  }

  body.page-home .d2n-category-story__media::after{
    content:none!important;
  }

  body.page-home .d2n-category-story__media img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#08090b!important;
    transform:none!important;
    transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s ease!important;
  }

  body.page-home .d2n-category-story:hover .d2n-category-story__media img{
    transform:scale(1.01)!important;
    filter:saturate(1.035) contrast(1.015)!important;
  }

  body.page-home .d2n-category-story__index{
    top:13px!important;
    inset-inline-end:13px!important;
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.17)!important;
    border-radius:50%!important;
    background:rgba(7,7,9,.66)!important;
    color:#f0e8df!important;
    font-size:8px!important;
    font-weight:950!important;
    letter-spacing:.15px!important;
    backdrop-filter:blur(8px);
    box-shadow:0 7px 18px rgba(0,0,0,.18);
  }

  body.page-home .d2n-category-story .media-badge{
    top:13px!important;
    inset-inline-start:13px!important;
    min-height:27px!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    border:1px solid rgba(217,185,110,.19)!important;
    border-radius:999px!important;
    background:rgba(8,8,10,.70)!important;
    color:#e7cd89!important;
    font-size:7px!important;
    font-weight:900!important;
    letter-spacing:.75px!important;
    text-transform:uppercase!important;
    backdrop-filter:blur(8px);
  }

  /* Stable copy block: title/excerpt rhythm matches across each 3-card row. */
  body.page-home .d2n-category-story__body,
  body.page-home .d2n-category-story.is-lead .d2n-category-story__body,
  body.page-home .d2n-category-stories.count-1 .d2n-category-story__body,
  body.page-home .d2n-category-stories.count-2 .d2n-category-story__body,
  body.page-home .d2n-category-stories.count-3 .d2n-category-story__body{
    position:relative!important;
    inset:auto!important;
    max-width:none!important;
    min-height:190px!important;
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    padding:19px 18px 16px!important;
    background:
      radial-gradient(circle at 0 0,rgba(230,37,114,.035),transparent 34%),
      #0b0b0d!important;
  }

  body.page-home .d2n-category-story__body::before{
    content:"";
    position:absolute;
    top:0;
    inset-inline-start:18px;
    width:42px;
    height:1px;
    background:linear-gradient(90deg,var(--pink),var(--gold-soft));
    opacity:.78;
  }

  body.page-home .d2n-category-story__category{
    display:inline-flex!important;
    align-items:center!important;
    width:max-content;
    max-width:100%;
    color:#ff4f90!important;
    font-size:8.5px!important;
    font-weight:950!important;
    line-height:1.15!important;
    letter-spacing:.85px!important;
    text-transform:uppercase!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body.page-home .d2n-category-story h3,
  body.page-home .d2n-category-story.is-lead h3,
  body.page-home .d2n-category-stories.count-1 .d2n-category-story h3,
  body.page-home .d2n-category-stories.count-2 .d2n-category-story h3,
  body.page-home .d2n-category-stories.count-3 .d2n-category-story h3{
    max-width:100%!important;
    margin:9px 0 0!important;
    color:#fffaf4!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:23px!important;
    font-weight:700!important;
    line-height:1.08!important;
    letter-spacing:-.55px!important;
    text-wrap:balance;
    text-shadow:none!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }

  body.page-home .d2n-category-story p,
  body.page-home .d2n-category-stories.count-1 .d2n-category-story p{
    max-width:100%!important;
    margin:9px 0 0!important;
    color:#a9a19a!important;
    font-size:12px!important;
    line-height:1.5!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }

  body.page-home .d2n-category-story__foot{
    margin-top:auto!important;
    padding-top:12px!important;
    border-top:1px solid rgba(255,255,255,.065)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    color:#89817a!important;
    font-size:7.5px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.75px!important;
    text-transform:uppercase!important;
  }

  body.page-home .d2n-category-story__foot b{
    flex:0 0 auto!important;
    width:27px!important;
    height:27px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(217,185,110,.20)!important;
    border-radius:50%!important;
    color:#e4ca84!important;
    background:rgba(217,185,110,.018)!important;
    font-size:9px!important;
    transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
  }

  body.page-home .d2n-category-story:hover .d2n-category-story__foot b{
    transform:translateX(2px)!important;
    border-color:rgba(217,185,110,.36)!important;
    background:rgba(217,185,110,.055)!important;
  }

  /* Placeholder must occupy one normal card slot, without pretending to be content. */
  body.page-home .d2n-category-story.is-placeholder{
    border-style:dashed!important;
    border-color:rgba(217,185,110,.18)!important;
    background:#0a0a0c!important;
    box-shadow:none!important;
  }

  body.page-home .d2n-category-story.is-placeholder:hover{
    transform:none!important;
    border-color:rgba(217,185,110,.22)!important;
    box-shadow:none!important;
  }

  body.page-home .d2n-category-story.is-placeholder .d2n-category-story__media{
    display:grid!important;
    place-items:center!important;
    background:
      radial-gradient(circle at 50% 48%,rgba(217,185,110,.045),transparent 31%),
      linear-gradient(135deg,rgba(230,37,114,.018),rgba(217,185,110,.012)),
      #0a0a0c!important;
  }

  body.page-home .d2n-category-story.is-placeholder .media-placeholder{
    width:72px!important;
    height:72px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(217,185,110,.16)!important;
    border-radius:50%!important;
    color:#8d7d5f!important;
    background:rgba(7,7,9,.40)!important;
    font-size:16px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
  }

  body.page-home .d2n-category-story.is-placeholder .d2n-category-story__index{
    color:#a99b7a!important;
    border-color:rgba(217,185,110,.16)!important;
    background:rgba(8,8,9,.50)!important;
  }

  body.page-home .d2n-category-story.is-placeholder .d2n-category-story__category{
    color:#b79e66!important;
  }

  body.page-home .d2n-category-story.is-placeholder h3{
    color:#c8beb1!important;
  }

  body.page-home .d2n-category-story.is-placeholder p{
    color:#766f69!important;
  }

  body.page-home .d2n-category-story.is-placeholder .d2n-category-story__foot{
    color:#6f685f!important;
  }

  body.page-home .d2n-category-story.is-placeholder .d2n-category-story__foot b{
    transform:none!important;
    color:#776d5c!important;
    border-color:rgba(217,185,110,.12)!important;
    background:transparent!important;
  }

  /* Script-safe card typography. */
  html[lang^="zh"] body.page-home .d2n-category-story h3,
  html[lang="ja"] body.page-home .d2n-category-story h3,
  html[lang="ko"] body.page-home .d2n-category-story h3{
    font-family:Arial,"Noto Sans CJK TC","Noto Sans CJK JP","Noto Sans KR",sans-serif!important;
    font-size:21px!important;
    line-height:1.16!important;
    letter-spacing:-.45px!important;
  }

  html[lang="ru"] body.page-home .d2n-category-story h3{
    font-size:20.5px!important;
    line-height:1.12!important;
    letter-spacing:-.38px!important;
  }

  html[lang="th"] body.page-home .d2n-category-story h3,
  html[lang="hi"] body.page-home .d2n-category-story h3,
  html[lang="ar"] body.page-home .d2n-category-story h3{
    font-family:Tahoma,Arial,"Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic",sans-serif!important;
    font-size:20px!important;
    line-height:1.24!important;
    letter-spacing:0!important;
  }

  html[lang="th"] body.page-home .d2n-category-story p,
  html[lang="hi"] body.page-home .d2n-category-story p,
  html[lang="ar"] body.page-home .d2n-category-story p{
    line-height:1.58!important;
  }

  html[lang="ar"] body.page-home .d2n-category-story__body{
    text-align:right!important;
  }

  html[lang="ar"] body.page-home .d2n-category-story__body::before{
    left:auto!important;
    right:18px!important;
  }

  html[lang="ar"] body.page-home .d2n-category-story__foot{
    direction:rtl!important;
  }

  /* Keep 3 columns across all desktop widths as requested. */
  @media (max-width:1220px) and (min-width:821px){
    body.page-home .d2n-category-stories,
    body.page-home .d2n-category-stories.count-1,
    body.page-home .d2n-category-stories.count-2,
    body.page-home .d2n-category-stories.count-3{
      grid-template-columns:repeat(3,minmax(0,1fr))!important;
      gap:10px!important;
    }

    body.page-home .d2n-category-story__body,
    body.page-home .d2n-category-story.is-lead .d2n-category-story__body,
    body.page-home .d2n-category-stories.count-1 .d2n-category-story__body,
    body.page-home .d2n-category-stories.count-2 .d2n-category-story__body,
    body.page-home .d2n-category-stories.count-3 .d2n-category-story__body{
      min-height:164px!important;
      padding:16px 15px 14px!important;
    }

    body.page-home .d2n-category-story h3,
    body.page-home .d2n-category-story.is-lead h3,
    body.page-home .d2n-category-stories.count-1 .d2n-category-story h3,
    body.page-home .d2n-category-stories.count-2 .d2n-category-story h3,
    body.page-home .d2n-category-stories.count-3 .d2n-category-story h3{
      font-size:18px!important;
      line-height:1.12!important;
    }

    html[lang^="zh"] body.page-home .d2n-category-story h3,
    html[lang="ja"] body.page-home .d2n-category-story h3,
    html[lang="ko"] body.page-home .d2n-category-story h3,
    html[lang="ru"] body.page-home .d2n-category-story h3,
    html[lang="th"] body.page-home .d2n-category-story h3,
    html[lang="hi"] body.page-home .d2n-category-story h3,
    html[lang="ar"] body.page-home .d2n-category-story h3{
      font-size:17px!important;
    }

    body.page-home .d2n-category-story p{
      font-size:10.5px!important;
    }
  }
}