/* =========================================================
   DANANG2NITE — PHASE 39
   PC MAGAZINE VIEW ONLY / PREMIUM NIGHT EDITORIAL
   Loaded only at min-width: 821px.
   HOME, LIST, mobile VIEW, Places, Side Menu are untouched.
   ========================================================= */

body.page-magazine-view .site-main{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 9% 1%,rgba(121,0,52,.17),transparent 24%),
    radial-gradient(circle at 92% 7%,rgba(66,0,78,.13),transparent 26%),
    linear-gradient(180deg,#070708 0%,#080709 50%,#070708 100%);
}
body.page-magazine-view .site-main::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 0 auto;
  height:780px;
  pointer-events:none;
  background:
    repeating-linear-gradient(90deg,transparent 0 159px,rgba(255,255,255,.011) 160px,transparent 161px),
    linear-gradient(90deg,rgba(230,37,114,.02),transparent 30%,transparent 72%,rgba(217,185,110,.018));
  mask-image:linear-gradient(to bottom,#000,transparent 100%);
}

/* ---------- ARTICLE SHELL ---------- */
.magazine-article{
  --article-shell:1420px;
  --article-copy:820px;
  position:relative;
}

/* ---------- MASTHEAD ---------- */
.magazine-masthead{
  width:min(var(--article-shell),calc(100% - 64px));
  margin:30px auto 0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:26px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.025),transparent 50%),
    #0c0b0d;
  box-shadow:
    0 30px 90px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.035);
}
.magazine-masthead__grid{
  min-height:560px;
  display:grid;
  grid-template-columns:minmax(420px,.78fr) minmax(0,1.22fr);
}
.magazine-masthead__copy{
  position:relative;
  overflow:hidden;
  padding:54px 48px 43px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(circle at 0 0,rgba(230,37,114,.12),transparent 34%),
    radial-gradient(circle at 100% 100%,rgba(217,185,110,.055),transparent 35%);
}
.magazine-masthead__copy::before{
  content:"D2N";
  position:absolute;
  right:-18px;
  bottom:-24px;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.023);
  font-size:155px;
  line-height:1;
  font-weight:950;
  letter-spacing:-12px;
  transform:skewX(-8deg);
  pointer-events:none;
}
.magazine-masthead__meta{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--gold-soft);
  font-size:7px;
  font-weight:950;
  letter-spacing:1.35px;
  text-transform:uppercase;
}
.magazine-masthead__meta::before{
  content:"DANANG2NITE";
  padding:5px 8px;
  border:1px solid rgba(217,185,110,.19);
  border-radius:999px;
  color:#d7c79e;
  background:rgba(217,185,110,.04);
  font-size:6px;
  letter-spacing:1px;
}
.magazine-masthead__meta i{
  width:26px;
  height:1px;
  background:linear-gradient(90deg,var(--pink),rgba(217,185,110,.75));
}
.magazine-masthead h1{
  position:relative;
  z-index:1;
  max-width:680px;
  margin:19px 0 0;
  font-family:Georgia,"Times New Roman",serif;
  color:#fffaf3;
  font-size:clamp(46px,4.25vw,68px);
  font-weight:700;
  line-height:.96;
  letter-spacing:-2.2px;
  text-wrap:balance;
  text-shadow:0 8px 28px rgba(0,0,0,.34);
}
.magazine-masthead__subtitle{
  position:relative;
  z-index:1;
  max-width:620px;
  margin:21px 0 0;
  color:#dfd5c7;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  line-height:1.52;
  font-style:italic;
}
.magazine-masthead__summary{
  position:relative;
  z-index:1;
  max-width:600px;
  margin:17px 0 0;
  color:#9f9891;
  font-size:12px;
  line-height:1.72;
}
.magazine-masthead__foot{
  position:relative;
  z-index:1;
  margin-top:28px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.065);
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#6f6963;
  font-size:6px;
  font-weight:900;
  letter-spacing:1.35px;
  text-transform:uppercase;
}
.magazine-masthead__foot span:first-child{
  color:#b99a57;
}
.magazine-masthead__media{
  min-width:0;
  position:relative;
  overflow:hidden;
  background:#101011;
}
.magazine-masthead__media::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:
    radial-gradient(circle at 82% 13%,rgba(230,37,114,.12),transparent 30%),
    linear-gradient(90deg,rgba(11,9,11,.48) 0%,transparent 22%,transparent 100%);
  pointer-events:none;
}
.magazine-masthead__media::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  box-shadow:
    inset 34px 0 75px rgba(0,0,0,.30),
    inset 0 -1px 0 rgba(230,37,114,.24);
  pointer-events:none;
}
.magazine-masthead__media img{
  width:100%;
  height:100%;
  min-height:560px;
  display:block;
  object-fit:cover;
  object-position:center;
}
.magazine-masthead__placeholder{
  min-height:560px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 30%,rgba(230,37,114,.09),transparent 34%),
    linear-gradient(145deg,#171519,#0c0c0d);
}
.magazine-masthead__placeholder span{
  color:transparent;
  -webkit-text-stroke:1px rgba(217,185,110,.35);
  font-size:72px;
  font-weight:950;
  letter-spacing:-5px;
  transform:skewX(-8deg);
}

/* ---------- READING LAYOUT ---------- */
.magazine-reading{
  width:min(1280px,calc(100% - 64px));
  margin:48px auto 0;
  display:grid;
  grid-template-columns:minmax(0,var(--article-copy)) 310px;
  gap:78px;
  align-items:start;
}
.magazine-reading__body{
  min-width:0;
}
.magazine-reading__intro{
  margin-bottom:35px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.075);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.magazine-reading__intro::before{
  content:"";
  width:38px;
  height:1px;
  flex:0 0 auto;
  background:linear-gradient(90deg,var(--pink),var(--gold));
}
.magazine-reading__intro span{
  color:var(--gold-soft);
  font-size:8px;
  font-weight:950;
  letter-spacing:1.15px;
  text-transform:uppercase;
}
.magazine-reading__intro strong{
  min-width:0;
  margin-inline-start:auto;
  overflow:hidden;
  color:#66605b;
  font-size:7px;
  font-weight:800;
  letter-spacing:.55px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* ---------- ARTICLE TYPOGRAPHY ---------- */
.article-body--magazine{
  margin-top:0;
}
.article-body--magazine .block{
  margin:0;
}
.magazine-paragraph{
  margin:0 0 24px!important;
}
.magazine-paragraph p{
  margin:0;
  color:#c9c2b9;
  font-size:15.5px;
  line-height:1.92;
  letter-spacing:.015em;
}
.magazine-paragraph strong{
  color:#fff6e7;
  font-weight:800;
}
.magazine-paragraph a{
  color:var(--gold-soft);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.magazine-paragraph:first-child p::first-letter{
  float:left;
  margin:4px 8px -2px 0;
  color:var(--gold-soft);
  font-family:Georgia,"Times New Roman",serif;
  font-size:54px;
  line-height:.78;
  text-shadow:0 0 22px rgba(217,185,110,.12);
}

/* ---------- H2 SECTION ---------- */
.magazine-section-heading{
  position:relative;
  margin:62px 0 26px!important;
  padding:19px 0 0;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:18px;
  align-items:start;
  border-top:1px solid rgba(255,255,255,.075);
  scroll-margin-top:155px;
}
.magazine-section-heading:first-child{
  margin-top:0!important;
}
.magazine-section-heading::after{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:94px;
  height:1px;
  background:linear-gradient(90deg,var(--pink),var(--gold-soft));
}
.magazine-section-heading__index{
  padding-top:4px;
  color:transparent;
  -webkit-text-stroke:1px rgba(217,185,110,.66);
  font-family:Georgia,"Times New Roman",serif;
  font-size:37px;
  font-weight:700;
  line-height:1;
  letter-spacing:-1.5px;
  font-style:italic;
}
.magazine-section-heading>div:last-child>span{
  display:block;
  color:#756e66;
  font-size:6px;
  font-weight:950;
  letter-spacing:1.35px;
}
.magazine-section-heading h2{
  max-width:730px;
  margin:6px 0 0;
  color:#f8f3ec;
  font-family:Georgia,"Times New Roman",serif;
  font-size:33px;
  font-weight:700;
  line-height:1.12;
  letter-spacing:-.8px;
  text-wrap:balance;
}

/* ---------- H3 ---------- */
.magazine-subheading{
  margin:39px 0 17px!important;
}
.magazine-subheading h3{
  margin:0;
  color:#eee8df;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:-.25px;
}
.magazine-subheading.is-numbered{
  position:relative;
  overflow:hidden;
  padding:18px 20px 18px 22px;
  border:1px solid rgba(230,37,114,.16);
  border-radius:14px;
  background:
    radial-gradient(circle at 0 50%,rgba(230,37,114,.075),transparent 40%),
    linear-gradient(135deg,rgba(217,185,110,.035),rgba(255,255,255,.014)),
    #0d0c0e;
}
.magazine-subheading.is-numbered::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(to bottom,transparent,var(--pink),transparent);
}
.magazine-subheading.is-numbered h3{
  font-size:21px!important;
}

/* ---------- LIST ---------- */
.magazine-list{
  margin:0 0 28px!important;
  padding:17px 19px 17px 21px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.025),transparent 60%),
    #0c0c0d;
}
.magazine-list ul{
  margin:0!important;
  padding-inline-start:20px!important;
  color:#d5cec5!important;
}
.magazine-list li{
  margin:9px 0!important;
  padding-inline-start:4px;
  font-size:15px;
  line-height:1.68;
}
.magazine-list li::marker{
  color:var(--gold);
}

/* ---------- QUOTE ---------- */
.magazine-quote blockquote{
  position:relative;
  margin:34px 0;
  padding:24px 24px 22px 28px;
  overflow:hidden;
  border:1px solid rgba(230,37,114,.14);
  border-inline-start:3px solid var(--pink);
  border-radius:0 14px 14px 0;
  background:
    radial-gradient(circle at 0 0,rgba(230,37,114,.08),transparent 38%),
    rgba(255,255,255,.014);
  color:#eee8df;
  font-family:Georgia,"Times New Roman",serif;
  font-size:21px;
  line-height:1.55;
}
.magazine-quote blockquote::before{
  content:"“";
  position:absolute;
  right:16px;
  top:-16px;
  color:rgba(217,185,110,.09);
  font-size:92px;
  line-height:1;
  font-family:Georgia,"Times New Roman",serif;
}

/* ---------- DIVIDER ---------- */
.magazine-divider{
  margin:50px 0!important;
  border:0!important;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(217,185,110,.28),rgba(230,37,114,.25),transparent);
}

/* ---------- BODY IMAGE ---------- */
.magazine-media{
  position:relative;
  margin:44px -18px!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.085);
  border-radius:19px;
  background:#0c0c0d;
  box-shadow:0 22px 58px rgba(0,0,0,.26);
}
.magazine-media::after{
  content:"D2N / VISUAL";
  position:absolute;
  right:11px;
  bottom:10px;
  z-index:2;
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(7,7,8,.56);
  color:#ddd3c6;
  font-size:5px;
  font-weight:900;
  letter-spacing:1px;
  backdrop-filter:blur(8px);
}
.magazine-media img{
  width:100%;
  height:auto;
  display:block;
}

/* ---------- VIDEO ---------- */
.magazine-video{
  margin:44px -10px!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:#0d0d0e;
  box-shadow:0 20px 50px rgba(0,0,0,.24);
}
.magazine-video iframe{
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  display:block;
  border:0;
}

/* ---------- SPONSORED PLACE ---------- */
.magazine-sponsored{
  position:relative;
  overflow:hidden;
  margin:42px 0;
  padding:22px;
  border:1px solid rgba(217,185,110,.20);
  border-radius:16px;
  background:
    radial-gradient(circle at 0 0,rgba(217,185,110,.09),transparent 38%),
    radial-gradient(circle at 100% 100%,rgba(230,37,114,.055),transparent 36%),
    #0e0d0e;
}
.magazine-sponsored::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg,var(--gold),var(--pink),transparent 82%);
}
.magazine-sponsored small{
  color:#c8aa67;
  font-size:6px;
  font-weight:950;
  letter-spacing:1.15px;
  text-transform:uppercase;
}
.magazine-sponsored h3{
  margin:8px 0 0;
  color:#faf4ec;
  font-family:Georgia,"Times New Roman",serif;
  font-size:23px;
  line-height:1.15;
}
.magazine-sponsored p{
  max-width:560px;
  margin:8px 0 0;
  color:#a8a198!important;
  font-size:11px;
  line-height:1.6;
}
.magazine-sponsored>a{
  min-height:34px;
  margin-top:13px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(217,185,110,.20);
  border-radius:999px;
  color:var(--gold-soft);
  background:rgba(217,185,110,.035);
  font-size:8px;
  font-weight:900;
  text-decoration:none;
}

/* ---------- STICKY ARTICLE INDEX ---------- */
.magazine-reading__rail{
  position:sticky;
  top:144px;
}
.magazine-rail-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:17px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.022),transparent 54%),
    #0c0c0e;
  box-shadow:0 18px 48px rgba(0,0,0,.20);
}
.magazine-rail-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg,var(--pink),var(--gold),transparent 85%);
}
.magazine-rail-card__head{
  padding:15px 16px;
  border-bottom:1px solid rgba(255,255,255,.06);
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.magazine-rail-card__head span{
  color:#9a938b;
  font-size:7px;
  font-weight:950;
  letter-spacing:1.45px;
}
.magazine-rail-card__head strong{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:1px solid rgba(217,185,110,.18);
  border-radius:50%;
  color:var(--gold-soft);
  font-family:Georgia,"Times New Roman",serif;
  font-size:11px;
}
.magazine-toc{
  max-height:calc(100vh - 300px);
  overflow:auto;
  padding:7px;
  display:grid;
  scrollbar-width:thin;
  scrollbar-color:rgba(217,185,110,.22) transparent;
}
.magazine-toc a{
  position:relative;
  padding:9px 8px;
  display:grid;
  grid-template-columns:25px minmax(0,1fr);
  gap:8px;
  border-radius:9px;
  text-decoration:none;
  transition:background .18s ease,transform .18s ease;
}
.magazine-toc a::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  bottom:8px;
  width:2px;
  border-radius:999px;
  background:var(--pink);
  opacity:0;
}
.magazine-toc a:hover{
  transform:translateX(2px);
  background:rgba(217,185,110,.055);
}
.magazine-toc a:hover::before{
  opacity:.7;
}
.magazine-toc a>span{
  padding-top:1px;
  color:#7b6d49;
  font-family:Georgia,"Times New Roman",serif;
  font-size:9px;
  font-weight:700;
}
.magazine-toc a>strong{
  color:#aaa39b;
  font-size:9px;
  line-height:1.42;
  font-weight:700;
}
.magazine-toc a:hover>strong{
  color:#f1ebe3;
}
.magazine-rail-card__brand{
  padding:14px 15px;
  border-top:1px solid rgba(255,255,255,.06);
  display:flex;
  align-items:center;
  gap:9px;
  background:rgba(255,255,255,.012);
}
.magazine-rail-card__brand .site-brand__mark{
  flex:0 0 34px;
  width:34px;
  height:34px;
  font-size:9px;
}
.magazine-rail-card__brand>div{
  min-width:0;
  display:grid;
  gap:3px;
}
.magazine-rail-card__brand strong{
  color:#ece6dd;
  font-size:9px;
  letter-spacing:1.15px;
}
.magazine-rail-card__brand small{
  color:#615c57;
  font-size:6px;
  letter-spacing:.85px;
}

/* ---------- ARTICLE END ---------- */
.magazine-article-end{
  margin-top:62px;
  padding:23px 0 72px;
  border-top:1px solid rgba(255,255,255,.075);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}
.magazine-article-end>div:first-child{
  display:grid;
  gap:7px;
}
.magazine-article-end span{
  color:#6e6861;
  font-size:7px;
  font-weight:900;
  letter-spacing:1.25px;
}
.magazine-article-end strong{
  color:#f6efe6;
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  letter-spacing:1px;
}
.magazine-article-end__actions{
  display:flex;
  gap:7px;
}
.magazine-article-end__actions a{
  min-height:35px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  display:flex;
  align-items:center;
  color:#958e86;
  background:rgba(255,255,255,.012);
  font-size:7px;
  font-weight:900;
  text-decoration:none;
  transition:.18s ease;
}
.magazine-article-end__actions a:hover{
  border-color:rgba(217,185,110,.30);
  color:var(--gold-soft);
  background:rgba(217,185,110,.035);
}

/* ---------- SCRIPT-SAFE TYPOGRAPHY ---------- */
html[lang^="zh"] .magazine-masthead h1,
html[lang="ja"] .magazine-masthead h1,
html[lang="ko"] .magazine-masthead h1,
html[lang="th"] .magazine-masthead h1,
html[lang="hi"] .magazine-masthead h1,
html[lang="ar"] .magazine-masthead h1,
html[lang^="zh"] .magazine-masthead__subtitle,
html[lang="ja"] .magazine-masthead__subtitle,
html[lang="ko"] .magazine-masthead__subtitle,
html[lang="th"] .magazine-masthead__subtitle,
html[lang="hi"] .magazine-masthead__subtitle,
html[lang="ar"] .magazine-masthead__subtitle,
html[lang^="zh"] .magazine-section-heading h2,
html[lang="ja"] .magazine-section-heading h2,
html[lang="ko"] .magazine-section-heading h2,
html[lang="th"] .magazine-section-heading h2,
html[lang="hi"] .magazine-section-heading h2,
html[lang="ar"] .magazine-section-heading h2,
html[lang^="zh"] .magazine-subheading h3,
html[lang="ja"] .magazine-subheading h3,
html[lang="ko"] .magazine-subheading h3,
html[lang="th"] .magazine-subheading h3,
html[lang="hi"] .magazine-subheading h3,
html[lang="ar"] .magazine-subheading h3,
html[lang^="zh"] .magazine-sponsored h3,
html[lang="ja"] .magazine-sponsored h3,
html[lang="ko"] .magazine-sponsored h3,
html[lang="th"] .magazine-sponsored h3,
html[lang="hi"] .magazine-sponsored h3,
html[lang="ar"] .magazine-sponsored h3{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",sans-serif;
}
html[lang^="zh"] .magazine-masthead h1,
html[lang="ja"] .magazine-masthead h1,
html[lang="ko"] .magazine-masthead h1{
  font-size:clamp(40px,3.55vw,58px);
  line-height:1.05;
  letter-spacing:-1.5px;
}
html[lang="th"] .magazine-masthead h1,
html[lang="hi"] .magazine-masthead h1,
html[lang="ar"] .magazine-masthead h1{
  font-size:clamp(38px,3.4vw,56px);
  line-height:1.08;
  letter-spacing:-1.2px;
}
html[lang^="zh"] .magazine-section-heading h2,
html[lang="ja"] .magazine-section-heading h2,
html[lang="ko"] .magazine-section-heading h2{
  font-size:29px;
  line-height:1.18;
}
html[lang="th"] .magazine-section-heading h2,
html[lang="hi"] .magazine-section-heading h2,
html[lang="ar"] .magazine-section-heading h2{
  font-size:28px;
  line-height:1.22;
}

/* ---------- MEDIUM PC ---------- */
@media(max-width:1220px) and (min-width:821px){
  .magazine-masthead{
    width:min(1180px,calc(100% - 40px));
  }
  .magazine-masthead__grid{
    grid-template-columns:minmax(390px,.86fr) minmax(0,1.14fr);
    min-height:520px;
  }
  .magazine-masthead__copy{
    padding:44px 37px 36px;
  }
  .magazine-masthead h1{
    font-size:52px;
  }
  .magazine-masthead__media img,
  .magazine-masthead__placeholder{
    min-height:520px;
  }
  .magazine-reading{
    width:min(1120px,calc(100% - 40px));
    grid-template-columns:minmax(0,1fr) 280px;
    gap:50px;
  }
}

/* ---------- TABLET LANDSCAPE FALLBACK ---------- */
@media(max-width:980px) and (min-width:821px){
  .magazine-reading{
    grid-template-columns:1fr;
    gap:0;
  }
  .magazine-reading__rail{
    display:none;
  }
  .magazine-masthead__grid{
    grid-template-columns:1fr 1fr;
  }
  .magazine-masthead h1{
    font-size:45px;
  }
}