/* DANANG2NITE | Step03 PC magazine LIST only | 2026-10-18
   Deliberate finishing layer after original Phase79/80 masters.
   Never loaded on HOME, Magazine VIEW, Places, or mobile. */
@media (min-width:821px){
  html[lang] body.page-magazine-list .d2n-index-grid{
    gap:20px!important;
    align-items:stretch;
  }
  /* Two-category results: no accidental empty third column. */
  html[lang] body.page-magazine-list .d2n-index-grid:has(> .d2n-index-card:nth-child(2):last-child){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html[lang] body.page-magazine-list .d2n-index-grid:has(> .d2n-index-card:only-child){
    grid-template-columns:minmax(0,860px)!important;
  }
  html[lang] body.page-magazine-list .d2n-index-card{
    min-width:0;
    border-color:rgba(255,255,255,.105);
    background:#0c0b0e;
    transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  }
  html[lang] body.page-magazine-list .d2n-index-card:focus-visible{
    outline:2px solid #e4c577;
    outline-offset:3px;
  }
  html[lang] body.page-magazine-list .d2n-index-card__body,
  html[lang] body.page-magazine-list .d2n-index-card:first-child .d2n-index-card__body{
    min-height:226px!important;
    padding:20px 21px 18px!important;
  }
  html[lang] body.page-magazine-list .d2n-index-card h2,
  html[lang] body.page-magazine-list .d2n-index-card:first-child h2,
  html[lang] body.page-magazine-list .d2n-index-card:not(:first-child) h2{
    font-size:clamp(20px,1.53vw,24px)!important;
    line-height:1.19!important;
    letter-spacing:-.37px!important;
    -webkit-line-clamp:3!important;
    line-clamp:3;
    overflow-wrap:anywhere;
  }
  html[lang] body.page-magazine-list .d2n-index-card p,
  html[lang] body.page-magazine-list .d2n-index-card:first-child p{
    font-size:12px!important;
    line-height:1.55!important;
    -webkit-line-clamp:2!important;
  }
  html[lang] body.page-magazine-list .d2n-index-card__category{
    font-size:9px;
    line-height:1.35;
  }
  html[lang] body.page-magazine-list .d2n-index-card__foot{
    font-size:9px;
    color:#b9ae9e;
  }
  /* Keep every source image intact at the editorial 16:9 ratio. */
  html[lang] body.page-magazine-list .d2n-index-card__media img{
    object-fit:contain!important;
    object-position:center!important;
  }
  /* Script-safe line-height for 10 supported languages. */
  html[lang^="zh"] body.page-magazine-list .d2n-index-card h2,
  html[lang="ja"] body.page-magazine-list .d2n-index-card h2,
  html[lang="ko"] body.page-magazine-list .d2n-index-card h2,
  html[lang="th"] body.page-magazine-list .d2n-index-card h2,
  html[lang="hi"] body.page-magazine-list .d2n-index-card h2,
  html[lang="ar"] body.page-magazine-list .d2n-index-card h2{
    line-height:1.3!important;
    letter-spacing:0!important;
  }
  html[dir="rtl"] body.page-magazine-list .d2n-index-card__body{
    text-align:start;
  }
}
@media (min-width:821px) and (max-width:1179px){
  html[lang] body.page-magazine-list .d2n-index-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
  html[lang] body.page-magazine-list .d2n-index-card__body{
    min-height:218px!important;
  }
  html[lang] body.page-magazine-list .d2n-index-card h2{
    font-size:21px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  html[lang] body.page-magazine-list .d2n-index-card{transition:none!important}
}