.magazine-page,.inquiry-page{background:#050505;color:#ece7dd}.magazine-shell,.magazine-article,.inquiry-shell{width:min(1180px,calc(100% - 36px));margin:0 auto}.magazine-shell{padding:54px 0 70px}.magazine-hero{text-align:center;padding:28px 20px 34px;border-bottom:1px solid rgba(222,174,63,.25)}.magazine-kicker,.inquiry-shell header>span{display:block;color:#d7aa45;font-size:11px;font-weight:900;letter-spacing:.18em}.magazine-hero h1,.inquiry-shell h1{margin:8px 0 10px;color:#efd173;font-family:Georgia,serif;font-size:40px}.magazine-hero p,.inquiry-shell header p{margin:0 auto;max-width:720px;color:#aaa49b;font-size:15px;line-height:1.75}.magazine-country-tabs{display:flex;justify-content:center;gap:8px;margin:26px 0 28px}.magazine-country-tabs a{padding:11px 18px;border:1px solid rgba(222,174,63,.28);border-radius:8px;color:#cbc4b8;font-size:13px;font-weight:800}.magazine-country-tabs a.active,.magazine-country-tabs a:hover{color:#111;background:linear-gradient(180deg,#f0cf73,#c58d22);border-color:#d7a63b}.magazine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.magazine-card{overflow:hidden;border:1px solid rgba(222,174,63,.2);border-radius:12px;background:linear-gradient(180deg,#0c0b09,#070706)}.magazine-card-media{display:block;aspect-ratio:16/10;background:#0d0b07;overflow:hidden}.magazine-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.magazine-card:hover .magazine-card-media img{transform:scale(1.025)}.magazine-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#bf8d2e;font-size:40px;font-family:Georgia,serif}.magazine-card-copy{padding:17px}.magazine-meta{display:flex;flex-wrap:wrap;gap:8px;color:#c99a38;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.magazine-meta span+span:before{content:"·";margin-right:8px}.magazine-card h2{margin:8px 0;font-size:21px;line-height:1.35}.magazine-card h2 a{color:#f0d47f}.magazine-card p{min-height:48px;margin:0;color:#aaa49b;font-size:13px;line-height:1.65}.magazine-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);font-size:11px}.magazine-card-foot time{color:#777168}.magazine-card-foot a{color:#d7aa45;font-weight:800}.magazine-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(222,174,63,.18);border-radius:12px;color:#9b958b}.magazine-empty strong{color:#e2c16a;font-size:18px}.magazine-pagination{margin-top:26px}
.magazine-article{padding:42px 0 80px}.magazine-breadcrumb{display:flex;align-items:center;gap:8px;overflow:hidden;color:#807a70;font-size:11px;white-space:nowrap}.magazine-breadcrumb a{color:#aaa49b}.magazine-breadcrumb>span:last-child{overflow:hidden;text-overflow:ellipsis}.magazine-article-head{max-width:900px;margin:34px auto 26px;text-align:center}.magazine-article-head h1{margin:12px 0;color:#f0d47f;font-family:Georgia,serif;font-size:42px;line-height:1.25}.magazine-lead{margin:0 auto 14px;max-width:780px;color:#bbb4a9;font-size:16px;line-height:1.75}.magazine-article-head time{color:#777168;font-size:11px}.magazine-cover{margin:0 auto 34px;max-width:980px;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(222,174,63,.25);border-radius:12px;background:#080706}.magazine-cover img{width:100%;height:100%;object-fit:cover}.magazine-body{max-width:820px;margin:0 auto;color:#ddd8cf;font-size:16px;line-height:2;word-break:keep-all}.magazine-photo-grid{max-width:980px;margin:38px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.magazine-photo-grid a{display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(222,174,63,.18);border-radius:9px}.magazine-photo-grid img{width:100%;height:100%;object-fit:cover}.magazine-back{max-width:980px;margin:34px auto 0;border-top:1px solid rgba(222,174,63,.18);padding-top:20px}.magazine-back a{color:#d7aa45;font-size:13px;font-weight:800}.magazine-related{max-width:980px;margin:38px auto 0}.magazine-related h2{color:#efd173;font-family:Georgia,serif;font-size:24px}.magazine-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.magazine-related-grid a{display:flex;justify-content:space-between;gap:12px;padding:14px;border:1px solid rgba(222,174,63,.16);border-radius:8px;background:#0a0907}.magazine-related-grid strong{color:#e5ded2;font-size:13px}.magazine-related-grid span{flex:0 0 auto;color:#777168;font-size:10px}
.inquiry-shell{max-width:760px;padding:60px 0 80px}.inquiry-shell header{text-align:center;margin-bottom:28px}.inquiry-form{display:grid;gap:16px;padding:24px;border:1px solid rgba(222,174,63,.22);border-radius:12px;background:#0a0907}.inquiry-form label{display:grid;gap:7px}.inquiry-form label>span{color:#d6b156;font-size:12px;font-weight:850}.inquiry-form input,.inquiry-form textarea{width:100%;border:1px solid rgba(222,174,63,.2);border-radius:8px;background:#050505;color:#eee7db;padding:12px 13px;font:inherit}.inquiry-form textarea{resize:vertical}.inquiry-form button{height:46px;border:1px solid #e0b64f;border-radius:8px;background:linear-gradient(180deg,#f0cf73,#c58d22);color:#100d07;font-weight:950;cursor:pointer}
@media(max-width:820px){.magazine-shell,.magazine-article,.inquiry-shell{width:min(100% - 22px,1180px)}.magazine-shell{padding-top:28px}.magazine-hero{padding:18px 8px 25px}.magazine-hero h1,.inquiry-shell h1{font-size:30px}.magazine-hero p{font-size:14px}.magazine-grid{grid-template-columns:1fr}.magazine-card{display:grid;grid-template-columns:120px minmax(0,1fr)}.magazine-card-media{aspect-ratio:auto;height:100%}.magazine-card h2{font-size:18px}.magazine-card p{min-height:0}.magazine-article{padding-top:26px}.magazine-article-head{margin-top:24px}.magazine-article-head h1{font-size:31px}.magazine-lead,.magazine-body{font-size:15px}.magazine-cover{border-radius:9px;margin-bottom:25px}.magazine-photo-grid{grid-template-columns:1fr}.magazine-related-grid{grid-template-columns:1fr}.inquiry-shell{padding-top:34px}}
@media(max-width:520px){.magazine-card{grid-template-columns:100px minmax(0,1fr)}.magazine-card-copy{padding:13px}.magazine-card p{display:none}.magazine-card-foot{margin-top:10px}.magazine-country-tabs{display:grid;grid-template-columns:1fr 1fr}.magazine-country-tabs a{text-align:center;padding:10px 8px}}


/* =========================================================
   N2A BUSINESS INQUIRY PREMIUM STEP19B
   PC: premium QR cards / Mobile: direct contact cards
   ========================================================= */
.business-inquiry-page .inquiry-shell{
  max-width:1040px;
  padding-top:54px;
  padding-bottom:76px;
}
.business-inquiry-page .inquiry-shell header{
  margin-bottom:20px;
}
.business-inquiry-page .inquiry-shell h1{
  margin-top:7px;
  margin-bottom:8px;
  font-size:42px;
  letter-spacing:-.03em;
}
.business-inquiry-page .inquiry-shell header p{
  max-width:680px;
}

.business-contact-panel{
  margin-top:30px;
}
.business-contact-intro{
  display:flex;
  align-items:flex-end;
  gap:12px;
  margin:0 0 14px;
  padding:0 2px 12px;
  border-bottom:1px solid rgba(222,174,63,.16);
}
.business-contact-intro>span{
  color:#d7aa45;
  font-size:10px;
  font-weight:950;
  letter-spacing:.16em;
  white-space:nowrap;
}
.business-contact-intro>strong{
  color:#eee7db;
  font-size:15px;
  font-weight:900;
}
.business-contact-intro>p{
  margin:0 0 1px auto;
  color:#777168;
  font-size:11px;
  white-space:nowrap;
}

.business-contact-pc{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.business-contact-qr{
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:16px;
  border:1px solid rgba(222,174,63,.25);
  border-radius:14px;
  background:
    radial-gradient(circle at 50% 0,rgba(222,174,63,.10),transparent 42%),
    linear-gradient(180deg,#0d0c0a 0%,#080706 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 26px rgba(0,0,0,.16);
}
.business-contact-qr:before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(239,209,115,.75),transparent);
}
.business-contact-brand{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  margin-bottom:14px;
  text-align:left;
}
.business-contact-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  background:#111;
  box-shadow:0 5px 16px rgba(0,0,0,.28);
}
.business-contact-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.business-contact-brand>div{
  min-width:0;
}
.business-contact-brand strong{
  display:block;
  color:#f2ede4;
  font-size:15px;
  font-weight:950;
  line-height:1.2;
}
.business-contact-brand small{
  display:block;
  margin-top:4px;
  color:#6f6a62;
  font-size:8px;
  font-weight:850;
  letter-spacing:.11em;
}

.business-contact-qr-frame{
  width:100%;
  aspect-ratio:1/1;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  background:#fff;
}
.business-contact-qr-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.business-contact-meta{
  display:grid;
  gap:4px;
  margin-top:13px;
  padding-top:11px;
  border-top:1px solid rgba(255,255,255,.055);
  text-align:center;
}
.business-contact-meta span{
  color:#786f62;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
}
.business-contact-meta strong{
  color:#e6b94d;
  font-size:12px;
  font-weight:950;
  overflow-wrap:anywhere;
}

.business-contact-mobile{
  display:none;
}

/* subtle platform-specific accents */
.business-contact-line{--contact-accent:#35d36f}
.business-contact-zalo{--contact-accent:#4a8df6}
.business-contact-telegram{--contact-accent:#53b8f2}
.business-contact-kakao{--contact-accent:#f0cf35}
.business-contact-qr:after{
  content:"";
  position:absolute;
  width:78px;
  height:78px;
  right:-32px;
  top:-32px;
  border-radius:50%;
  background:var(--contact-accent);
  opacity:.045;
  filter:blur(10px);
}

@media(max-width:820px){
  .business-inquiry-page .inquiry-shell{
    width:min(100% - 16px,1180px);
    padding-top:30px;
    padding-bottom:44px;
  }
  .business-inquiry-page .inquiry-shell header{
    margin-bottom:20px;
  }
  .business-inquiry-page .inquiry-shell h1{
    margin-top:6px;
    margin-bottom:8px;
    font-size:31px;
    line-height:1.15;
  }
  .business-inquiry-page .inquiry-shell header p{
    max-width:430px;
    padding:0 6px;
    font-size:13px;
    line-height:1.6;
  }

  .business-contact-panel{margin-top:0;}
  .business-contact-intro{
    display:none;
  }
  .business-contact-pc{
    display:none;
  }
  .business-contact-mobile{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .business-contact-link{
    --contact-accent:#d7aa45;
    position:relative;
    min-width:0;
    min-height:184px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    overflow:hidden;
    padding:18px 11px 12px;
    border:1px solid rgba(222,174,63,.28);
    border-radius:15px;
    background:
      radial-gradient(circle at 50% 4%,rgba(222,174,63,.11),transparent 36%),
      linear-gradient(180deg,#0e0d0b 0%,#080706 100%);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      0 10px 24px rgba(0,0,0,.18);
  }
  .business-contact-link:before{
    content:"";
    position:absolute;
    left:14px;
    right:14px;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--contact-accent),transparent);
    opacity:.7;
  }
  .business-contact-mobile-glow{
    position:absolute;
    top:-34px;
    left:50%;
    width:112px;
    height:112px;
    transform:translateX(-50%);
    border-radius:50%;
    background:var(--contact-accent);
    opacity:.07;
    filter:blur(22px);
    pointer-events:none;
  }

  .business-contact-link .business-contact-icon{
    position:relative;
    z-index:1;
    width:58px;
    height:58px;
    flex:0 0 58px;
    display:grid;
    place-items:center;
    overflow:hidden;
    margin-bottom:10px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    background:#111;
    box-shadow:0 8px 20px rgba(0,0,0,.30);
  }
  .business-contact-link .business-contact-icon img{
    width:100%;
    height:100%;
    object-fit:contain;
  }
  .business-contact-mobile-name{
    position:relative;
    z-index:1;
    color:#f3eee5;
    font-size:16px;
    font-weight:950;
    line-height:1.15;
    text-align:center;
  }
  .business-contact-mobile-guide{
    position:relative;
    z-index:1;
    min-height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:5px;
    color:#8c8479;
    font-size:9px;
    font-weight:750;
    line-height:1.35;
    text-align:center;
  }
  .business-contact-mobile-cta{
    position:relative;
    z-index:1;
    width:100%;
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:auto;
    padding:8px 9px;
    border:1px solid rgba(222,174,63,.35);
    border-radius:9px;
    background:linear-gradient(180deg,rgba(222,174,63,.11),rgba(222,174,63,.045));
    color:#efc75c;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  }
  .business-contact-mobile-cta b{
    font-size:10px;
    font-weight:950;
    letter-spacing:.01em;
    white-space:nowrap;
  }
  .business-contact-mobile-cta span{
    font-size:18px;
    line-height:1;
  }

  .business-contact-line{--contact-accent:#35d36f}
  .business-contact-zalo{--contact-accent:#4a8df6}
  .business-contact-telegram{--contact-accent:#53b8f2}
  .business-contact-kakao{--contact-accent:#f0cf35}

  .business-contact-link:active{
    transform:translateY(1px);
  }
}

@media(max-width:390px){
  .business-contact-mobile{
    gap:8px;
  }
  .business-contact-link{
    min-height:174px;
    padding:15px 9px 10px;
    border-radius:13px;
  }
  .business-contact-link .business-contact-icon{
    width:52px;
    height:52px;
    flex-basis:52px;
    margin-bottom:9px;
  }
  .business-contact-mobile-name{
    font-size:15px;
  }
  .business-contact-mobile-guide{
    min-height:28px;
    font-size:8px;
  }
  .business-contact-mobile-cta{
    min-height:36px;
    padding:7px 6px;
  }
  .business-contact-mobile-cta b{
    font-size:9px;
  }
}

/* =========================================================
   STEP318 — PUBLIC MAGAZINE PORTAL / LIST / VIEW
   PC cover: 16:9, Mobile cover: 3:4 (separate uploaded assets)
   ========================================================= */
.magazine-filter-panel{display:grid;gap:9px;margin:0 0 24px;padding:13px;border:1px solid rgba(222,174,63,.18);border-radius:12px;background:#090806}.magazine-filter-row{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px}.magazine-filter-row>strong{color:#8f877b;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.magazine-filter-scroll{display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;padding:1px 1px 3px;scrollbar-width:none}.magazine-filter-scroll::-webkit-scrollbar{display:none}.magazine-filter-scroll a{flex:0 0 auto;min-height:32px;display:flex;align-items:center;padding:0 11px;border:1px solid rgba(222,174,63,.18);border-radius:999px;color:#aaa397;background:#070706;font-size:10px;font-weight:850;white-space:nowrap}.magazine-filter-scroll a.active{border-color:#d5a842;color:#120e07;background:linear-gradient(180deg,#f0cf73,#c58d22)}
.magazine-page .magazine-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.magazine-page .magazine-card{display:block;min-width:0}.magazine-page .magazine-card-media{position:relative;display:block;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;background:#0d0b07}.magazine-page .magazine-card-media picture{display:block;width:100%;height:100%}.magazine-page .magazine-card-media picture img,.magazine-page .magazine-card-media>img{display:block;width:100%;height:100%;object-fit:cover}.magazine-card-badge,.magazine-detail-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(6,6,6,.78);color:#efd173;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(5px)}.magazine-card-badge{position:absolute;left:9px;bottom:9px;min-height:25px;padding:0 9px}.magazine-card-badge.category-new-face,.magazine-detail-badge.category-new-face{color:#ffd1df;border-color:rgba(255,160,190,.32)}.magazine-card-badge.category-event,.magazine-detail-badge.category-event{color:#f2ce6e;border-color:rgba(222,174,63,.38)}.magazine-card-badge.category-local-news,.magazine-detail-badge.category-local-news{color:#b9d8ff;border-color:rgba(135,184,242,.34)}.magazine-page .magazine-card-copy{padding:14px}.magazine-page .magazine-card h2{margin:8px 0 7px;font-size:19px}.magazine-page .magazine-card p{min-height:42px;font-size:12px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.magazine-article-meta{justify-content:center;align-items:center}.magazine-article-meta a{color:#d7aa45;font-size:10px;font-weight:900}.magazine-detail-badge{min-height:26px;padding:0 10px}.magazine-detail-page .magazine-cover{aspect-ratio:16/9}.magazine-detail-page .magazine-cover picture{display:block;width:100%;height:100%}.magazine-detail-page .magazine-cover img{display:block;width:100%;height:100%;object-fit:cover}
.magazine-media-section{max-width:980px;margin:38px auto 0;padding-top:25px;border-top:1px solid rgba(222,174,63,.18)}.magazine-media-section>h2,.magazine-business-cta-head h2{margin:0;color:#efd173;font-family:Georgia,serif;font-size:24px}.magazine-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.magazine-media-card,.magazine-link-card{min-width:0;overflow:hidden;border:1px solid rgba(222,174,63,.18);border-radius:10px;background:#090806}.magazine-media-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}.magazine-media-card>strong{display:block;padding:10px 12px;color:#ded6ca;font-size:12px}.magazine-embed-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}.magazine-embed-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.magazine-link-card{min-height:112px;display:flex;flex-direction:column;justify-content:center;padding:16px;transition:border-color .18s,transform .18s}.magazine-link-card:hover{transform:translateY(-1px);border-color:rgba(222,174,63,.38)}.magazine-link-card>span{color:#857d72;font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.magazine-link-card>strong{margin:7px 0 11px;color:#eee7db;font-size:15px;line-height:1.35}.magazine-link-card>b{color:#d7aa45;font-size:10px}.magazine-link-card.type-instagram{box-shadow:inset 2px 0 0 rgba(224,75,138,.55)}.magazine-link-card.type-tiktok{box-shadow:inset 2px 0 0 rgba(76,208,214,.5)}.magazine-link-card.type-google-map{box-shadow:inset 2px 0 0 rgba(89,174,100,.55)}
.magazine-business-cta{max-width:980px;margin:38px auto 0;padding-top:25px;border-top:1px solid rgba(222,174,63,.18)}.magazine-business-cta-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.magazine-business-cta-head>span{order:2;color:#7f776c;font-size:9px;font-weight:950;letter-spacing:.13em}.magazine-business-card{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:154px;overflow:hidden;border:1px solid rgba(222,174,63,.28);border-radius:12px;background:linear-gradient(135deg,#0d0b08,#070706)}.magazine-business-thumb{width:100%;height:100%;overflow:hidden;background:#060606}.magazine-business-thumb img{width:100%;height:100%;object-fit:cover}.magazine-business-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:18px}.magazine-business-copy small{color:#987d3e;font-size:9px;font-weight:900;letter-spacing:.08em}.magazine-business-copy strong{margin-top:4px;color:#f0d47f;font-size:22px;line-height:1.2}.magazine-business-copy p{margin:7px 0 0;color:#9f998f;font-size:11px;line-height:1.5}.magazine-business-copy span{margin-top:12px;color:#d7aa45;font-size:11px;font-weight:950}.magazine-related-grid a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center}.magazine-related-grid .magazine-related-type{grid-column:1/-1;color:#a27d35;font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.magazine-related-grid time{color:#777168;font-size:10px}
@media(max-width:820px){.magazine-filter-panel{margin-bottom:14px;padding:9px}.magazine-filter-row{grid-template-columns:1fr;gap:5px}.magazine-filter-row>strong{padding-left:2px}.magazine-filter-scroll{margin-left:-1px;margin-right:-1px}.magazine-page .magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.magazine-page .magazine-card{display:block;grid-template-columns:none}.magazine-page .magazine-card-media{height:auto;aspect-ratio:3/4}.magazine-page .magazine-card-copy{padding:9px}.magazine-page .magazine-card h2{margin:6px 0 4px;font-size:14px;line-height:1.3}.magazine-page .magazine-card p{display:none}.magazine-page .magazine-card-foot{margin-top:7px;padding-top:7px;font-size:8px}.magazine-page .magazine-meta{gap:5px;font-size:7px}.magazine-card-badge{left:6px;bottom:6px;min-height:21px;padding:0 7px;font-size:7px}.magazine-detail-page .magazine-cover{aspect-ratio:3/4;margin-bottom:22px}.magazine-media-grid{grid-template-columns:1fr}.magazine-media-section,.magazine-business-cta{margin-top:26px;padding-top:18px}.magazine-media-section>h2,.magazine-business-cta-head h2{font-size:20px}.magazine-business-card{grid-template-columns:92px minmax(0,1fr);min-height:118px}.magazine-business-copy{padding:12px}.magazine-business-copy strong{font-size:17px}.magazine-business-copy p{display:none}.magazine-business-copy span{margin-top:8px;font-size:10px}.magazine-related-grid a{padding:12px}.magazine-article-head h1{font-size:29px}.magazine-article-meta{gap:6px}.magazine-detail-badge{min-height:23px;padding:0 8px;font-size:8px}}
@media(max-width:390px){.magazine-page .magazine-grid{gap:7px}.magazine-page .magazine-card-copy{padding:8px}.magazine-page .magazine-card h2{font-size:13px}.magazine-business-card{grid-template-columns:84px minmax(0,1fr)}}


/* =========================================================
   STEP363 — MAGAZINE DETAIL EDITORIAL UI/UX
   Scope: detail VIEW only. List/business VIEW behavior untouched.
   ========================================================= */
.magazine-detail-page .magazine-article{
  width:min(1220px,calc(100% - 36px));
  padding:34px 0 82px;
}
.magazine-detail-page .magazine-breadcrumb{
  width:min(1100px,100%);
  margin:0 auto 18px;
  padding:0 4px;
  color:#777168;
}
.magazine-detail-page .magazine-breadcrumb a{
  color:#a69d90;
  transition:color .18s ease;
}
.magazine-detail-page .magazine-breadcrumb a:hover{color:#e2ba58}

.magazine-story-frame{
  position:relative;
  width:min(1100px,100%);
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(222,174,63,.25);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% -120px,rgba(222,174,63,.12),transparent 42%),
    linear-gradient(180deg,#0d0c0a 0%,#090806 36%,#070706 100%);
  box-shadow:0 24px 70px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025);
}
.magazine-story-frame:before{
  content:"";
  position:absolute;
  z-index:1;
  left:12%;
  right:12%;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,207,115,.85),transparent);
  pointer-events:none;
}
.magazine-detail-page .magazine-article-head{
  max-width:none;
  margin:0;
  padding:46px 68px 30px;
  border-bottom:1px solid rgba(222,174,63,.13);
  background:linear-gradient(180deg,rgba(255,255,255,.014),transparent);
}
.magazine-detail-page .magazine-article-meta{
  justify-content:center;
  gap:8px 11px;
  margin-bottom:11px;
}
.magazine-detail-page .magazine-article-meta>span:not(.magazine-detail-badge),
.magazine-detail-page .magazine-article-meta>a{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  color:#b48a37;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.magazine-detail-page .magazine-article-head h1{
  max-width:900px;
  margin:10px auto 12px;
  color:#f1d477;
  font-size:46px;
  line-height:1.18;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.magazine-detail-page .magazine-lead{
  max-width:820px;
  margin:0 auto 15px;
  color:#c4bdb2;
  font-size:16px;
  line-height:1.75;
}
.magazine-detail-page .magazine-article-head time{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#756f66;
  font-size:10px;
  letter-spacing:.04em;
}
.magazine-detail-page .magazine-article-head time:before,
.magazine-detail-page .magazine-article-head time:after{
  content:"";
  width:24px;
  height:1px;
  background:rgba(222,174,63,.22);
}

.magazine-detail-page .magazine-cover{
  width:calc(100% - 72px);
  max-width:none;
  margin:36px auto 0;
  border-color:rgba(222,174,63,.28);
  border-radius:14px;
  box-shadow:0 16px 42px rgba(0,0,0,.30);
}
.magazine-story-content{
  width:100%;
  padding:34px 68px 42px;
}
.magazine-detail-page .magazine-body{
  position:relative;
  max-width:900px;
  min-height:74px;
  margin:0 auto;
  padding:20px 24px 20px 27px;
  border:1px solid rgba(255,255,255,.055);
  border-left:2px solid rgba(222,174,63,.58);
  border-radius:0 10px 10px 0;
  background:linear-gradient(90deg,rgba(222,174,63,.045),rgba(255,255,255,.012));
  color:#e2ddd5;
  font-size:17px;
  line-height:1.95;
  word-break:keep-all;
  overflow-wrap:anywhere;
}
.magazine-detail-page .magazine-body:empty{display:none}
.magazine-detail-page .magazine-body p{margin:0}
.magazine-detail-page .magazine-body p+p{margin-top:1.35em}

.magazine-detail-page .magazine-photo-grid{
  max-width:900px;
  margin:28px auto 0;
  gap:12px;
}
.magazine-detail-page .magazine-photo-grid a{
  border-color:rgba(222,174,63,.20);
  border-radius:12px;
  background:#050505;
  box-shadow:0 12px 30px rgba(0,0,0,.20);
}
.magazine-detail-page .magazine-photo-grid.is-single{
  display:block;
  max-width:900px;
}
.magazine-detail-page .magazine-photo-grid.is-single a{
  width:100%;
  aspect-ratio:auto;
  text-align:center;
}
.magazine-detail-page .magazine-photo-grid.is-single img{
  width:auto;
  max-width:100%;
  height:auto;
  max-height:820px;
  margin:0 auto;
  object-fit:contain;
}
.magazine-detail-page .magazine-photo-grid:not(.is-single) a{aspect-ratio:4/3}

.magazine-detail-page .magazine-media-section{
  max-width:900px;
  margin:34px auto 0;
  padding-top:24px;
}
.magazine-detail-page .magazine-media-section>h2{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:22px;
}
.magazine-detail-page .magazine-media-section>h2:after{
  content:"";
  flex:1 1 auto;
  height:1px;
  background:linear-gradient(90deg,rgba(222,174,63,.25),transparent);
}
.magazine-detail-page .magazine-media-card,
.magazine-detail-page .magazine-link-card{
  border-radius:12px;
  background:linear-gradient(180deg,#0c0b09,#080706);
}

.magazine-detail-page .magazine-business-cta{
  max-width:none;
  margin:0 68px 44px;
  padding-top:26px;
}
.magazine-detail-page .magazine-business-cta-head{
  margin-bottom:14px;
}
.magazine-detail-page .magazine-business-cta-head h2{
  font-size:25px;
}
.magazine-detail-page .magazine-business-card{
  grid-template-columns:180px minmax(0,1fr);
  min-height:170px;
  border-color:rgba(222,174,63,.34);
  border-radius:14px;
  background:
    radial-gradient(circle at 0 50%,rgba(222,174,63,.09),transparent 32%),
    linear-gradient(135deg,#0f0d09,#080706);
  box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.magazine-detail-page .magazine-business-card:hover{
  transform:translateY(-2px);
  border-color:rgba(239,209,115,.58);
  box-shadow:0 18px 38px rgba(0,0,0,.28);
}
.magazine-detail-page .magazine-business-thumb{aspect-ratio:3/4}
.magazine-detail-page .magazine-business-copy{padding:22px 24px}
.magazine-detail-page .magazine-business-copy strong{font-size:25px}
.magazine-detail-page .magazine-business-copy p{max-width:670px;font-size:12px;line-height:1.65}
.magazine-detail-page .magazine-business-copy span{
  display:inline-flex;
  width:max-content;
  min-height:34px;
  align-items:center;
  margin-top:14px;
  padding:0 12px;
  border:1px solid rgba(222,174,63,.30);
  border-radius:999px;
  background:rgba(222,174,63,.055);
}

.magazine-detail-page .magazine-back{
  width:min(1100px,100%);
  max-width:none;
  margin:18px auto 0;
  padding:0 4px;
  border-top:0;
}
.magazine-detail-page .magazine-back a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(222,174,63,.18);
  border-radius:999px;
  background:#090806;
  color:#b9974d;
  font-size:11px;
}
.magazine-detail-page .magazine-related{
  width:min(1100px,100%);
  max-width:none;
  margin:34px auto 0;
  padding-top:24px;
  border-top:1px solid rgba(222,174,63,.16);
}
.magazine-detail-page .magazine-related h2{
  margin:0 0 14px;
  font-size:25px;
}
.magazine-detail-page .magazine-related-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.magazine-detail-page .magazine-related-grid a{
  min-height:104px;
  padding:16px;
  border-color:rgba(222,174,63,.18);
  border-radius:11px;
  background:linear-gradient(180deg,#0b0a08,#080706);
  transition:border-color .18s ease,transform .18s ease;
}
.magazine-detail-page .magazine-related-grid a:hover{
  transform:translateY(-1px);
  border-color:rgba(222,174,63,.38);
}

@media(max-width:820px){
  .magazine-detail-page .magazine-article{
    width:calc(100% - 16px);
    padding:18px 0 52px;
  }
  .magazine-detail-page .magazine-breadcrumb{
    margin-bottom:10px;
    padding:0 3px;
    font-size:9px;
  }
  .magazine-story-frame{border-radius:13px}
  .magazine-detail-page .magazine-article-head{
    padding:25px 15px 20px;
  }
  .magazine-detail-page .magazine-article-head h1{
    margin:8px auto 9px;
    font-size:30px;
    line-height:1.24;
  }
  .magazine-detail-page .magazine-lead{
    margin-bottom:11px;
    font-size:14px;
    line-height:1.65;
  }
  .magazine-detail-page .magazine-article-meta{gap:5px 7px}
  .magazine-detail-page .magazine-article-meta>span:not(.magazine-detail-badge),
  .magazine-detail-page .magazine-article-meta>a{font-size:8px}
  .magazine-detail-page .magazine-cover{
    width:calc(100% - 20px);
    margin-top:10px;
    margin-bottom:0;
    border-radius:10px;
  }
  .magazine-story-content{padding:18px 10px 24px}
  .magazine-detail-page .magazine-body{
    min-height:0;
    padding:15px 14px 15px 16px;
    border-radius:0 8px 8px 0;
    font-size:15px;
    line-height:1.82;
  }
  .magazine-detail-page .magazine-photo-grid{
    margin-top:16px;
    gap:8px;
  }
  .magazine-detail-page .magazine-photo-grid.is-single img{max-height:none}
  .magazine-detail-page .magazine-photo-grid:not(.is-single){grid-template-columns:1fr}
  .magazine-detail-page .magazine-photo-grid:not(.is-single) a{aspect-ratio:auto}
  .magazine-detail-page .magazine-photo-grid:not(.is-single) img{
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
  }
  .magazine-detail-page .magazine-media-section{
    margin-top:22px;
    padding-top:17px;
  }
  .magazine-detail-page .magazine-media-section>h2{font-size:19px}
  .magazine-detail-page .magazine-business-cta{
    margin:0 10px 24px;
    padding-top:20px;
  }
  .magazine-detail-page .magazine-business-cta-head{
    align-items:center;
    margin-bottom:10px;
  }
  .magazine-detail-page .magazine-business-cta-head h2{font-size:20px}
  .magazine-detail-page .magazine-business-card{
    grid-template-columns:105px minmax(0,1fr);
    min-height:132px;
    border-radius:11px;
  }
  .magazine-detail-page .magazine-business-copy{padding:13px}
  .magazine-detail-page .magazine-business-copy strong{font-size:17px}
  .magazine-detail-page .magazine-business-copy p{display:none}
  .magazine-detail-page .magazine-business-copy span{
    min-height:30px;
    margin-top:9px;
    padding:0 9px;
    font-size:9px;
  }
  .magazine-detail-page .magazine-back{margin-top:12px}
  .magazine-detail-page .magazine-back a{min-height:34px;font-size:10px}
  .magazine-detail-page .magazine-related{
    margin-top:24px;
    padding-top:18px;
  }
  .magazine-detail-page .magazine-related h2{margin-bottom:10px;font-size:20px}
  .magazine-detail-page .magazine-related-grid{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:0 0 4px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .magazine-detail-page .magazine-related-grid::-webkit-scrollbar{display:none}
  .magazine-detail-page .magazine-related-grid a{
    flex:0 0 78%;
    min-height:94px;
    scroll-snap-align:start;
  }
}
@media(max-width:390px){
  .magazine-detail-page .magazine-article-head h1{font-size:27px}
  .magazine-detail-page .magazine-business-card{grid-template-columns:92px minmax(0,1fr)}
  .magazine-detail-page .magazine-business-copy{padding:11px}
}


/* STEP367 — Magazine member comments */
.magazine-detail-page .magazine-comments{max-width:980px;margin:38px auto 0;padding-top:25px;border-top:1px solid rgba(222,174,63,.18)}
.magazine-comments-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}
.magazine-comments-head>div>span{display:block;margin-bottom:4px;color:#b98a32;font-size:9px;font-weight:950;letter-spacing:.13em}
.magazine-comments-head h2{margin:0;color:#efd173;font-family:Georgia,serif;font-size:24px;line-height:1.2}
.magazine-comments-head p{margin:5px 0 0;color:#888178;font-size:11px;line-height:1.5}
.magazine-comments-head>strong{flex:0 0 auto;color:#d5aa50;font-size:11px}
.magazine-comment-form{padding:13px;border:1px solid rgba(222,174,63,.22);border-radius:11px;background:linear-gradient(180deg,rgba(17,15,11,.92),rgba(8,8,7,.96))}
.magazine-comment-user{display:flex;align-items:center;gap:9px;margin-bottom:9px;color:#e8e0d4;font-size:12px}
.magazine-comment-user>img,.magazine-comment-avatar>img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.magazine-comment-user>span,.magazine-comment-avatar>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#211a0d;color:#efcf72;font-weight:900}
.magazine-comment-form textarea{display:block;width:100%;min-height:66px;resize:vertical;padding:11px 12px;border:1px solid rgba(222,174,63,.18);border-radius:8px;background:#050505;color:#eee7dc;font:inherit;font-size:12px;line-height:1.55;outline:none}
.magazine-comment-form textarea:focus{border-color:rgba(222,174,63,.52);box-shadow:0 0 0 2px rgba(222,174,63,.06)}
.magazine-comment-form-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}
.magazine-comment-form-foot small{color:#746e66;font-size:9px}
.magazine-comment-form-foot button{min-height:34px;padding:0 15px;border:1px solid #d9aa43;border-radius:8px;background:linear-gradient(180deg,#f0ce70,#c48d23);color:#171006;font-size:11px;font-weight:950;cursor:pointer}
.magazine-comment-error{margin:7px 0 0;color:#e28383;font-size:10px}
.magazine-comment-login{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 14px;border:1px solid rgba(222,174,63,.24);border-radius:10px;background:#0b0a08;color:#ddd5c8;font-size:11px;font-weight:850}
.magazine-comment-login .google-g{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#4285f4;font-size:14px;font-weight:950}
.magazine-comment-list{margin-top:12px;border-top:1px solid rgba(222,174,63,.12)}
.magazine-comment-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:14px 2px;border-bottom:1px solid rgba(222,174,63,.11)}
.magazine-comment-avatar{padding-top:1px}
.magazine-comment-copy{min-width:0}
.magazine-comment-meta{display:flex;align-items:center;gap:8px}
.magazine-comment-meta strong{color:#e8dfd1;font-size:11px}
.magazine-comment-meta time{color:#706a62;font-size:9px}
.magazine-comment-copy>p{margin:6px 0 0;color:#bbb4aa;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word}
.magazine-comment-copy form{margin-top:6px}
.magazine-comment-copy form button{padding:0;border:0;background:transparent;color:#927436;font-size:9px;cursor:pointer}
.magazine-comment-copy form button:hover{color:#e6bd5e}
.magazine-comment-empty{margin:12px 0 0;padding:16px;border:1px dashed rgba(222,174,63,.15);border-radius:9px;color:#777168;text-align:center;font-size:11px}
@media(max-width:820px){
  .magazine-detail-page .magazine-comments{margin:27px 0 0;padding-top:18px}
  .magazine-comments-head{align-items:flex-start;gap:10px}
  .magazine-comments-head h2{font-size:20px}
  .magazine-comments-head p{font-size:10px}
  .magazine-comment-form{padding:10px}
  .magazine-comment-form textarea{min-height:62px;font-size:11px}
  .magazine-comment-item{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:12px 0}
  .magazine-comment-user>img,.magazine-comment-user>span,.magazine-comment-avatar>img,.magazine-comment-avatar>span{width:31px;height:31px}
}

.magazine-comment-actions{display:flex;align-items:center;gap:10px;margin-top:7px}
.magazine-comment-actions>form{margin:0}
.magazine-reply-composer summary{color:#a88645;font-size:9px;cursor:pointer;list-style:none}
.magazine-reply-composer summary::-webkit-details-marker{display:none}
.magazine-reply-composer form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:8px}
.magazine-reply-composer textarea{min-height:50px;padding:9px 10px;border:1px solid rgba(222,174,63,.18);border-radius:7px;background:#050505;color:#eee7dc;font:inherit;font-size:11px;resize:vertical}
.magazine-reply-composer form button{align-self:end;min-height:31px;padding:0 10px;border:1px solid rgba(222,174,63,.36);border-radius:7px;background:#151108;color:#d7aa45;font-size:9px;font-weight:900}
.magazine-reply-list{margin-top:10px;padding-left:12px;border-left:1px solid rgba(222,174,63,.16)}
.magazine-reply-item{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;padding:10px 0;border-top:1px solid rgba(222,174,63,.08)}
.magazine-reply-item:first-child{border-top:0}
.magazine-comment-avatar.small>img,.magazine-comment-avatar.small>span{width:28px;height:28px}
@media(max-width:820px){.magazine-reply-composer form{grid-template-columns:1fr}.magazine-reply-composer form button{justify-self:end}.magazine-reply-list{padding-left:9px}}

/* =========================================================
   STEP372 — MAGAZINE LIST PREMIUM EDITORIAL UI
   Scope: public magazine LIST only
   ========================================================= */
.magazine-list-page .magazine-shell{
  width:min(1180px,calc(100% - 36px));
  padding:38px 0 76px;
}
.magazine-list-page .magazine-hero{
  position:relative;
  overflow:hidden;
  min-height:260px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin-bottom:0;
  padding:44px 24px 38px;
  border:1px solid rgba(222,174,63,.16);
  border-radius:18px 18px 0 0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 32%),
    radial-gradient(circle at 50% -25%,rgba(224,177,63,.16),transparent 48%),
    linear-gradient(135deg,#0c0b09 0%,#070706 55%,#0b0906 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 22px 50px rgba(0,0,0,.18);
}
.magazine-list-page .magazine-hero:before,
.magazine-list-page .magazine-hero:after{
  content:"";
  position:absolute;
  top:24px;
  bottom:24px;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(222,174,63,.22),transparent);
}
.magazine-list-page .magazine-hero:before{left:24px}
.magazine-list-page .magazine-hero:after{right:24px}
.magazine-list-page .magazine-hero-glow{
  position:absolute;
  width:420px;
  height:150px;
  top:-90px;
  left:50%;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(229,183,72,.13);
  filter:blur(45px);
  pointer-events:none;
}
.magazine-list-page .magazine-hero-edition{
  position:absolute;
  top:18px;
  right:26px;
  color:#6f6657;
  font-size:8px;
  font-weight:900;
  letter-spacing:.18em;
}
.magazine-list-page .magazine-kicker{position:relative;font-size:10px;letter-spacing:.26em}
.magazine-list-page .magazine-hero h1{
  position:relative;
  margin:9px 0 10px;
  color:#f0cf70;
  font-size:44px;
  line-height:1.08;
  letter-spacing:-.035em;
  text-shadow:0 2px 20px rgba(223,173,53,.08);
}
.magazine-list-page .magazine-hero p{
  position:relative;
  max-width:660px;
  color:#aaa399;
  font-size:14px;
  line-height:1.7;
}
.magazine-hero-rule{
  position:relative;
  width:min(390px,72%);
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
  margin-top:23px;
}
.magazine-hero-rule span{height:1px;background:linear-gradient(90deg,transparent,rgba(222,174,63,.30))}
.magazine-hero-rule span:last-child{background:linear-gradient(90deg,rgba(222,174,63,.30),transparent)}
.magazine-hero-rule b{color:#876a2f;font-family:Georgia,serif;font-size:10px;letter-spacing:.12em}

.magazine-list-page .magazine-country-tabs{
  position:relative;
  z-index:2;
  width:max-content;
  max-width:calc(100% - 28px);
  margin:-1px auto 28px;
  padding:7px;
  border:1px solid rgba(222,174,63,.18);
  border-top-color:rgba(222,174,63,.10);
  border-radius:0 0 13px 13px;
  background:#090806;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.magazine-list-page .magazine-country-tabs a{
  min-width:132px;
  padding:10px 16px;
  border-color:transparent;
  border-radius:8px;
  background:transparent;
  text-align:center;
}
.magazine-list-page .magazine-country-tabs a.active,
.magazine-list-page .magazine-country-tabs a:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 5px 14px rgba(0,0,0,.22);
}

.magazine-list-page .magazine-filter-panel{
  overflow:hidden;
  margin-bottom:30px;
  border:1px solid rgba(222,174,63,.19);
  border-radius:14px;
  background:linear-gradient(180deg,#0b0a08,#080706);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.magazine-filter-head{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:13px 17px;
  border-bottom:1px solid rgba(222,174,63,.11);
  background:linear-gradient(90deg,rgba(222,174,63,.055),transparent 36%);
}
.magazine-filter-head>div{display:flex;align-items:center;gap:12px;min-width:0}
.magazine-filter-head span{color:#b48a38;font-size:8px;font-weight:950;letter-spacing:.16em}
.magazine-filter-head strong{overflow:hidden;color:#d8d0c4;font-size:11px;font-weight:850;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}
.magazine-filter-head em{
  flex:0 0 auto;
  padding:5px 8px;
  border:1px solid rgba(222,174,63,.17);
  border-radius:999px;
  color:#817765;
  font-size:8px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.08em;
}
.magazine-list-page .magazine-filter-row{
  min-height:50px;
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:8px 16px;
  border-bottom:1px solid rgba(255,255,255,.035);
}
.magazine-list-page .magazine-filter-row:last-child{border-bottom:0}
.magazine-list-page .magazine-filter-row>strong{
  color:#746e65;
  font-size:9px;
  font-weight:900;
  letter-spacing:.03em;
}
.magazine-list-page .magazine-filter-scroll{display:flex;align-items:center;gap:7px;min-width:0}
.magazine-list-page .magazine-filter-scroll a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 12px;
  border:1px solid rgba(222,174,63,.15);
  border-radius:999px;
  background:#090806;
  color:#999187;
  font-size:9px;
  font-weight:850;
  transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease;
}
.magazine-list-page .magazine-filter-scroll a:hover{transform:translateY(-1px);border-color:rgba(222,174,63,.38);color:#dbc16f}
.magazine-list-page .magazine-filter-scroll a.active{
  border-color:#d6a63d;
  background:linear-gradient(180deg,#efce70,#c18a20);
  color:#151006;
  box-shadow:0 5px 12px rgba(0,0,0,.20);
}

.magazine-feed-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:0 2px 12px;
  padding:0 2px 11px;
  border-bottom:1px solid rgba(222,174,63,.17);
}
.magazine-feed-heading>div{display:flex;align-items:baseline;gap:10px}
.magazine-feed-heading>div>span{color:#b88a34;font-size:8px;font-weight:950;letter-spacing:.17em}
.magazine-feed-heading>div>strong{color:#e7ddce;font-size:16px;font-weight:900}
.magazine-feed-count{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:1px solid rgba(222,174,63,.20);
  border-radius:50%;
  color:#bd963e;
  font-family:Georgia,serif;
  font-size:11px;
}
.magazine-feed-heading-secondary{margin-top:28px}

.magazine-list-page .magazine-card{
  position:relative;
  border-color:rgba(222,174,63,.22);
  border-radius:14px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.012),transparent 28%),
    linear-gradient(180deg,#0c0b09,#070706);
  box-shadow:0 12px 26px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.018);
  transition:transform .20s ease,border-color .20s ease,box-shadow .20s ease;
}
.magazine-list-page .magazine-card:hover{
  transform:translateY(-3px);
  border-color:rgba(239,209,115,.45);
  box-shadow:0 18px 38px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025);
}
.magazine-list-page .magazine-card-media{position:relative;aspect-ratio:16/9;border-bottom:1px solid rgba(222,174,63,.12)}
.magazine-list-page .magazine-card-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.34));
  pointer-events:none;
}
.magazine-list-page .magazine-card-media picture{display:block;width:100%;height:100%}
.magazine-list-page .magazine-card-media img{width:100%;height:100%;object-fit:cover}
.magazine-list-page .magazine-card-badge{
  position:absolute;
  z-index:2;
  left:12px;
  bottom:11px;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border:1px solid rgba(239,209,115,.55);
  border-radius:999px;
  background:rgba(8,7,5,.80);
  backdrop-filter:blur(8px);
  color:#efd06d;
  font-size:8px;
  font-weight:950;
  letter-spacing:.06em;
}
.magazine-list-page .magazine-placeholder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:radial-gradient(circle at 50% 35%,rgba(222,174,63,.10),transparent 40%),#0a0805}
.magazine-list-page .magazine-placeholder small{color:#574727;font:700 8px/1 Arial,sans-serif;letter-spacing:.18em}

.magazine-card-featured{
  min-height:390px;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(330px,.85fr);
  overflow:hidden;
}
.magazine-list-page .magazine-card-featured .magazine-card-media{height:100%;min-height:390px;aspect-ratio:auto;border-right:1px solid rgba(222,174,63,.13);border-bottom:0}
.magazine-list-page .magazine-card-featured .magazine-card-copy{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:34px 34px 30px;
  background:
    radial-gradient(circle at 100% 0,rgba(222,174,63,.08),transparent 36%),
    linear-gradient(135deg,#0e0c09,#080706);
}
.magazine-list-page .magazine-card-featured .magazine-card-copy:before{
  content:"";
  position:absolute;
  left:34px;
  top:24px;
  width:42px;
  height:1px;
  background:#c69735;
}
.magazine-card-topline{margin:0 0 19px;color:#7b6a4a;font-size:8px;font-weight:950;letter-spacing:.18em}
.magazine-list-page .magazine-card-featured .magazine-meta{font-size:9px}
.magazine-list-page .magazine-card-featured h2{margin:12px 0 12px;font-size:34px;line-height:1.22;letter-spacing:-.025em}
.magazine-list-page .magazine-card-featured h2 a{color:#f0d27a}
.magazine-list-page .magazine-card-featured p{min-height:0;margin:0;color:#aaa298;font-size:13px;line-height:1.75}
.magazine-featured-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:24px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.065);
}
.magazine-featured-action time{color:#6f6961;font-size:9px}
.magazine-featured-action a{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 12px;
  border:1px solid rgba(222,174,63,.28);
  border-radius:999px;
  background:rgba(222,174,63,.045);
  color:#dcb450;
  font-size:10px;
  font-weight:900;
}
.magazine-featured-action a b{font-size:14px;font-weight:500}

.magazine-list-page .magazine-grid-secondary{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.magazine-list-page .magazine-grid-secondary .magazine-card-copy{padding:16px 17px 15px}
.magazine-list-page .magazine-grid-secondary .magazine-card h2{margin:9px 0 8px;font-size:19px;line-height:1.35}
.magazine-list-page .magazine-grid-secondary .magazine-card p{min-height:42px;color:#8f887f;font-size:11px;line-height:1.65}
.magazine-list-page .magazine-grid-secondary .magazine-card-foot{margin-top:13px;padding-top:11px}

.magazine-empty-premium{
  position:relative;
  min-height:330px;
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  align-items:center;
  gap:38px;
  overflow:hidden;
  padding:36px 64px;
  border-color:rgba(222,174,63,.20);
  border-radius:16px;
  background:
    radial-gradient(circle at 18% 50%,rgba(222,174,63,.085),transparent 25%),
    linear-gradient(135deg,#0c0b09,#070706);
  text-align:left;
}
.magazine-empty-premium:before{
  content:"";
  position:absolute;
  inset:15px;
  border:1px solid rgba(222,174,63,.07);
  border-radius:11px;
  pointer-events:none;
}
.magazine-empty-emblem{
  position:relative;
  z-index:1;
  aspect-ratio:1/1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(222,174,63,.20);
  border-radius:50%;
  background:radial-gradient(circle,rgba(222,174,63,.08),transparent 63%);
}
.magazine-empty-emblem small,.magazine-empty-emblem span{color:#655432;font-size:7px;font-weight:950;letter-spacing:.18em}
.magazine-empty-emblem strong{margin:6px 0;color:#9d7936;font-family:Georgia,serif;font-size:43px;font-weight:500}
.magazine-empty-copy{position:relative;z-index:1;display:block}
.magazine-empty-copy>span{display:block;margin-bottom:8px;color:#8d713b;font-size:8px;font-weight:950;letter-spacing:.18em}
.magazine-empty-copy>strong{display:block;color:#e4c66a;font-size:22px;line-height:1.3}
.magazine-empty-copy>p{margin:8px 0 0;color:#857f76;font-size:12px;line-height:1.65}
.magazine-empty-lines{position:absolute;right:0;bottom:35px;width:38%;display:grid;gap:5px;opacity:.18}
.magazine-empty-lines i{height:1px;background:linear-gradient(90deg,transparent,#ba8c36)}
.magazine-empty-lines i:nth-child(2){width:78%;margin-left:auto}.magazine-empty-lines i:nth-child(3){width:58%;margin-left:auto}

.magazine-list-page .magazine-pagination{margin-top:30px;padding-top:20px;border-top:1px solid rgba(222,174,63,.12)}

@media(max-width:820px){
  .magazine-list-page .magazine-shell{width:calc(100% - 16px);padding:20px 0 48px}
  .magazine-list-page .magazine-hero{min-height:210px;padding:34px 18px 28px;border-radius:14px 14px 0 0}
  .magazine-list-page .magazine-hero:before{left:13px}.magazine-list-page .magazine-hero:after{right:13px}
  .magazine-list-page .magazine-hero-edition{top:13px;right:16px;font-size:7px}
  .magazine-list-page .magazine-hero h1{font-size:31px}
  .magazine-list-page .magazine-hero p{max-width:360px;font-size:12px;line-height:1.6}
  .magazine-hero-rule{margin-top:17px}
  .magazine-list-page .magazine-country-tabs{width:calc(100% - 24px);display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px}
  .magazine-list-page .magazine-country-tabs a{min-width:0;padding:9px 7px}
  .magazine-list-page .magazine-filter-panel{margin-bottom:20px;border-radius:12px}
  .magazine-filter-head{min-height:50px;padding:10px 12px}
  .magazine-filter-head strong{font-size:9px}.magazine-filter-head em{font-size:7px}
  .magazine-list-page .magazine-filter-row{grid-template-columns:56px minmax(0,1fr);gap:7px;padding:7px 10px}
  .magazine-list-page .magazine-filter-scroll{overflow-x:auto;padding:2px 0;scrollbar-width:none}
  .magazine-list-page .magazine-filter-scroll::-webkit-scrollbar{display:none}
  .magazine-list-page .magazine-filter-scroll a{flex:0 0 auto;min-height:29px;padding:0 10px;font-size:8px}
  .magazine-feed-heading{margin-bottom:9px;padding-bottom:8px}
  .magazine-feed-heading>div>strong{font-size:13px}
  .magazine-feed-count{width:27px;height:27px;font-size:9px}
  .magazine-card-featured{display:block;min-height:0;border-radius:12px}
  .magazine-list-page .magazine-card-featured .magazine-card-media{width:100%;height:auto;min-height:0;aspect-ratio:3/4;border-right:0;border-bottom:1px solid rgba(222,174,63,.13)}
  .magazine-list-page .magazine-card-featured .magazine-card-copy{padding:19px 17px 17px}
  .magazine-list-page .magazine-card-featured .magazine-card-copy:before{left:17px;top:13px;width:30px}
  .magazine-card-topline{margin:0 0 15px;font-size:7px}
  .magazine-list-page .magazine-card-featured h2{margin:8px 0 8px;font-size:24px}
  .magazine-list-page .magazine-card-featured p{font-size:12px;line-height:1.65}
  .magazine-featured-action{margin-top:15px;padding-top:12px}
  .magazine-feed-heading-secondary{margin-top:22px}
  .magazine-list-page .magazine-grid-secondary{
    display:flex;
    gap:9px;
    overflow-x:auto;
    padding:0 0 5px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .magazine-list-page .magazine-grid-secondary::-webkit-scrollbar{display:none}
  .magazine-list-page .magazine-grid-secondary .magazine-card{
    flex:0 0 76%;
    display:block;
    scroll-snap-align:start;
  }
  .magazine-list-page .magazine-grid-secondary .magazine-card-media{height:auto;aspect-ratio:3/4}
  .magazine-list-page .magazine-grid-secondary .magazine-card p{display:block;min-height:0}
  .magazine-empty-premium{min-height:300px;grid-template-columns:1fr;justify-items:center;gap:18px;padding:30px 24px;text-align:center}
  .magazine-empty-emblem{width:132px}
  .magazine-empty-emblem strong{font-size:34px}
  .magazine-empty-copy>strong{font-size:18px}
  .magazine-empty-copy>p{font-size:11px}
  .magazine-empty-lines{display:none}
}
@media(max-width:390px){
  .magazine-list-page .magazine-hero{padding-left:14px;padding-right:14px}
  .magazine-list-page .magazine-hero h1{font-size:29px}
  .magazine-list-page .magazine-grid-secondary .magazine-card{flex-basis:80%}
}

/* =========================================================
   STEP384 — MAGAZINE CARD ARCHIVE + ORIGINAL-SIZE DETAIL IMAGES
   LIST: complete archive UI with category shelves and placeholders.
   DETAIL PC: never upscale article images beyond their intrinsic size.
   ========================================================= */

/* LIST — remove the old featured-story treatment and use complete card shelves */
.magazine-list-page .magazine-archive{
  display:grid;
  gap:34px;
}
.magazine-archive-section{
  min-width:0;
}
.magazine-archive-head{
  min-height:72px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:12px;
  padding:0 3px 12px;
  border-bottom:1px solid rgba(222,174,63,.18);
}
.magazine-archive-head>div{min-width:0}
.magazine-archive-head span{
  display:block;
  margin-bottom:5px;
  color:#9f7830;
  font-size:8px;
  font-weight:950;
  letter-spacing:.18em;
}
.magazine-archive-head h2{
  margin:0;
  color:#efd071;
  font-family:Georgia,serif;
  font-size:25px;
  line-height:1.1;
}
.magazine-archive-head p{
  margin:6px 0 0;
  color:#777168;
  font-size:10px;
  line-height:1.5;
}
.magazine-archive-head em{
  flex:0 0 auto;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(222,174,63,.20);
  border-radius:50%;
  color:#b9913c;
  font-family:Georgia,serif;
  font-size:11px;
  font-style:normal;
}
.magazine-archive-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:13px;
}
.magazine-archive-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(222,174,63,.20);
  border-radius:12px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.012),transparent 24%),
    linear-gradient(180deg,#0c0b09,#070706);
  box-shadow:0 10px 24px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.015);
}
.magazine-archive-card.is-live{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.magazine-archive-card.is-live:hover{
  transform:translateY(-3px);
  border-color:rgba(239,209,115,.43);
  box-shadow:0 17px 34px rgba(0,0,0,.22);
}
.magazine-archive-media{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border-bottom:1px solid rgba(222,174,63,.11);
  background:#090806;
}
.magazine-archive-media picture{
  display:block;
  width:100%;
  height:100%;
}
.magazine-archive-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .22s ease;
}
.magazine-archive-card.is-live:hover .magazine-archive-media img{transform:scale(1.018)}
.magazine-archive-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 56%,rgba(0,0,0,.34));
  pointer-events:none;
}
.magazine-archive-placeholder{
  position:absolute;
  inset:0;
  z-index:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  background:
    radial-gradient(circle at 50% 38%,rgba(222,174,63,.095),transparent 34%),
    linear-gradient(135deg,#0d0b08,#080706);
  color:#6f5729;
}
.magazine-archive-placeholder small{
  color:#514528;
  font-size:7px;
  font-weight:950;
  letter-spacing:.20em;
}
.magazine-archive-placeholder b{
  color:#80632e;
  font-family:Georgia,serif;
  font-size:32px;
  font-weight:500;
}
.magazine-archive-placeholder i{
  margin-top:4px;
  color:#5f5544;
  font-size:7px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.10em;
}
.magazine-archive-copy{
  min-height:154px;
  display:flex;
  flex-direction:column;
  padding:13px 14px 12px;
}
.magazine-archive-copy .magazine-meta{
  min-height:13px;
  gap:6px;
  color:#9d7936;
  font-size:7px;
  line-height:1.3;
}
.magazine-archive-copy h3{
  margin:8px 0 7px;
  color:#e8c967;
  font-size:16px;
  line-height:1.35;
}
.magazine-archive-copy h3 a{color:inherit}
.magazine-archive-copy p{
  min-height:34px;
  margin:0;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  color:#817b72;
  font-size:10px;
  line-height:1.65;
}
.magazine-archive-foot{
  margin-top:auto;
  padding-top:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border-top:1px solid rgba(255,255,255,.055);
  color:#676159;
  font-size:8px;
}
.magazine-archive-foot a{
  color:#c99a38;
  font-weight:900;
}
.magazine-archive-card.is-coming{
  border-style:dashed;
  border-color:rgba(222,174,63,.13);
  opacity:.82;
}
.magazine-archive-card.is-coming .magazine-archive-copy h3{
  color:#9a7a3b;
}
.magazine-archive-card.is-coming .magazine-archive-copy p{
  color:#625d55;
}

/* DETAIL PC — preserve uploaded/original image dimensions; only shrink when viewport is smaller */
@media(min-width:821px){
  .magazine-detail-page .magazine-cover{
    width:fit-content;
    max-width:calc(100% - 72px);
    aspect-ratio:auto;
    overflow:visible;
    background:transparent;
  }
  .magazine-detail-page .magazine-cover picture{
    display:block;
    width:fit-content;
    max-width:100%;
    height:auto;
  }
  .magazine-detail-page .magazine-cover img{
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
    max-height:none;
    margin:0 auto;
    object-fit:contain;
  }

  .magazine-detail-page .magazine-photo-grid{
    align-items:start;
  }
  .magazine-detail-page .magazine-photo-grid.is-single{
    width:fit-content;
    max-width:900px;
  }
  .magazine-detail-page .magazine-photo-grid.is-single a{
    display:block;
    width:fit-content;
    max-width:100%;
    margin:0 auto;
    aspect-ratio:auto;
    overflow:visible;
  }
  .magazine-detail-page .magazine-photo-grid.is-single img{
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
    max-height:none;
    margin:0 auto;
    object-fit:contain;
  }
}

/* Mobile keeps the established 3:4 media language, but the archive is always visually complete */
@media(max-width:820px){
  .magazine-list-page .magazine-archive{gap:26px}
  .magazine-archive-head{
    min-height:60px;
    margin-bottom:9px;
    padding:0 2px 9px;
  }
  .magazine-archive-head h2{font-size:20px}
  .magazine-archive-head p{
    max-width:250px;
    font-size:9px;
  }
  .magazine-archive-head em{
    width:29px;
    height:29px;
    font-size:9px;
  }
  .magazine-archive-grid{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:0 0 5px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .magazine-archive-grid::-webkit-scrollbar{display:none}
  .magazine-archive-card{
    flex:0 0 calc((100% - 8px) / 2.18);
    scroll-snap-align:start;
    border-radius:10px;
  }
  .magazine-archive-media{aspect-ratio:3/4}
  .magazine-archive-copy{
    min-height:124px;
    padding:9px 9px 8px;
  }
  .magazine-archive-copy h3{
    margin:6px 0 5px;
    font-size:13px;
  }
  .magazine-archive-copy p{display:none}
  .magazine-archive-foot{
    padding-top:7px;
    font-size:7px;
  }
  .magazine-archive-placeholder b{font-size:26px}
  .magazine-archive-placeholder i{font-size:6px}
}

@media(max-width:390px){
  .magazine-archive-card{
    flex-basis:calc((100% - 7px) / 2.12);
  }
}


/* =========================================================
   STAGE 27 — MAGAZINE / VIEW DESIGN SYSTEM CONSOLIDATION
   Public magazine LIST + ARTICLE only. Business VIEW untouched.
   ========================================================= */
.magazine-page{
  --mag-gold:#d8aa37;
  --mag-gold-2:#f0cf71;
  --mag-line:rgba(216,170,55,.34);
  --mag-line-soft:rgba(216,170,55,.14);
  --mag-text:#f0ece4;
  --mag-muted:#aaa399;
  --mag-surface:#090908;
  --mag-surface-2:#060606;
  --mag-hairline:rgba(255,255,255,.075);
  --mag-hairline-strong:rgba(255,255,255,.11);
  background:#020202;
  color:var(--mag-text);
}

/* LIST — same density, frame language and spacing rhythm as public VIEW */
@media(min-width:1041px){
  .magazine-list-page .magazine-shell{
    width:min(1440px,calc(100% - 48px));
    padding:18px 0 42px;
  }
  .magazine-list-page .magazine-hero{
    min-height:0;
    align-items:flex-start;
    justify-content:center;
    margin:0 0 10px;
    padding:22px 24px 21px;
    text-align:left;
    border:1px solid var(--mag-hairline);
    border-radius:10px;
    background:radial-gradient(circle at 20% 0,rgba(216,170,55,.07),transparent 34%),linear-gradient(180deg,rgba(13,13,12,.96),rgba(6,6,6,.98));
    box-shadow:0 12px 30px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.02);
  }
  .magazine-list-page .magazine-hero:before,
  .magazine-list-page .magazine-hero:after{display:none}
  .magazine-list-page .magazine-hero-glow{display:none}
  .magazine-list-page .magazine-hero-edition{
    top:18px;right:22px;color:#776c58;font-size:8px;letter-spacing:.14em;
  }
  .magazine-list-page .magazine-kicker{font-size:9px;letter-spacing:.14em}
  .magazine-list-page .magazine-hero h1{
    margin:5px 0 6px;
    color:#f1d27a;
    font-family:var(--n2a-font-display,Georgia,serif);
    font-size:34px;
    font-weight:650;
    line-height:1.04;
    letter-spacing:.005em;
  }
  .magazine-list-page .magazine-hero p{
    max-width:780px;
    margin:0;
    color:var(--mag-muted);
    font-size:13px;
    line-height:1.65;
  }
  .magazine-list-page .magazine-hero-rule{
    width:100%;
    grid-template-columns:42px 0 1fr;
    gap:0;
    margin-top:13px;
  }
  .magazine-list-page .magazine-hero-rule span:first-child{background:rgba(240,207,113,.72)}
  .magazine-list-page .magazine-hero-rule span:last-child{background:rgba(255,255,255,.075)}
  .magazine-list-page .magazine-hero-rule b{display:none}

  .magazine-list-page .magazine-filter-panel{
    margin:0 0 12px;
    border:1px solid var(--mag-hairline);
    border-radius:10px;
    background:linear-gradient(180deg,#0c0c0b,#080807);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  }
  .magazine-list-page .magazine-filter-head{
    min-height:46px;
    padding:9px 14px;
    border-bottom:1px solid var(--mag-hairline);
    background:transparent;
  }
  .magazine-list-page .magazine-filter-head span{font-size:8px;letter-spacing:.14em}
  .magazine-list-page .magazine-filter-head strong{font-size:11px;color:#ddd7ce}
  .magazine-list-page .magazine-filter-head em{font-size:8px;border-color:var(--mag-line-soft)}
  .magazine-list-page .magazine-filter-row{
    min-height:42px;
    grid-template-columns:90px minmax(0,1fr);
    gap:9px;
    padding:6px 13px;
    border-bottom:1px solid rgba(255,255,255,.045);
  }
  .magazine-list-page .magazine-filter-scroll a{
    min-height:28px;
    padding:0 11px;
    border-radius:7px;
    border-color:var(--mag-hairline);
    background:#090908;
    color:#a69f95;
    font-size:9px;
  }

  .magazine-list-page .magazine-archive{gap:12px}
  .magazine-list-page .magazine-archive-section{
    padding:14px 16px 16px;
    border:1px solid var(--mag-hairline);
    border-radius:10px;
    background:linear-gradient(180deg,rgba(13,13,12,.96),rgba(6,6,6,.98));
    box-shadow:0 12px 30px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.02);
  }
  .magazine-list-page .magazine-archive-head{
    position:relative;
    min-height:0;
    align-items:flex-end;
    margin:0 0 11px;
    padding:0 0 10px;
    border-bottom:0;
  }
  .magazine-list-page .magazine-archive-head:after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;height:1px;
    background:linear-gradient(90deg,rgba(240,207,113,.72) 0 42px,rgba(255,255,255,.075) 42px 100%);
  }
  .magazine-list-page .magazine-archive-head span{margin-bottom:4px;font-size:8px;letter-spacing:.14em}
  .magazine-list-page .magazine-archive-head h2{
    color:#f1d27a;
    font-family:var(--n2a-font-display,Georgia,serif);
    font-size:25px;
    font-weight:650;
    line-height:1.04;
  }
  .magazine-list-page .magazine-archive-head p{margin-top:4px;font-size:10px;color:#837d74}
  .magazine-list-page .magazine-archive-head em{
    width:32px;height:32px;border-color:var(--mag-line-soft);font-size:10px;
  }
  .magazine-list-page .magazine-archive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .magazine-list-page .magazine-archive-card{
    border-color:var(--mag-hairline);
    border-radius:9px;
    background:linear-gradient(180deg,#0c0c0b,#080807);
    box-shadow:none;
  }
  .magazine-list-page .magazine-archive-card.is-live:hover{
    transform:translateY(-2px);
    border-color:rgba(216,170,55,.35);
    box-shadow:0 10px 24px rgba(0,0,0,.20);
  }
  .magazine-list-page .magazine-archive-media{aspect-ratio:16/10;border-bottom-color:var(--mag-hairline)}
  .magazine-list-page .magazine-card-badge{
    left:9px;bottom:9px;min-height:22px;padding:0 8px;border-radius:6px;font-size:7px;
  }
  .magazine-list-page .magazine-archive-copy{min-height:142px;padding:11px 12px 10px}
  .magazine-list-page .magazine-archive-copy h3{margin:7px 0 6px;font-size:15px;line-height:1.3}
  .magazine-list-page .magazine-archive-copy p{min-height:32px;font-size:9.5px;line-height:1.55}
  .magazine-list-page .magazine-archive-foot{padding-top:8px;font-size:8px}

  .magazine-list-page .magazine-empty-state{
    min-height:180px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:28px;
    text-align:center;
    border:1px solid var(--mag-hairline);
    border-radius:10px;
    background:radial-gradient(circle at 50% 0,rgba(216,170,55,.06),transparent 35%),linear-gradient(180deg,#0c0c0b,#080807);
  }
  .magazine-list-page .magazine-empty-state span{color:#a77f32;font-size:8px;font-weight:950;letter-spacing:.14em}
  .magazine-list-page .magazine-empty-state strong{margin-top:7px;color:#f1d27a;font-family:var(--n2a-font-display,Georgia,serif);font-size:25px}
  .magazine-list-page .magazine-empty-state p{margin:7px 0 0;color:#888178;font-size:11px}
}

/* DETAIL — article identity kept, but every major block now speaks VIEW */
@media(min-width:1041px){
  .magazine-detail-page .magazine-article{
    width:min(1440px,calc(100% - 48px));
    padding:18px 0 42px;
  }
  .magazine-detail-page .magazine-breadcrumb{
    width:min(1240px,100%);
    min-height:34px;
    margin:0 auto 10px;
    padding:0 11px;
    border:1px solid var(--mag-line);
    border-radius:7px;
    background:#070706;
    color:#8d8579;
    font-size:9px;
  }
  .magazine-detail-page .magazine-story-frame{
    width:min(1240px,100%);
    border:1px solid var(--mag-hairline-strong);
    border-radius:11px;
    background:linear-gradient(180deg,rgba(13,13,12,.96),rgba(6,6,6,.98));
    box-shadow:0 18px 46px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.02);
  }
  .magazine-detail-page .magazine-story-frame:before{
    left:0;right:auto;width:56px;background:rgba(240,207,113,.75);
  }
  .magazine-detail-page .magazine-article-head{
    padding:22px 26px 18px;
    text-align:left;
    border-bottom:1px solid var(--mag-hairline);
    background:radial-gradient(circle at 0 0,rgba(216,170,55,.055),transparent 28%);
  }
  .magazine-detail-page .magazine-article-meta{justify-content:flex-start;margin-bottom:8px}
  .magazine-detail-page .magazine-article-head h1{
    max-width:1000px;
    margin:7px 0 8px;
    color:#f1d27a;
    font-family:var(--n2a-font-display,Georgia,serif);
    font-size:38px;
    font-weight:650;
    line-height:1.12;
    letter-spacing:.002em;
    text-wrap:balance;
  }
  .magazine-detail-page .magazine-lead{
    max-width:960px;
    margin:0 0 10px;
    color:#b9b2a8;
    font-size:14px;
    line-height:1.7;
  }
  .magazine-detail-page .magazine-article-head time{font-size:9px}
  .magazine-detail-page .magazine-article-head time:before{width:26px}
  .magazine-detail-page .magazine-article-head time:after{display:none}

  .magazine-detail-page .magazine-cover{
    max-width:calc(100% - 52px);
    margin:24px auto 0;
    border:1px solid var(--mag-hairline-strong);
    border-radius:9px;
    box-shadow:0 12px 28px rgba(0,0,0,.20);
  }
  .magazine-detail-page .magazine-story-content{padding:22px 26px 20px}
  .magazine-detail-page .magazine-body{
    max-width:1000px;
    margin:0 auto;
    padding:18px 20px;
    border:1px solid var(--mag-hairline);
    border-left:2px solid rgba(216,170,55,.68);
    border-radius:0 9px 9px 0;
    background:linear-gradient(180deg,#0c0c0b,#080807);
    color:#ddd8cf;
    font-size:15px;
    line-height:1.85;
  }
  .magazine-detail-page .magazine-photo-grid,
  .magazine-detail-page .magazine-media-section{max-width:1000px}
  .magazine-detail-page .magazine-photo-grid{margin-top:18px;gap:9px}
  .magazine-detail-page .magazine-photo-grid a{border-color:var(--mag-hairline-strong);border-radius:9px;box-shadow:none}
  .magazine-detail-page .magazine-media-section{
    margin-top:18px;
    padding:14px;
    border:1px solid var(--mag-hairline);
    border-radius:9px;
    background:linear-gradient(180deg,#0c0c0b,#080807);
  }
  .magazine-detail-page .magazine-media-section>h2{
    position:relative;
    margin:0 0 10px;
    padding-bottom:8px;
    color:#f1d27a;
    font-family:var(--n2a-font-display,Georgia,serif);
    font-size:21px;
  }
  .magazine-detail-page .magazine-media-section>h2:after{
    position:absolute;left:0;right:0;bottom:0;
    background:linear-gradient(90deg,rgba(240,207,113,.72) 0 42px,rgba(255,255,255,.075) 42px 100%);
  }

  .magazine-detail-page .magazine-business-cta,
  .magazine-detail-page .magazine-comments{
    max-width:none;
    margin:0 26px 16px;
    padding:14px;
    border:1px solid var(--mag-hairline);
    border-radius:9px;
    background:linear-gradient(180deg,#0c0c0b,#080807);
  }
  .magazine-detail-page .magazine-business-cta{margin-top:4px}
  .magazine-detail-page .magazine-business-cta-head,
  .magazine-detail-page .magazine-comments-head{
    position:relative;
    margin-bottom:10px;
    padding-bottom:8px;
  }
  .magazine-detail-page .magazine-business-cta-head:after,
  .magazine-detail-page .magazine-comments-head:after{
    content:"";
    position:absolute;left:0;right:0;bottom:0;height:1px;
    background:linear-gradient(90deg,rgba(240,207,113,.72) 0 42px,rgba(255,255,255,.075) 42px 100%);
  }
  .magazine-detail-page .magazine-business-cta-head h2,
  .magazine-detail-page .magazine-comments-head h2{
    color:#f1d27a;
    font-family:var(--n2a-font-display,Georgia,serif);
    font-size:22px;
    font-weight:650;
  }
  .magazine-detail-page .magazine-business-card{
    grid-template-columns:150px minmax(0,1fr);
    min-height:148px;
    border-color:var(--mag-hairline-strong);
    border-radius:9px;
    background:#090908;
    box-shadow:none;
  }
  .magazine-detail-page .magazine-business-copy{padding:16px 18px}
  .magazine-detail-page .magazine-business-copy strong{font-size:21px}
  .magazine-detail-page .magazine-business-copy p{font-size:11px}
  .magazine-detail-page .magazine-business-copy span{min-height:30px;margin-top:10px;border-radius:7px}

  .magazine-detail-page .magazine-back,
  .magazine-detail-page .magazine-related{width:min(1240px,100%)}
  .magazine-detail-page .magazine-back{margin-top:10px}
  .magazine-detail-page .magazine-related{
    margin-top:10px;
    padding:14px;
    border:1px solid var(--mag-hairline);
    border-radius:9px;
    background:linear-gradient(180deg,rgba(13,13,12,.96),rgba(6,6,6,.98));
  }
  .magazine-detail-page .magazine-related h2{
    position:relative;
    margin:0 0 10px;
    padding-bottom:8px;
    color:#f1d27a;
    font-size:22px;
  }
  .magazine-detail-page .magazine-related h2:after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
    background:linear-gradient(90deg,rgba(240,207,113,.72) 0 42px,rgba(255,255,255,.075) 42px 100%);
  }
  .magazine-detail-page .magazine-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .magazine-detail-page .magazine-related-grid a{border-color:var(--mag-hairline);border-radius:8px;background:#090908}
}

/* =========================================================
   STAGE 28 — EDITORIAL MAGAZINE LIST
   New Face / Shop News / Local News. ARTICLE untouched.
   ========================================================= */
@media(min-width:1041px){
  .magazine-editorial-list .magazine-editorial-shell{
    width:min(1480px,calc(100% - 44px));
    padding:10px 0 44px;
  }
  .magazine-editorial-list .magazine-editorial-hero{
    position:relative;
    min-height:270px;
    display:grid;
    grid-template-columns:34% 66%;
    overflow:hidden;
    border:1px solid rgba(216,170,55,.28);
    border-radius:12px 12px 0 0;
    background:#060606;
    box-shadow:0 18px 48px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.025);
  }
  .magazine-editorial-list .magazine-editorial-copy{
    position:relative;
    z-index:3;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:32px 34px;
    background:linear-gradient(105deg,#080807 0%,#080807 76%,rgba(8,8,7,.88) 88%,rgba(8,8,7,0) 100%);
  }
  .magazine-editorial-list .magazine-editorial-copy:after{
    content:"";
    position:absolute;
    right:-18px;top:-10%;bottom:-10%;
    width:2px;
    transform:rotate(14deg);
    background:linear-gradient(180deg,transparent,#d8aa37 18%,#f0cf71 50%,#d8aa37 82%,transparent);
    box-shadow:0 0 16px rgba(216,170,55,.45);
  }
  .magazine-editorial-list .magazine-editorial-copy .magazine-kicker{
    color:#d8aa37;font-size:9px;letter-spacing:.18em;
  }
  .magazine-editorial-list .magazine-editorial-copy h1{
    margin:7px 0 9px;
    color:#f1d27a;
    font-family:var(--n2a-font-display,Georgia,serif);
    font-size:47px;
    font-weight:500;
    line-height:.92;
    letter-spacing:.005em;
  }
  .magazine-editorial-list .magazine-editorial-copy h1 strong{font-weight:500;font-size:1.18em}
  .magazine-editorial-list .magazine-editorial-copy p{
    max-width:390px;margin:0;color:#b1aaa0;font-size:12px;line-height:1.6;
  }
  .magazine-editorial-list .magazine-editorial-count{
    width:max-content;margin-top:15px;padding:6px 10px;border:1px solid rgba(216,170,55,.3);border-radius:6px;
    color:#a99261;font-size:8px;font-weight:850;letter-spacing:.08em;
  }
  .magazine-editorial-list .magazine-editorial-count b{color:#f0cf71;font-size:11px}
  .magazine-editorial-list .magazine-editorial-scene{position:absolute;z-index:1;inset:0 0 0 31%}
  .magazine-editorial-list .magazine-editorial-scene:after{
    content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.62),transparent 25%,rgba(0,0,0,.06) 70%,rgba(0,0,0,.22));pointer-events:none;
  }
  .magazine-editorial-list .magazine-editorial-scene img{width:100%;height:100%;object-fit:cover;object-position:center}

  .magazine-editorial-list .magazine-category-rail{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    margin:-1px 0 10px;
    border:1px solid rgba(216,170,55,.28);border-radius:0 0 10px 10px;
    background:linear-gradient(180deg,#0b0a08,#070706);
  }
  .magazine-editorial-list .magazine-category-tab{
    min-width:0;min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:9px 16px;
    border-right:1px solid rgba(216,170,55,.20);color:#e7e0d5;transition:.18s ease;
  }
  .magazine-editorial-list .magazine-category-tab:last-child{border-right:0}
  .magazine-editorial-list .magazine-category-tab:hover,
  .magazine-editorial-list .magazine-category-tab.active{background:linear-gradient(180deg,rgba(216,170,55,.095),rgba(216,170,55,.025))}
  .magazine-editorial-list .magazine-category-icon{display:grid;place-items:center;color:#e0ad36;font-family:Georgia,serif;font-size:25px}
  .magazine-editorial-list .magazine-category-tab strong{display:block;color:#e6b94d;font-size:11px;font-weight:950;letter-spacing:.07em}
  .magazine-editorial-list .magazine-category-tab small{display:block;margin-top:2px;color:#817a70;font-size:8px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .magazine-editorial-list .magazine-area-bar{
    min-height:40px;display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:6px 10px;
    border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#080807;
  }
  .magazine-editorial-list .magazine-area-label{display:flex;align-items:center;gap:7px;padding-right:10px;border-right:1px solid rgba(255,255,255,.075)}
  .magazine-editorial-list .magazine-area-label span{color:#99752e;font-size:7px;font-weight:950;letter-spacing:.13em}
  .magazine-editorial-list .magazine-area-label strong{color:#dcd5cb;font-size:9px}
  .magazine-editorial-list .magazine-area-scroll{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}
  .magazine-editorial-list .magazine-area-scroll::-webkit-scrollbar{display:none}
  .magazine-editorial-list .magazine-area-scroll a,
  .magazine-editorial-list .magazine-filter-reset{
    flex:0 0 auto;min-height:26px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(255,255,255,.075);border-radius:6px;background:#0b0b0a;color:#aaa39a;font-size:8px;font-weight:850;
  }
  .magazine-editorial-list .magazine-area-scroll a.active{border-color:#d8aa37;background:linear-gradient(180deg,#f0cf71,#c78e20);color:#120e07}
  .magazine-editorial-list .magazine-filter-reset{margin-left:auto;color:#d1a743;border-color:rgba(216,170,55,.25)}

  .magazine-editorial-list .magazine-editorial-lead{
    display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.72fr);gap:10px;margin-bottom:10px;
  }
  .magazine-editorial-list .magazine-editorial-lead.is-solo{grid-template-columns:1fr}
  .magazine-editorial-list .magazine-feature-story{
    min-width:0;display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.78fr);overflow:hidden;
    min-height:320px;border:1px solid rgba(216,170,55,.27);border-radius:10px;background:#070706;
  }
  .magazine-editorial-list .magazine-editorial-lead.is-solo .magazine-feature-story{grid-template-columns:minmax(0,1.55fr) minmax(360px,.72fr)}
  .magazine-editorial-list .magazine-feature-media{position:relative;min-width:0;overflow:hidden;background:#090806}
  .magazine-editorial-list .magazine-feature-media picture{display:block;width:100%;height:100%}
  .magazine-editorial-list .magazine-feature-media img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
  .magazine-editorial-list .magazine-feature-story:hover .magazine-feature-media img{transform:scale(1.015)}
  .magazine-editorial-list .magazine-feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55));pointer-events:none}
  .magazine-editorial-list .magazine-feature-badge{position:absolute;left:13px;top:13px;padding:6px 9px;border:1px solid rgba(240,207,113,.38);border-radius:6px;background:rgba(30,21,7,.86);color:#f0cf71;font-size:7px;font-weight:950;letter-spacing:.08em}
  .magazine-editorial-list .magazine-feature-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#7f632e;font-family:Georgia,serif;font-size:70px;background:radial-gradient(circle,rgba(216,170,55,.11),transparent 45%),#080706}
  .magazine-editorial-list .magazine-feature-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:24px 24px 20px;background:radial-gradient(circle at 0 50%,rgba(216,170,55,.055),transparent 45%),#080807}
  .magazine-editorial-list .magazine-feature-copy .magazine-meta{font-size:7px}
  .magazine-editorial-list .magazine-feature-copy h2{margin:9px 0 10px;font-family:var(--n2a-font-display,Georgia,serif);font-size:29px;line-height:1.06;font-weight:500}
  .magazine-editorial-list .magazine-feature-copy h2 a{color:#f1d27a}
  .magazine-editorial-list .magazine-feature-copy p{margin:0;color:#aaa39a;font-size:11px;line-height:1.65}
  .magazine-editorial-list .magazine-feature-foot{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);color:#746e65;font-size:8px}
  .magazine-editorial-list .magazine-feature-foot span:before{content:"·";margin-right:8px;color:#d0a63b}
  .magazine-editorial-list .magazine-feature-foot a{margin-left:auto;color:#e0ae37;font-weight:950}

  .magazine-editorial-list .magazine-latest-panel{min-width:0;padding:12px;border:1px solid rgba(216,170,55,.20);border-radius:10px;background:linear-gradient(180deg,#0b0b0a,#070706)}
  .magazine-editorial-list .magazine-latest-panel>header{height:30px;display:flex;align-items:center;gap:7px;padding:0 2px 8px;border-bottom:1px solid rgba(216,170,55,.18);color:#f0cf71}
  .magazine-editorial-list .magazine-latest-panel>header span{color:#d8aa37}.magazine-editorial-list .magazine-latest-panel>header strong{font-size:10px;letter-spacing:.08em}
  .magazine-editorial-list .magazine-latest-list{display:grid}
  .magazine-editorial-list .magazine-latest-item{min-width:0;display:grid;grid-template-columns:88px minmax(0,1fr);gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.055)}
  .magazine-editorial-list .magazine-latest-item:last-child{border-bottom:0}
  .magazine-editorial-list .magazine-latest-thumb{height:57px;overflow:hidden;border:1px solid rgba(216,170,55,.18);border-radius:6px;background:#090806}
  .magazine-editorial-list .magazine-latest-thumb img{width:100%;height:100%;object-fit:cover}.magazine-editorial-list .magazine-latest-thumb>span{height:100%;display:grid;place-items:center;color:#80632e;font-family:Georgia,serif}
  .magazine-editorial-list .magazine-latest-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}
  .magazine-editorial-list .magazine-latest-copy small{color:#b78931;font-size:6.5px;font-weight:950;letter-spacing:.08em}
  .magazine-editorial-list .magazine-latest-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:3px 0;color:#e8e1d6;font-family:var(--n2a-font-display,Georgia,serif);font-size:12px;line-height:1.15;font-weight:600}
  .magazine-editorial-list .magazine-latest-copy time{color:#6f6961;font-size:7px}

  .magazine-editorial-list .magazine-story-strip{margin-top:10px;padding:11px 12px 12px;border:1px solid rgba(216,170,55,.17);border-radius:9px;background:linear-gradient(180deg,#0a0a09,#070706)}
  .magazine-editorial-list .magazine-story-strip-head{min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid rgba(216,170,55,.23)}
  .magazine-editorial-list .magazine-story-strip-head>div{display:flex;align-items:center;gap:8px}.magazine-editorial-list .magazine-story-strip-head>div>span{color:#e0ad36;font-size:18px}
  .magazine-editorial-list .magazine-story-strip-head h2{margin:0;color:#f1d27a;font-family:var(--n2a-font-display,Georgia,serif);font-size:21px;font-weight:500;letter-spacing:.02em}
  .magazine-editorial-list .magazine-story-strip-head>a{color:#d5a638;font-size:7px;font-weight:950;letter-spacing:.08em}
  .magazine-editorial-list .magazine-story-strip-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
  .magazine-editorial-list .magazine-story-card{min-width:0;overflow:hidden;border:1px solid rgba(216,170,55,.18);border-radius:7px;background:#080807}
  .magazine-editorial-list .magazine-story-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#090806}
  .magazine-editorial-list .magazine-story-media img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.magazine-editorial-list .magazine-story-card:hover img{transform:scale(1.025)}
  .magazine-editorial-list .magazine-story-media>span{height:100%;display:grid;place-items:center;color:#80632e;font-family:Georgia,serif;font-size:26px}
  .magazine-editorial-list .magazine-story-media small{position:absolute;left:6px;bottom:6px;padding:3px 5px;border-radius:4px;background:rgba(5,5,5,.82);border:1px solid rgba(216,170,55,.27);color:#d9aa37;font-size:5.5px;font-weight:950}
  .magazine-editorial-list .magazine-story-copy{padding:8px}
  .magazine-editorial-list .magazine-story-copy h3{margin:0;min-height:31px;font-family:var(--n2a-font-display,Georgia,serif);font-size:12px;line-height:1.25;font-weight:500}.magazine-editorial-list .magazine-story-copy h3 a{color:#e7e0d6}
  .magazine-editorial-list .magazine-story-copy>div{display:flex;gap:6px;margin-top:7px;color:#6c665e;font-size:6.5px}.magazine-editorial-list .magazine-story-copy>div span:before{content:"·";margin-right:6px;color:#c79531}

  .magazine-editorial-list .magazine-editorial-empty{position:relative;overflow:hidden;min-height:230px;padding:28px 30px;border:1px solid rgba(216,170,55,.20);border-radius:10px;background:radial-gradient(circle at 88% 0,rgba(216,170,55,.10),transparent 35%),linear-gradient(135deg,#0b0a08,#060606 72%)}
  .magazine-editorial-list .magazine-empty-mark{position:absolute;right:30px;top:14px;color:rgba(216,170,55,.07);font-family:Georgia,serif;font-size:140px;line-height:1}
  .magazine-editorial-list .magazine-editorial-empty>span{color:#9f7830;font-size:8px;font-weight:950;letter-spacing:.15em}
  .magazine-editorial-list .magazine-editorial-empty h2{margin:7px 0 5px;color:#f1d27a;font-family:var(--n2a-font-display,Georgia,serif);font-size:28px;font-weight:500}
  .magazine-editorial-list .magazine-editorial-empty>p{margin:0;color:#8f887e;font-size:11px}
  .magazine-editorial-list .magazine-empty-categories{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px}
  .magazine-editorial-list .magazine-empty-categories a{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 9px;padding:11px 12px;border:1px solid rgba(216,170,55,.18);border-radius:7px;background:rgba(4,4,4,.55)}
  .magazine-editorial-list .magazine-empty-categories b{grid-row:1/3;display:grid;place-items:center;color:#d9aa37;font-size:20px}.magazine-editorial-list .magazine-empty-categories strong{color:#e5b84a;font-size:10px}.magazine-editorial-list .magazine-empty-categories small{color:#716b62;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* =========================================================
   STAGE 29 — EDITORIAL FEATURE HEIGHT GUARD
   Prevent portrait/source images from expanding the PC lead story.
   Mobile treatment remains unchanged.
   ========================================================= */
@media(min-width:1041px){
  .magazine-editorial-list .magazine-feature-story{
    height:340px;
    min-height:340px;
    max-height:340px;
    align-items:stretch;
  }
  .magazine-editorial-list .magazine-editorial-lead.is-solo .magazine-feature-story{
    height:360px;
    min-height:360px;
    max-height:360px;
  }
  .magazine-editorial-list .magazine-feature-media,
  .magazine-editorial-list .magazine-feature-media picture,
  .magazine-editorial-list .magazine-feature-media img{
    min-width:0;
    min-height:0;
    height:100%;
    max-height:100%;
  }
  .magazine-editorial-list .magazine-feature-media img{
    display:block;
    object-fit:cover;
    object-position:center;
  }
  .magazine-editorial-list .magazine-feature-copy{
    min-height:0;
    overflow:hidden;
  }
}

/* =========================================================
   2026-09-01 — MAGAZINE FRONT PAGE / MOCKUP ALIGNMENT
   Scope: list page only. Article detail remains untouched.
   ========================================================= */
@media (min-width:1041px){
  .magazine-editorial-list.magazine-frontpage{
    --mag-gold:#d9a52e;
    --mag-gold-light:#f1cf70;
    --mag-line:rgba(217,165,46,.48);
    --mag-line-soft:rgba(217,165,46,.22);
    --mag-panel:#080807;
    --mag-panel-2:#0b0b09;
  }

  .magazine-editorial-list .magazine-editorial-shell{
    width:min(1490px,calc(100% - 36px));
    max-width:none;
    padding:16px 0 42px;
  }

  .magazine-editorial-list .magazine-frontpage-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 350px;
    gap:18px;
    align-items:start;
  }

  .magazine-editorial-list .magazine-frontpage-grid.has-no-sidebar{
    grid-template-columns:minmax(0,1fr);
  }

  .magazine-editorial-list .magazine-frontpage-main,
  .magazine-editorial-list .magazine-frontpage-sidebar{
    min-width:0;
  }

  .magazine-editorial-list .magazine-frontpage-sidebar{
    display:grid;
    gap:12px;
    align-content:start;
  }

  .magazine-editorial-list .magazine-editorial-hero{
    position:relative;
    min-height:328px;
    height:328px;
    display:block;
    overflow:hidden;
    border:0;
    border-bottom:1px solid var(--mag-line);
    border-radius:0;
    background:#050505;
    box-shadow:none;
  }

  .magazine-editorial-list .magazine-editorial-scene{
    position:absolute;
    inset:0 0 0 37%;
    z-index:1;
  }

  .magazine-editorial-list .magazine-editorial-scene:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.94) 5%,rgba(5,5,5,.36) 31%,rgba(5,5,5,.06) 65%,rgba(0,0,0,.18) 100%);
    pointer-events:none;
  }

  .magazine-editorial-list .magazine-editorial-scene:after{
    content:"";
    position:absolute;
    left:12px;
    top:-45px;
    width:2px;
    height:410px;
    transform:rotate(21deg);
    transform-origin:center;
    z-index:3;
    background:linear-gradient(180deg,transparent,var(--mag-gold),var(--mag-gold-light),var(--mag-gold),transparent);
    box-shadow:0 0 14px rgba(217,165,46,.4);
    pointer-events:none;
  }

  .magazine-editorial-list .magazine-editorial-scene img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    filter:saturate(.9) contrast(1.05) brightness(.78);
  }

  .magazine-editorial-list .magazine-editorial-copy{
    position:relative;
    z-index:4;
    width:44%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:28px 14px 28px 10px;
    background:none;
  }

  .magazine-editorial-list .magazine-editorial-copy:after{display:none}

  .magazine-editorial-list .magazine-editorial-copy .magazine-kicker{
    color:var(--mag-gold);
    font-size:12px;
    line-height:1;
    font-weight:900;
    letter-spacing:.13em;
  }

  .magazine-editorial-list .magazine-editorial-copy h1{
    max-width:520px;
    margin:8px 0 10px;
    color:var(--mag-gold-light);
    font-family:var(--n2a-font-display,Georgia,serif);
    font-size:48px;
    line-height:.96;
    font-weight:500;
    letter-spacing:.005em;
    text-transform:none;
  }

  .magazine-editorial-list .magazine-editorial-copy p{
    max-width:470px;
    margin:0;
    color:#d3ccc1;
    font-size:13px;
    line-height:1.5;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .magazine-editorial-list .magazine-hero-read{
    width:max-content;
    min-width:180px;
    min-height:38px;
    margin-top:14px;
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:0 17px;
    border:1px solid var(--mag-gold);
    border-radius:3px;
    color:var(--mag-gold-light);
    background:rgba(5,5,5,.72);
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
    transition:.18s ease;
  }
  .magazine-editorial-list .magazine-hero-read:hover{
    background:rgba(217,165,46,.11);
    box-shadow:0 0 18px rgba(217,165,46,.11);
  }
  .magazine-editorial-list .magazine-hero-read span{font-size:17px}

  .magazine-editorial-list .magazine-category-rail{
    min-height:58px;
    margin:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr)) 150px;
    border:0;
    border-bottom:1px solid var(--mag-line);
    border-radius:0;
    background:#070706;
  }

  .magazine-editorial-list .magazine-category-tab{
    min-width:0;
    min-height:58px;
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    align-items:center;
    gap:10px;
    padding:7px 18px;
    border:0;
    border-right:1px solid var(--mag-line-soft);
    color:#eee6db;
    background:transparent;
  }
  .magazine-editorial-list .magazine-category-tab:hover,
  .magazine-editorial-list .magazine-category-tab.active{
    background:linear-gradient(180deg,rgba(217,165,46,.10),rgba(217,165,46,.025));
  }
  .magazine-editorial-list .magazine-category-icon{
    display:grid;
    place-items:center;
    color:var(--mag-gold-light);
    font-size:28px;
  }
  .magazine-editorial-list .magazine-category-tab strong{
    display:block;
    color:#e5b640;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
  }
  .magazine-editorial-list .magazine-category-tab small{
    display:block;
    margin-top:2px;
    color:#9c958b;
    font-size:9px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .magazine-editorial-list .magazine-category-viewall{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#dbae3e;
    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;
  }

  .magazine-editorial-list .magazine-area-bar{
    min-height:42px;
    margin:10px 0 14px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:5px 8px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:3px;
    background:#070706;
  }
  .magazine-editorial-list .magazine-area-label{
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 10px 0 3px;
    border-right:1px solid rgba(255,255,255,.08);
  }
  .magazine-editorial-list .magazine-area-label span{color:#9d782d;font-size:7px;font-weight:900;letter-spacing:.12em}
  .magazine-editorial-list .magazine-area-label strong{color:#dfd8ce;font-size:9px}
  .magazine-editorial-list .magazine-area-scroll{display:flex;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}
  .magazine-editorial-list .magazine-area-scroll::-webkit-scrollbar{display:none}
  .magazine-editorial-list .magazine-area-scroll a,
  .magazine-editorial-list .magazine-filter-reset{
    flex:0 0 auto;
    min-height:27px;
    display:inline-flex;
    align-items:center;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:3px;
    background:#0a0a09;
    color:#aaa39a;
    font-size:8px;
    font-weight:850;
  }
  .magazine-editorial-list .magazine-area-scroll a.active{
    border-color:var(--mag-gold);
    background:linear-gradient(180deg,#f0cf71,#c98f1f);
    color:#161008;
  }
  .magazine-editorial-list .magazine-filter-reset{margin-left:auto;color:#d7aa3c;border-color:var(--mag-line-soft)}

  .magazine-editorial-list .magazine-section-stack{display:grid;gap:15px}

  .magazine-editorial-list .magazine-story-strip{
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
  }

  .magazine-editorial-list .magazine-story-strip-head{
    min-height:38px;
    margin:0 0 9px;
    padding:0 0 6px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border:0;
    border-bottom:1px solid var(--mag-line);
  }
  .magazine-editorial-list .magazine-story-strip-head>div{display:flex;align-items:center;gap:8px}
  .magazine-editorial-list .magazine-story-strip-head>div>span{color:var(--mag-gold-light);font-size:24px;line-height:1}
  .magazine-editorial-list .magazine-story-strip-head h2{
    margin:0;
    color:var(--mag-gold-light);
    font-family:var(--n2a-font-display,Georgia,serif);
    font-size:25px;
    line-height:1;
    font-weight:500;
    letter-spacing:.03em;
  }
  .magazine-editorial-list .magazine-story-strip-head>a{
    color:#d6a938;
    font-size:8px;
    font-weight:900;
    letter-spacing:.08em;
  }

  .magazine-editorial-list .magazine-story-strip-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
  }
  .magazine-editorial-list .magazine-story-strip-grid.is-filtered{grid-template-columns:repeat(4,minmax(0,1fr))}
  .magazine-editorial-list .magazine-story-strip-grid.count-1{grid-template-columns:minmax(0,260px)}
  .magazine-editorial-list .magazine-story-strip-grid.count-2{grid-template-columns:repeat(2,minmax(0,260px))}
  .magazine-editorial-list .magazine-story-strip-grid.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .magazine-editorial-list .magazine-story-strip-grid.count-4{grid-template-columns:repeat(4,minmax(0,1fr))}

  .magazine-editorial-list .magazine-story-card{
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(217,165,46,.55);
    border-radius:4px;
    background:#080807;
  }
  .magazine-editorial-list .magazine-story-media{
    position:relative;
    display:block;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#090806;
  }
  .magazine-editorial-list .magazine-story-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .22s ease,filter .22s ease;
  }
  .magazine-editorial-list .magazine-story-card:hover .magazine-story-media img{transform:scale(1.025);filter:brightness(1.05)}
  .magazine-editorial-list .magazine-story-media>span{height:100%;display:grid;place-items:center;color:#80632e;font-family:Georgia,serif;font-size:28px}
  .magazine-editorial-list .magazine-story-media small{
    position:absolute;
    left:8px;
    bottom:7px;
    padding:3px 6px;
    border:1px solid var(--mag-gold);
    border-radius:2px;
    background:rgba(5,5,5,.88);
    color:#e6b63e;
    font-size:6px;
    line-height:1.2;
    font-weight:900;
  }
  .magazine-editorial-list .magazine-story-copy{padding:9px 10px 10px}
  .magazine-editorial-list .magazine-story-copy h3{
    margin:0;
    min-height:36px;
    font-family:var(--n2a-font-display,Georgia,serif);
    font-size:14px;
    line-height:1.2;
    font-weight:500;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .magazine-editorial-list .magazine-story-copy h3 a{color:#eee7dc}
  .magazine-editorial-list .magazine-story-copy>div{
    display:flex;
    gap:6px;
    margin-top:6px;
    color:#9b9388;
    font-size:7px;
    text-transform:uppercase;
  }
  .magazine-editorial-list .magazine-story-copy>div span:before{content:"◆";margin-right:6px;color:#c79531;font-size:5px}

  .magazine-editorial-list .magazine-side-panel{
    border:1px solid rgba(217,165,46,.62);
    border-radius:4px;
    background:linear-gradient(180deg,#0b0b0a,#070706);
    padding:13px;
  }
  .magazine-editorial-list .magazine-side-panel>header{
    min-height:30px;
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:10px;
    padding:0 0 8px;
    border-bottom:1px solid var(--mag-line-soft);
    color:#e2b33c;
  }
  .magazine-editorial-list .magazine-side-panel>header span{font-size:18px;color:var(--mag-gold-light)}
  .magazine-editorial-list .magazine-side-panel>header strong{font-size:12px;letter-spacing:.12em}

  .magazine-editorial-list .magazine-pick-media{
    position:relative;
    display:block;
    aspect-ratio:16/10;
    overflow:hidden;
    border:1px solid rgba(217,165,46,.55);
    border-radius:4px;
    background:#090806;
  }
  .magazine-editorial-list .magazine-pick-media img{width:100%;height:100%;object-fit:cover}
  .magazine-editorial-list .magazine-pick-media>span{height:100%;display:grid;place-items:center;color:#80632e;font-family:Georgia,serif;font-size:34px}
  .magazine-editorial-list .magazine-pick-media small{
    position:absolute;left:8px;bottom:8px;padding:3px 6px;border:1px solid var(--mag-gold);border-radius:2px;background:rgba(5,5,5,.86);color:#e6b63e;font-size:6px;font-weight:900;
  }
  .magazine-editorial-list .magazine-editor-pick h2{margin:10px 1px 8px;font-family:var(--n2a-font-display,Georgia,serif);font-size:20px;line-height:1.14;font-weight:500}
  .magazine-editorial-list .magazine-editor-pick h2 a{color:#eee7dc}
  .magazine-editorial-list .magazine-pick-meta{display:flex;flex-wrap:wrap;gap:6px;color:#aca499;font-size:7px;text-transform:uppercase}
  .magazine-editorial-list .magazine-pick-meta span{color:#cfc6b9}

  .magazine-editorial-list .magazine-trending-list{display:grid}
  .magazine-editorial-list .magazine-trending-item{
    display:grid;
    grid-template-columns:34px 72px minmax(0,1fr);
    gap:8px;
    align-items:center;
    min-width:0;
    padding:7px 0;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .magazine-editorial-list .magazine-trending-item:last-child{border-bottom:0;padding-bottom:0}
  .magazine-editorial-list .magazine-trending-item>b{
    color:#d9a52e;
    font-family:var(--n2a-font-display,Georgia,serif);
    font-size:21px;
    font-weight:500;
    text-align:center;
  }
  .magazine-editorial-list .magazine-trending-thumb{height:48px;overflow:hidden;border:1px solid rgba(217,165,46,.28);border-radius:3px;background:#080706}
  .magazine-editorial-list .magazine-trending-thumb img{width:100%;height:100%;object-fit:cover}
  .magazine-editorial-list .magazine-trending-thumb i{height:100%;display:grid;place-items:center;color:#82672e;font-family:Georgia,serif;font-style:normal}
  .magazine-editorial-list .magazine-trending-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
  .magazine-editorial-list .magazine-trending-copy strong{
    color:#e7e0d5;
    font-family:var(--n2a-font-display,Georgia,serif);
    font-size:12px;
    line-height:1.2;
    font-weight:500;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .magazine-editorial-list .magazine-trending-copy small{color:#c99830;font-size:6px;font-weight:900}

  .magazine-editorial-list .magazine-hot-area-links{display:flex;flex-wrap:wrap;gap:6px}
  .magazine-editorial-list .magazine-hot-area-links a{
    min-height:24px;
    display:inline-flex;
    align-items:center;
    padding:0 8px;
    border:1px solid rgba(217,165,46,.55);
    border-radius:3px;
    color:#d8aa3b;
    background:#090908;
    font-size:7px;
    font-weight:850;
  }
  .magazine-editorial-list .magazine-hot-area-links a:hover{background:rgba(217,165,46,.09)}

  .magazine-editorial-list .magazine-empty-hero{margin-bottom:0}
  .magazine-editorial-list .magazine-category-rail-empty{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}

  .magazine-editorial-list .magazine-editorial-empty{
    margin-top:12px;
    border-radius:4px;
  }
}

/* =========================================================
   MAGAZINE ARTICLE SEMANTIC BODY — H2/H3/list/inline photo
   ========================================================= */
.magazine-detail-page .magazine-body>p{margin:0}
.magazine-detail-page .magazine-body>p+p{margin-top:1.35em}
.magazine-detail-page .magazine-body h2{
  margin:2.35em 0 .75em;padding-bottom:.48em;border-bottom:1px solid rgba(222,174,63,.22);
  color:#f0cf73;font-family:var(--n2a-font-display,Georgia,serif);font-size:27px;line-height:1.35;font-weight:650;
}
.magazine-detail-page .magazine-body h3{
  margin:1.8em 0 .62em;color:#e7d7a8;font-size:20px;line-height:1.4;font-weight:800;
}
.magazine-detail-page .magazine-body ul,.magazine-detail-page .magazine-body ol{
  margin:1.2em 0;padding-left:1.55em;color:#ded8cf;
}
.magazine-detail-page .magazine-body li{margin:.42em 0;padding-left:.18em}
.magazine-detail-page .magazine-body strong{color:#f0d17a;font-weight:850}
.magazine-detail-page .magazine-inline-photo{margin:2em 0 2.15em;text-align:center}
.magazine-detail-page .magazine-inline-photo a{
  display:block;overflow:hidden;border:1px solid rgba(222,174,63,.20);border-radius:12px;background:#050505;
  box-shadow:0 12px 30px rgba(0,0,0,.20);
}
.magazine-detail-page .magazine-inline-photo img{display:block;width:100%;height:auto;max-height:860px;object-fit:contain;margin:0 auto}
.magazine-detail-page .magazine-inline-photo figcaption{margin-top:8px;color:#8f887e;font-size:11px;line-height:1.55}
@media(max-width:820px){
  .magazine-detail-page .magazine-body h2{margin-top:2em;font-size:22px}
  .magazine-detail-page .magazine-body h3{font-size:18px}
  .magazine-detail-page .magazine-inline-photo{margin:1.55em 0 1.7em}
  .magazine-detail-page .magazine-inline-photo a{border-radius:9px}
}

/* MAGAZINE SEO STEP 3 — visible editorial/date identity */
.magazine-byline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:11px;color:#8e877d;font-size:11px}
.magazine-byline span{color:#c8b27b;font-weight:800}.magazine-byline time{color:#9b9489}.magazine-byline small{padding-left:9px;border-left:1px solid rgba(255,255,255,.11);color:#777168;font-size:10px}
@media(max-width:760px){.magazine-byline{gap:7px;font-size:10px}.magazine-byline small{font-size:9px}}

/* MAGAZINE SEO STEP 4 · safe HTML article elements */
.magazine-detail-page .magazine-body h4{margin:1.45em 0 .55em;color:#d7c79c;font-size:16px;line-height:1.45;font-weight:800}
.magazine-detail-page .magazine-body blockquote{margin:1.45em 0;padding:12px 16px;border-left:3px solid rgba(222,174,63,.62);background:rgba(222,174,63,.055);color:#cfc8bc;line-height:1.75}
.magazine-detail-page .magazine-body a{color:#e3bd58;text-decoration:underline;text-underline-offset:3px}
.magazine-detail-page .magazine-body figure{margin:2em 0 2.15em;text-align:center}
.magazine-detail-page .magazine-body figure>a{display:block;text-decoration:none}
.magazine-detail-page .magazine-body figure img,
.magazine-detail-page .magazine-body>img{display:block;width:100%;height:auto;max-height:860px;object-fit:contain;margin:0 auto;border-radius:12px;background:#050505}
.magazine-detail-page .magazine-body figure figcaption{margin-top:8px;color:#8f887e;font-size:11px;line-height:1.55}
.magazine-detail-page .magazine-body hr{height:1px;margin:2em 0;border:0;background:rgba(222,174,63,.18)}
@media(max-width:820px){
  .magazine-detail-page .magazine-body h4{font-size:15px}
  .magazine-detail-page .magazine-body blockquote{padding:10px 12px}
  .magazine-detail-page .magazine-body figure{margin:1.55em 0 1.7em}
  .magazine-detail-page .magazine-body figure img,.magazine-detail-page .magazine-body>img{border-radius:9px}
}


/* =========================================================
   STEP 7 — MAGAZINE MASTHEAD PC REFINEMENT
   PC only. Mobile will be tuned in the next step.
   ========================================================= */
@media (min-width:1041px){
  .magazine-editorial-list.magazine-frontpage{
    --n2a-head-gold:#d9a52e;
    --n2a-head-gold-hi:#f4d778;
    --n2a-head-line:rgba(217,165,46,.48);
  }

  /* Keep the magazine masthead prominent but editorial, not billboard-like. */
  .magazine-editorial-list .magazine-editorial-shell{
    width:min(1480px,calc(100% - 40px));
    padding-top:18px;
  }
  .magazine-editorial-list .magazine-editorial-hero{
    height:392px;
    min-height:392px;
    border-top:1px solid rgba(217,165,46,.22);
    border-bottom:1px solid rgba(217,165,46,.52);
    background:#040404;
    isolation:isolate;
  }
  .magazine-editorial-list .magazine-editorial-hero:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
      linear-gradient(180deg,rgba(255,255,255,.025),transparent 18%,transparent 77%,rgba(0,0,0,.46)),
      radial-gradient(circle at 71% 34%,rgba(222,174,63,.11),transparent 28%);
  }
  .magazine-editorial-list .magazine-editorial-hero:after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:1px;
    z-index:6;
    background:linear-gradient(90deg,transparent,rgba(244,215,120,.82) 18%,rgba(217,165,46,.34) 63%,transparent);
    pointer-events:none;
  }

  /* Image occupies the right ~62%; the left stays a controlled black editorial field. */
  .magazine-editorial-list .magazine-editorial-scene{
    inset:0 0 0 38%;
    z-index:1;
  }
  .magazine-editorial-list .magazine-editorial-scene:before{
    background:
      linear-gradient(90deg,#040404 0%,rgba(4,4,4,.98) 4%,rgba(4,4,4,.83) 15%,rgba(4,4,4,.40) 35%,rgba(4,4,4,.08) 61%,rgba(0,0,0,.13) 100%),
      linear-gradient(180deg,rgba(0,0,0,.10),transparent 54%,rgba(0,0,0,.34));
  }
  .magazine-editorial-list .magazine-editorial-scene:after{
    left:16px;
    top:-62px;
    width:2px;
    height:520px;
    transform:rotate(18deg);
    background:linear-gradient(180deg,transparent,#a87516 13%,#f1cf70 48%,#c38b1e 86%,transparent);
    box-shadow:0 0 18px rgba(217,165,46,.48);
  }
  .magazine-editorial-list .magazine-editorial-scene img{
    filter:saturate(.88) contrast(1.10) brightness(.70);
  }
  .magazine-editorial-list .magazine-editorial-hero[data-country="thailand"] .magazine-editorial-scene img{object-position:58% 48%}
  .magazine-editorial-list .magazine-editorial-hero[data-country="vietnam"] .magazine-editorial-scene img{object-position:54% 52%}

  /* Subtle oversized brand stamp gives the black field depth without becoming a logo billboard. */
  .magazine-editorial-list .magazine-hero-watermark{
    position:absolute;
    right:31px;
    bottom:20px;
    z-index:2;
    color:rgba(240,207,113,.075);
    font-family:var(--n2a-font-display,Georgia,serif);
    font-size:112px;
    line-height:.8;
    letter-spacing:-.08em;
    pointer-events:none;
    user-select:none;
  }

  .magazine-editorial-list .magazine-editorial-copy{
    width:45%;
    height:100%;
    z-index:5;
    justify-content:center;
    padding:34px 34px 31px 18px;
    background:none;
  }
  .magazine-editorial-list .magazine-hero-topline{
    width:min(510px,100%);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding-bottom:11px;
    border-bottom:1px solid rgba(217,165,46,.22);
  }
  .magazine-editorial-list .magazine-editorial-copy .magazine-kicker{
    flex:0 0 auto;
    color:#e0ae35;
    font-size:10px;
    line-height:1;
    font-weight:950;
    letter-spacing:.16em;
  }
  .magazine-editorial-list .magazine-hero-edition{
    min-width:0;
    color:#82765f;
    font-size:7.5px;
    line-height:1;
    font-weight:850;
    letter-spacing:.13em;
    text-align:right;
    white-space:nowrap;
  }

  .magazine-editorial-list .magazine-editorial-copy h1{
    width:min(590px,100%);
    max-width:none;
    margin:15px 0 13px;
    line-height:1;
    font-weight:500;
    letter-spacing:-.022em;
  }
  .magazine-editorial-list .magazine-hero-place,
  .magazine-editorial-list .magazine-hero-titleline{display:block}
  .magazine-editorial-list .magazine-hero-place{
    color:var(--n2a-head-gold-hi);
    font-family:var(--n2a-font-display,Georgia,serif);
    font-size:64px;
    line-height:.91;
  }
  .magazine-editorial-list .magazine-hero-titleline{
    margin-top:7px;
    color:#d6a534;
    font-family:var(--n2a-font-display,Georgia,serif);
    font-size:28px;
    line-height:1;
    letter-spacing:.065em;
  }
  .magazine-editorial-list .magazine-editorial-copy p{
    width:min(520px,100%);
    max-width:none;
    margin:0;
    color:#d1c9be;
    font-size:12.5px;
    line-height:1.62;
    -webkit-line-clamp:3;
  }

  .magazine-editorial-list .magazine-hero-tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:17px;
  }
  .magazine-editorial-list .magazine-hero-tags span{
    min-height:25px;
    display:inline-flex;
    align-items:center;
    padding:0 10px;
    border:1px solid rgba(217,165,46,.38);
    border-radius:2px;
    background:rgba(7,7,6,.62);
    color:#cda243;
    font-size:7.5px;
    line-height:1;
    font-weight:900;
    letter-spacing:.09em;
  }
  .magazine-editorial-list .magazine-hero-tags span:first-child{
    border-color:rgba(244,215,120,.66);
    color:#f0ce72;
  }
  .magazine-editorial-list .magazine-hero-meta{
    display:flex;
    align-items:center;
    gap:9px;
    margin-top:14px;
    color:#756d62;
    font-size:7.5px;
    line-height:1;
    letter-spacing:.1em;
  }
  .magazine-editorial-list .magazine-hero-meta strong{color:#a98b4e;font-size:7.5px;font-weight:900}
  .magazine-editorial-list .magazine-hero-meta i{width:22px;height:1px;background:rgba(217,165,46,.48)}
  .magazine-editorial-list .magazine-hero-meta span{white-space:nowrap}

  /* Category rail is part of the masthead: three editorial navigation blocks only. */
  .magazine-editorial-list .magazine-category-rail,
  .magazine-editorial-list .magazine-category-rail-empty{
    min-height:74px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    border-top:0;
    border-bottom:1px solid rgba(217,165,46,.42);
    background:linear-gradient(180deg,#0a0907,#060606);
  }
  .magazine-editorial-list .magazine-category-tab{
    position:relative;
    min-height:74px;
    display:grid;
    grid-template-columns:30px 48px minmax(0,1fr) 20px;
    gap:9px;
    padding:10px 18px;
    border-right:1px solid rgba(217,165,46,.20);
    background:transparent;
    transition:background .18s ease,border-color .18s ease;
  }
  .magazine-editorial-list .magazine-category-tab:last-child{border-right:0}
  .magazine-editorial-list .magazine-category-tab:after{
    content:"";
    position:absolute;
    left:0;right:100%;bottom:-1px;
    height:2px;
    background:#e1ae35;
    transition:right .22s ease;
  }
  .magazine-editorial-list .magazine-category-tab:hover:after,
  .magazine-editorial-list .magazine-category-tab.active:after{right:0}
  .magazine-editorial-list .magazine-category-tab:hover,
  .magazine-editorial-list .magazine-category-tab.active{
    background:linear-gradient(180deg,rgba(217,165,46,.075),rgba(217,165,46,.015));
  }
  .magazine-editorial-list .magazine-category-index{
    align-self:start;
    padding-top:3px;
    color:#66532f;
    font-family:var(--n2a-font-display,Georgia,serif);
    font-size:10px;
    line-height:1;
  }
  .magazine-editorial-list .magazine-category-icon{
    font-size:27px;
    color:#e3b13a;
  }
  .magazine-editorial-list .magazine-category-text{min-width:0}
  .magazine-editorial-list .magazine-category-text strong{
    color:#e6ba50;
    font-size:11px;
    letter-spacing:.08em;
  }
  .magazine-editorial-list .magazine-category-text small{
    margin-top:4px;
    color:#898177;
    font-size:8px;
    line-height:1.35;
  }
  .magazine-editorial-list .magazine-category-arrow{
    align-self:center;
    justify-self:end;
    color:#80652d;
    font-size:15px;
    transition:transform .18s ease,color .18s ease;
  }
  .magazine-editorial-list .magazine-category-tab:hover .magazine-category-arrow{
    color:#efc960;
    transform:translate(2px,-2px);
  }

  /* The area selector visually belongs below the masthead, not inside it. */
  .magazine-editorial-list .magazine-area-bar{
    margin:12px 0 15px;
    min-height:38px;
    border-color:rgba(255,255,255,.07);
    background:#060606;
  }
}

/* STEP7 is PC-first. Hide the new desktop-only micro-elements on smaller screens
   until the dedicated mobile pass, while preserving the existing mobile layout. */
@media (max-width:1040px){
  .magazine-editorial-list .magazine-hero-watermark,
  .magazine-editorial-list .magazine-hero-edition,
  .magazine-editorial-list .magazine-hero-tags,
  .magazine-editorial-list .magazine-hero-meta,
  .magazine-editorial-list .magazine-category-index,
  .magazine-editorial-list .magazine-category-arrow{display:none!important}
  .magazine-editorial-list .magazine-hero-place,
  .magazine-editorial-list .magazine-hero-titleline{display:block}
}

/* =========================================================
   STEP 8 — MAGAZINE PC MASTHEAD DETAIL PASS
   Refines STEP7 only. Desktop >= 1041px; mobile untouched.
   ========================================================= */
@media (min-width:1041px){
  .magazine-editorial-list.magazine-frontpage{
    --n2a-head-gold:#d9a52e;
    --n2a-head-gold-hi:#f5d97f;
    --n2a-head-muted:#9d8b68;
  }

  /* Give the masthead a more finished editorial frame. */
  .magazine-editorial-list .magazine-editorial-hero{
    height:402px;
    min-height:402px;
    box-shadow:
      inset 0 1px 0 rgba(247,219,138,.055),
      inset 0 -1px 0 rgba(217,165,46,.14),
      0 18px 46px rgba(0,0,0,.16);
  }
  .magazine-editorial-list .magazine-editorial-hero:before{
    background:
      linear-gradient(180deg,rgba(255,255,255,.028),transparent 17%,transparent 75%,rgba(0,0,0,.40)),
      radial-gradient(circle at 70% 34%,rgba(222,174,63,.14),transparent 31%),
      radial-gradient(circle at 97% 82%,rgba(190,132,26,.07),transparent 25%);
  }

  /* More visible photography, while preserving the black editorial field. */
  .magazine-editorial-list .magazine-editorial-scene:before{
    background:
      linear-gradient(90deg,#040404 0%,rgba(4,4,4,.985) 4%,rgba(4,4,4,.80) 16%,rgba(4,4,4,.35) 36%,rgba(4,4,4,.055) 60%,rgba(0,0,0,.08) 100%),
      linear-gradient(180deg,rgba(0,0,0,.055),transparent 55%,rgba(0,0,0,.25));
  }
  .magazine-editorial-list .magazine-editorial-scene img{
    filter:saturate(.94) contrast(1.075) brightness(.80);
  }
  .magazine-editorial-list .magazine-editorial-scene:after{
    left:15px;
    width:2px;
    box-shadow:0 0 22px rgba(217,165,46,.55);
  }

  /* Make the edition label look intentional and tied to the editorial kicker. */
  .magazine-editorial-list .magazine-editorial-copy{
    width:45%;
    padding:36px 38px 32px 18px;
  }
  .magazine-editorial-list .magazine-hero-topline{
    width:min(530px,100%);
    justify-content:flex-start;
    gap:11px;
    padding-bottom:12px;
    border-bottom-color:rgba(217,165,46,.28);
  }
  .magazine-editorial-list .magazine-editorial-copy .magazine-kicker{
    font-size:10.5px;
    letter-spacing:.17em;
  }
  .magazine-editorial-list .magazine-hero-edition{
    position:relative;
    padding-left:11px;
    color:#948363;
    font-size:8px;
    letter-spacing:.12em;
    text-align:left;
  }
  .magazine-editorial-list .magazine-hero-edition:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:1px;
    height:10px;
    transform:translateY(-50%);
    background:rgba(217,165,46,.38);
  }

  /* Stronger typographic hierarchy; force the masthead display font to stay consistent across locales. */
  .magazine-editorial-list .magazine-editorial-copy h1{
    width:min(620px,100%);
    margin:17px 0 14px;
    letter-spacing:-.018em;
  }
  .magazine-editorial-list .magazine-hero-place,
  .magazine-editorial-list .magazine-hero-titleline{
    font-family:Georgia,"Times New Roman",serif!important;
  }
  .magazine-editorial-list .magazine-hero-place{
    font-size:68px;
    line-height:.90;
    letter-spacing:-.015em;
    text-shadow:0 1px 0 rgba(255,255,255,.03),0 10px 32px rgba(202,145,33,.06);
  }
  .magazine-editorial-list .magazine-hero-titleline{
    margin-top:9px;
    font-size:31px;
    line-height:1;
    letter-spacing:.07em;
  }
  .magazine-editorial-list .magazine-editorial-copy p{
    width:min(535px,100%);
    color:#d8d0c4;
    font-size:13.5px;
    line-height:1.66;
    -webkit-line-clamp:3;
  }

  /* Turn the category chips into a clean editorial subject strip, not form buttons. */
  .magazine-editorial-list .magazine-hero-tags{
    gap:0;
    margin-top:17px;
    align-items:center;
  }
  .magazine-editorial-list .magazine-hero-tags span{
    position:relative;
    min-height:auto;
    padding:0 14px 0 0;
    margin-right:13px;
    border:0;
    border-radius:0;
    background:transparent;
    color:#b99a57;
    font-size:8.5px;
    font-weight:900;
    letter-spacing:.105em;
  }
  .magazine-editorial-list .magazine-hero-tags span:first-child{
    border:0;
    color:#edc760;
  }
  .magazine-editorial-list .magazine-hero-tags span:not(:last-child):after{
    content:"·";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-52%);
    color:#625333;
    font-size:10px;
  }
  .magazine-editorial-list .magazine-hero-meta{
    gap:10px;
    margin-top:14px;
    color:#82796c;
    font-size:8px;
    letter-spacing:.105em;
  }
  .magazine-editorial-list .magazine-hero-meta strong{
    color:#b59652;
    font-size:8px;
  }
  .magazine-editorial-list .magazine-hero-meta i{
    width:31px;
    background:linear-gradient(90deg,rgba(217,165,46,.70),rgba(217,165,46,.13));
  }

  /* Watermark becomes quieter and more like print texture. */
  .magazine-editorial-list .magazine-hero-watermark{
    right:28px;
    bottom:22px;
    color:rgba(240,207,113,.052);
    font-size:120px;
  }

  /* Three category panels now feel like substantial magazine navigation. */
  .magazine-editorial-list .magazine-category-rail,
  .magazine-editorial-list .magazine-category-rail-empty{
    min-height:84px;
    background:linear-gradient(180deg,#0b0a08 0%,#070706 100%);
    border-bottom-color:rgba(217,165,46,.50);
  }
  .magazine-editorial-list .magazine-category-tab{
    min-height:84px;
    grid-template-columns:28px 46px minmax(0,1fr) 24px;
    gap:11px;
    padding:14px 20px 13px;
    border-right-color:rgba(217,165,46,.24);
  }
  .magazine-editorial-list .magazine-category-tab:before{
    content:"";
    position:absolute;
    left:20px;
    top:0;
    width:34px;
    height:1px;
    background:linear-gradient(90deg,rgba(244,215,120,.48),transparent);
    opacity:.45;
  }
  .magazine-editorial-list .magazine-category-index{
    padding-top:2px;
    color:#705c34;
    font-size:10.5px;
  }
  .magazine-editorial-list .magazine-category-icon{
    align-self:center;
    font-size:29px;
    color:#e2b13d;
    filter:drop-shadow(0 0 9px rgba(217,165,46,.09));
  }
  .magazine-editorial-list .magazine-category-text{
    align-self:center;
  }
  .magazine-editorial-list .magazine-category-text strong{
    color:#e9bd54;
    font-size:12.5px;
    line-height:1.15;
    letter-spacing:.075em;
  }
  .magazine-editorial-list .magazine-category-text small{
    margin-top:5px;
    color:#978f84;
    font-size:8.7px;
    line-height:1.4;
  }
  .magazine-editorial-list .magazine-category-arrow{
    color:#94742f;
    font-size:16px;
  }
  .magazine-editorial-list .magazine-category-tab:hover .magazine-category-icon,
  .magazine-editorial-list .magazine-category-tab.active .magazine-category-icon{
    color:#f0c75f;
  }

  /* The area selector should be subordinate to the masthead navigation. */
  .magazine-editorial-list .magazine-area-bar{
    margin:13px 0 17px;
  }
}