/* N2A STEP 41 — mobile magazine safety guard
   Loaded only at <=1040px by layouts/app.blade.php. */
@media (max-width:1040px){
  .magazine-page,
  .magazine-page main,
  .magazine-shell,
  .magazine-article,
  .magazine-story-frame,
  .magazine-story-content,
  .magazine-body,
  .magazine-media-section,
  .magazine-business-cta,
  .magazine-comments,
  .magazine-related{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }

  .magazine-page img,
  .magazine-page video,
  .magazine-page iframe,
  .magazine-page picture{
    max-width:100%;
  }

  .magazine-article-head,
  .magazine-comments-head,
  .magazine-business-cta-head,
  .magazine-business-card,
  .magazine-business-copy,
  .magazine-comment-login,
  .magazine-comment-copy,
  .magazine-related-grid,
  .magazine-related-grid > *{
    min-width:0;
  }

  .magazine-article-head h1,
  .magazine-business-copy strong,
  .magazine-comments-head h2,
  .magazine-comments-head p,
  .magazine-comment-login span,
  .magazine-comment-copy p{
    overflow-wrap:anywhere;
    word-break:normal;
  }

  .magazine-breadcrumb{
    max-width:100%;
  }
}

@media (max-width:430px){
  .magazine-comments-head{
    flex-wrap:wrap;
  }
  .magazine-comments-head > strong{
    margin-left:auto;
  }
}


/* STEP 44 — public magazine mobile multilingual containment. */
@media (max-width: 1040px) {
  .magazine-page,
  .magazine-page main,
  .magazine-page article,
  .magazine-page section {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  .magazine-page img,
  .magazine-page video,
  .magazine-page iframe {
    max-width: 100%;
    height: auto;
  }
  html[lang="th"] .magazine-page,
  html[lang="vi"] .magazine-page,
  html[lang="ja"] .magazine-page,
  html[lang="zh"] .magazine-page {
    word-break: normal;
    overflow-wrap: break-word;
  }
}


/* STEP 45 — final public magazine mobile regression guard. */
@media (max-width: 1040px) {
  .magazine-page { overflow-x: clip; }
  .magazine-page input, .magazine-page select, .magazine-page textarea { max-width: 100%; box-sizing: border-box; }
}

/* =========================================================
   STAGE 27 — MAGAZINE MOBILE / VIEW DESIGN SYSTEM
   ========================================================= */
@media(max-width:1040px){
  .magazine-page{background:#020202}
  .magazine-list-page .magazine-shell,
  .magazine-detail-page .magazine-article{width:calc(100% - 16px);padding:12px 0 34px}

  .magazine-list-page .magazine-hero{
    min-height:0;
    align-items:flex-start;
    margin:0 0 8px;
    padding:15px 13px 14px;
    text-align:left;
    border:1px solid rgba(255,255,255,.075);
    border-radius:10px;
    background:linear-gradient(180deg,rgba(13,13,12,.96),rgba(6,6,6,.98));
    box-shadow:0 10px 24px 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,
  .magazine-list-page .magazine-hero-glow{display:none}
  .magazine-list-page .magazine-hero-edition{top:12px;right:12px;font-size:6px}
  .magazine-list-page .magazine-kicker{font-size:7px;letter-spacing:.14em}
  .magazine-list-page .magazine-hero h1{margin:5px 0 6px;font-size:25px;line-height:1.08;text-align:left}
  .magazine-list-page .magazine-hero p{max-width:88%;font-size:10px;line-height:1.55;text-align:left}
  .magazine-list-page .magazine-hero-rule{width:100%;grid-template-columns:34px 0 1fr;gap:0;margin-top:10px}
  .magazine-list-page .magazine-hero-rule b{display:none}
  .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-filter-panel{margin:0 0 8px;padding:0;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:#090908}
  .magazine-list-page .magazine-filter-head{min-height:42px;padding:8px 10px}
  .magazine-list-page .magazine-filter-head>div{gap:7px}
  .magazine-list-page .magazine-filter-head span{font-size:6px}
  .magazine-list-page .magazine-filter-head strong{font-size:8px}
  .magazine-list-page .magazine-filter-head em{font-size:6px}
  .magazine-list-page .magazine-filter-row{grid-template-columns:48px minmax(0,1fr);gap:5px;min-height:38px;padding:5px 8px}
  .magazine-list-page .magazine-filter-row>strong{font-size:7px}
  .magazine-list-page .magazine-filter-scroll a{min-height:27px;padding:0 9px;border-radius:7px;font-size:7px}

  .magazine-list-page .magazine-archive{gap:8px}
  .magazine-list-page .magazine-archive-section{
    padding:11px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:10px;
    background:linear-gradient(180deg,rgba(13,13,12,.96),rgba(6,6,6,.98));
  }
  .magazine-list-page .magazine-archive-head{position:relative;min-height:0;margin:0 0 9px;padding:0 0 8px;border: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 34px,rgba(255,255,255,.075) 34px 100%);
  }
  .magazine-list-page .magazine-archive-head span{margin-bottom:3px;font-size:6px}
  .magazine-list-page .magazine-archive-head h2{font-size:20px;line-height:1.08}
  .magazine-list-page .magazine-archive-head p{max-width:250px;margin-top:3px;font-size:8px}
  .magazine-list-page .magazine-archive-head em{width:27px;height:27px;font-size:8px}
  .magazine-list-page .magazine-archive-grid{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;scrollbar-width:none}
  .magazine-list-page .magazine-archive-grid::-webkit-scrollbar{display:none}
  .magazine-list-page .magazine-archive-card{flex:0 0 43.5%;border-radius:9px;scroll-snap-align:start}
  .magazine-list-page .magazine-archive-media{aspect-ratio:3/4}
  .magazine-list-page .magazine-card-badge{left:6px;bottom:6px;min-height:20px;padding:0 6px;border-radius:5px;font-size:6px}
  .magazine-list-page .magazine-archive-copy{min-height:112px;padding:8px}
  .magazine-list-page .magazine-archive-copy h3{margin:5px 0 4px;font-size:12px;line-height:1.28}
  .magazine-list-page .magazine-archive-copy p{display:none}
  .magazine-list-page .magazine-archive-foot{padding-top:6px;font-size:6px}
  .magazine-list-page .magazine-empty-state{
    min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;
    border:1px solid rgba(255,255,255,.075);border-radius:10px;background:linear-gradient(180deg,#0c0c0b,#080807);
  }
  .magazine-list-page .magazine-empty-state span{color:#a77f32;font-size:6px;font-weight:950;letter-spacing:.14em}
  .magazine-list-page .magazine-empty-state strong{margin-top:6px;color:#f1d27a;font-family:var(--n2a-font-display,Georgia,serif);font-size:20px}
  .magazine-list-page .magazine-empty-state p{margin:5px 0 0;color:#888178;font-size:9px}

  /* ARTICLE */
  .magazine-detail-page .magazine-breadcrumb{
    min-height:30px;margin:0 0 7px;padding:0 9px;border:1px solid rgba(216,170,55,.34);border-radius:6px;background:#070706;font-size:7px;
  }
  .magazine-detail-page .magazine-story-frame{
    width:100%;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:linear-gradient(180deg,rgba(13,13,12,.96),rgba(6,6,6,.98));box-shadow:none;
  }
  .magazine-detail-page .magazine-story-frame:before{left:0;right:auto;width:42px;background:rgba(240,207,113,.75)}
  .magazine-detail-page .magazine-article-head{
    margin:0;padding:15px 13px 13px;text-align:left;border-bottom:1px solid rgba(255,255,255,.075);background:transparent;
  }
  .magazine-detail-page .magazine-article-meta{justify-content:flex-start;gap:5px 7px;margin-bottom:6px}
  .magazine-detail-page .magazine-article-head h1{margin:6px 0 7px;font-size:27px;line-height:1.12;text-align:left}
  .magazine-detail-page .magazine-lead{margin:0 0 8px;font-size:11px;line-height:1.6;text-align:left}
  .magazine-detail-page .magazine-article-head time{font-size:7px}
  .magazine-detail-page .magazine-article-head time:after{display:none}

  .magazine-detail-page .magazine-cover{width:calc(100% - 22px);max-width:none;margin:11px auto 0;border-radius:9px;border-color:rgba(255,255,255,.11)}
  .magazine-detail-page .magazine-story-content{padding:11px}
  .magazine-detail-page .magazine-body{
    max-width:none;margin:0;padding:12px 12px 12px 14px;border:1px solid rgba(255,255,255,.075);border-left:2px solid rgba(216,170,55,.68);border-radius:0 8px 8px 0;background:#090908;font-size:11px;line-height:1.72;
  }
  .magazine-detail-page .magazine-photo-grid{margin-top:10px;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .magazine-detail-page .magazine-photo-grid a{border-radius:8px}
  .magazine-detail-page .magazine-photo-grid.is-single{display:block}
  .magazine-detail-page .magazine-media-section{
    max-width:none;margin:10px 0 0;padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#090908;
  }
  .magazine-detail-page .magazine-media-section>h2{position:relative;margin:0 0 8px;padding-bottom:7px;font-size:19px}
  .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 34px,rgba(255,255,255,.075) 34px 100%)}

  .magazine-detail-page .magazine-business-cta,
  .magazine-detail-page .magazine-comments{
    margin:0 11px 10px;padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#090908;
  }
  .magazine-detail-page .magazine-business-cta-head,
  .magazine-detail-page .magazine-comments-head{position:relative;margin-bottom:8px;padding-bottom:7px}
  .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 34px,rgba(255,255,255,.075) 34px 100%);
  }
  .magazine-detail-page .magazine-business-cta-head h2,
  .magazine-detail-page .magazine-comments-head h2{font-size:19px}
  .magazine-detail-page .magazine-business-card{grid-template-columns:88px minmax(0,1fr);min-height:112px;border-radius:8px}
  .magazine-detail-page .magazine-business-copy{padding:10px}
  .magazine-detail-page .magazine-business-copy strong{font-size:15px}
  .magazine-detail-page .magazine-business-copy p{display:none}
  .magazine-detail-page .magazine-business-copy span{margin-top:7px;font-size:8px}

  .magazine-detail-page .magazine-back,
  .magazine-detail-page .magazine-related{width:100%;max-width:none}
  .magazine-detail-page .magazine-back{margin:7px 0 0;padding:0}
  .magazine-detail-page .magazine-related{margin:8px 0 0;padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#090908}
  .magazine-detail-page .magazine-related h2{position:relative;margin:0 0 8px;padding-bottom:7px;font-size:19px}
  .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 34px,rgba(255,255,255,.075) 34px 100%)}
  .magazine-detail-page .magazine-related-grid{grid-template-columns:1fr;gap:6px}
}

/* =========================================================
   STAGE 28 — EDITORIAL MAGAZINE LIST MOBILE
   ========================================================= */
@media(max-width:1040px){
  .magazine-editorial-list .magazine-editorial-shell{width:calc(100% - 16px);padding:8px 0 32px}
  .magazine-editorial-list .magazine-editorial-hero{position:relative;min-height:245px;overflow:hidden;border:1px solid rgba(216,170,55,.28);border-radius:10px 10px 0 0;background:#060606}
  .magazine-editorial-list .magazine-editorial-copy{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(0,0,0,.42) 52%,rgba(4,4,4,.97) 100%)}
  .magazine-editorial-list .magazine-editorial-copy .magazine-kicker{font-size:7px;letter-spacing:.15em}
  .magazine-editorial-list .magazine-editorial-copy h1{margin:5px 0 6px;color:#f1d27a;font-family:var(--n2a-font-display,Georgia,serif);font-size:33px;font-weight:500;line-height:.94}
  .magazine-editorial-list .magazine-editorial-copy h1 strong{font-weight:500;font-size:1.13em}
  .magazine-editorial-list .magazine-editorial-copy p{max-width:88%;margin:0;color:#d0c9be;font-size:9px;line-height:1.5}
  .magazine-editorial-list .magazine-editorial-count{width:max-content;margin-top:8px;padding:4px 7px;border:1px solid rgba(216,170,55,.3);border-radius:5px;color:#c4aa73;font-size:6px}.magazine-editorial-list .magazine-editorial-count b{color:#f0cf71;font-size:8px}
  .magazine-editorial-list .magazine-editorial-scene{position:absolute;inset:0;z-index:1}.magazine-editorial-list .magazine-editorial-scene img{width:100%;height:100%;object-fit:cover}

  .magazine-editorial-list .magazine-category-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:-1px 0 7px;border:1px solid rgba(216,170,55,.28);border-radius:0 0 9px 9px;background:#080807}
  .magazine-editorial-list .magazine-category-tab{min-width:0;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 5px;border-right:1px solid rgba(216,170,55,.18);text-align:center}.magazine-editorial-list .magazine-category-tab:last-child{border-right:0}.magazine-editorial-list .magazine-category-tab.active{background:rgba(216,170,55,.09)}
  .magazine-editorial-list .magazine-category-icon{color:#e0ad36;font-size:19px}.magazine-editorial-list .magazine-category-tab strong{display:block;color:#e4b449;font-size:7px;font-weight:950;line-height:1.2}.magazine-editorial-list .magazine-category-tab small{display:none}

  .magazine-editorial-list .magazine-area-bar{min-height:36px;display:flex;align-items:center;gap:6px;margin:0 0 7px;padding:5px 7px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#080807}
  .magazine-editorial-list .magazine-area-label{display:none}.magazine-editorial-list .magazine-area-scroll{display:flex;gap:5px;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:25px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#0a0a09;color:#aaa39a;font-size:6.5px;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:#d8aa37;border-color:rgba(216,170,55,.25)}

  .magazine-editorial-list .magazine-editorial-lead,.magazine-editorial-list .magazine-editorial-lead.is-solo{display:block;margin-bottom:7px}
  .magazine-editorial-list .magazine-feature-story,.magazine-editorial-list .magazine-editorial-lead.is-solo .magazine-feature-story{display:block;min-height:0;overflow:hidden;border:1px solid rgba(216,170,55,.26);border-radius:9px;background:#070706}
  .magazine-editorial-list .magazine-feature-media{position:relative;display:block;aspect-ratio:16/10;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}.magazine-editorial-list .magazine-feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.62))}.magazine-editorial-list .magazine-feature-badge{position:absolute;left:9px;top:9px;padding:4px 6px;border:1px solid rgba(240,207,113,.34);border-radius:5px;background:rgba(30,21,7,.88);color:#f0cf71;font-size:5.5px;font-weight:950}.magazine-editorial-list .magazine-feature-placeholder{height:100%;display:grid;place-items:center;color:#80632e;font-family:Georgia,serif;font-size:40px}
  .magazine-editorial-list .magazine-feature-copy{padding:11px 11px 10px}.magazine-editorial-list .magazine-feature-copy .magazine-meta{font-size:6px}.magazine-editorial-list .magazine-feature-copy h2{margin:6px 0 6px;font-family:var(--n2a-font-display,Georgia,serif);font-size:20px;line-height:1.12;font-weight:500}.magazine-editorial-list .magazine-feature-copy h2 a{color:#f1d27a}.magazine-editorial-list .magazine-feature-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:#aaa39a;font-size:8.5px;line-height:1.5}.magazine-editorial-list .magazine-feature-foot{display:flex;align-items:center;gap:6px;margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);color:#756f66;font-size:6px}.magazine-editorial-list .magazine-feature-foot span{display:none}.magazine-editorial-list .magazine-feature-foot a{margin-left:auto;color:#d9aa37;font-weight:950}

  .magazine-editorial-list .magazine-latest-panel{margin-top:7px;padding:9px;border:1px solid rgba(216,170,55,.18);border-radius:9px;background:#090908}.magazine-editorial-list .magazine-latest-panel>header{display:flex;align-items:center;gap:6px;padding:0 0 7px;border-bottom:1px solid rgba(216,170,55,.18);color:#f0cf71}.magazine-editorial-list .magazine-latest-panel>header strong{font-size:8px;letter-spacing:.08em}.magazine-editorial-list .magazine-latest-list{display:grid}.magazine-editorial-list .magazine-latest-item{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px;padding:7px 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:50px;overflow:hidden;border-radius:6px;border:1px solid rgba(216,170,55,.16);background:#080706}.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}.magazine-editorial-list .magazine-latest-copy small{color:#b78931;font-size:5.5px;font-weight:950}.magazine-editorial-list .magazine-latest-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:2px 0;color:#e9e2d8;font-family:var(--n2a-font-display,Georgia,serif);font-size:10px;line-height:1.18}.magazine-editorial-list .magazine-latest-copy time{color:#6f6961;font-size:5.5px}

  .magazine-editorial-list .magazine-story-strip{margin-top:7px;padding:9px;border:1px solid rgba(216,170,55,.17);border-radius:9px;background:#080807}.magazine-editorial-list .magazine-story-strip-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid rgba(216,170,55,.20)}.magazine-editorial-list .magazine-story-strip-head>div{display:flex;align-items:center;gap:6px}.magazine-editorial-list .magazine-story-strip-head>div>span{color:#e0ad36;font-size:14px}.magazine-editorial-list .magazine-story-strip-head h2{margin:0;color:#f1d27a;font-family:var(--n2a-font-display,Georgia,serif);font-size:17px;font-weight:500}.magazine-editorial-list .magazine-story-strip-head>a{color:#d5a638;font-size:5.5px;font-weight:950}.magazine-editorial-list .magazine-story-strip-grid{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.magazine-editorial-list .magazine-story-strip-grid::-webkit-scrollbar{display:none}.magazine-editorial-list .magazine-story-card{flex:0 0 43.5%;overflow:hidden;border:1px solid rgba(216,170,55,.17);border-radius:7px;background:#070706;scroll-snap-align:start}.magazine-editorial-list .magazine-story-media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#090806}.magazine-editorial-list .magazine-story-media img{width:100%;height:100%;object-fit:cover}.magazine-editorial-list .magazine-story-media>span{height:100%;display:grid;place-items:center;color:#80632e;font-family:Georgia,serif}.magazine-editorial-list .magazine-story-media small{position:absolute;left:5px;bottom:5px;padding:3px 4px;border:1px solid rgba(216,170,55,.25);border-radius:4px;background:rgba(5,5,5,.84);color:#d9aa37;font-size:5px;font-weight:950}.magazine-editorial-list .magazine-story-copy{padding:7px}.magazine-editorial-list .magazine-story-copy h3{margin:0;min-height:29px;font-family:var(--n2a-font-display,Georgia,serif);font-size:9.5px;line-height:1.25;font-weight:500}.magazine-editorial-list .magazine-story-copy h3 a{color:#e8e1d6}.magazine-editorial-list .magazine-story-copy>div{display:flex;gap:5px;margin-top:6px;color:#6d665e;font-size:5px}.magazine-editorial-list .magazine-story-copy>div span:before{content:"·";margin-right:5px;color:#c79531}

  .magazine-editorial-list .magazine-editorial-empty{position:relative;overflow:hidden;padding:18px 12px 12px;border:1px solid rgba(216,170,55,.18);border-radius:9px;background:radial-gradient(circle at 90% 0,rgba(216,170,55,.10),transparent 35%),#080807}.magazine-editorial-list .magazine-empty-mark{position:absolute;right:8px;top:0;color:rgba(216,170,55,.07);font-family:Georgia,serif;font-size:82px}.magazine-editorial-list .magazine-editorial-empty>span{position:relative;color:#9f7830;font-size:6px;font-weight:950;letter-spacing:.14em}.magazine-editorial-list .magazine-editorial-empty h2{position:relative;margin:5px 0 4px;color:#f1d27a;font-family:var(--n2a-font-display,Georgia,serif);font-size:19px;font-weight:500}.magazine-editorial-list .magazine-editorial-empty>p{position:relative;margin:0;color:#8d867c;font-size:8px;line-height:1.45}.magazine-editorial-list .magazine-empty-categories{position:relative;display:grid;grid-template-columns:1fr;gap:6px;margin-top:13px}.magazine-editorial-list .magazine-empty-categories a{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 7px;padding:8px;border:1px solid rgba(216,170,55,.16);border-radius:7px;background:rgba(3,3,3,.5)}.magazine-editorial-list .magazine-empty-categories b{grid-row:1/3;display:grid;place-items:center;color:#d9aa37;font-size:16px}.magazine-editorial-list .magazine-empty-categories strong{color:#e5b84a;font-size:8px}.magazine-editorial-list .magazine-empty-categories small{color:#746d64;font-size:6.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* =========================================================
   2026-09-01 — MAGAZINE FRONT PAGE MOBILE ALIGNMENT
   ========================================================= */
@media (max-width:1040px){
  .magazine-editorial-list .magazine-editorial-shell{width:calc(100% - 16px);padding:8px 0 32px}
  .magazine-editorial-list .magazine-frontpage-grid{display:block}
  .magazine-editorial-list .magazine-frontpage-sidebar{display:grid;gap:8px;margin-top:9px}

  .magazine-editorial-list .magazine-editorial-hero{
    position:relative;
    min-height:280px;
    height:280px;
    overflow:hidden;
    border:1px solid rgba(216,170,55,.34);
    border-radius:8px 8px 0 0;
    background:#050505;
  }
  .magazine-editorial-list .magazine-editorial-scene{position:absolute;inset:0;z-index:1}
  .magazine-editorial-list .magazine-editorial-scene:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.30) 35%,rgba(4,4,4,.96) 100%)}
  .magazine-editorial-list .magazine-editorial-scene img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.8)}
  .magazine-editorial-list .magazine-editorial-copy{
    position:absolute;
    z-index:4;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:16px;
    background:none;
  }
  .magazine-editorial-list .magazine-editorial-copy .magazine-kicker{color:#d8aa37;font-size:7px;font-weight:900;letter-spacing:.13em}
  .magazine-editorial-list .magazine-editorial-copy h1{
    margin:6px 0 7px;
    color:#f1d27a;
    font-family:var(--n2a-font-display,Georgia,serif);
    font-size:28px;
    line-height:1.04;
    font-weight:500;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .magazine-editorial-list .magazine-editorial-copy p{margin:0;color:#d0c8bd;font-size:9px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .magazine-editorial-list .magazine-hero-read{width:max-content;min-height:30px;margin-top:9px;display:inline-flex;align-items:center;gap:18px;padding:0 10px;border:1px solid #d8aa37;border-radius:3px;background:rgba(5,5,5,.72);color:#efd078;font-size:7px;font-weight:900}

  .magazine-editorial-list .magazine-category-rail{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin:-1px 0 7px;
    border:1px solid rgba(216,170,55,.30);
    border-radius:0 0 8px 8px;
    background:#070706;
  }
  .magazine-editorial-list .magazine-category-tab{min-width:0;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;border-right:1px solid rgba(216,170,55,.18);text-align:center}
  .magazine-editorial-list .magazine-category-tab:nth-child(3){border-right:0}
  .magazine-editorial-list .magazine-category-icon{color:#e0ad36;font-size:18px}
  .magazine-editorial-list .magazine-category-tab strong{display:block;color:#e7b84a;font-size:7px;line-height:1.15;font-weight:900}
  .magazine-editorial-list .magazine-category-tab small{display:none}
  .magazine-editorial-list .magazine-category-viewall{display:none}

  .magazine-editorial-list .magazine-area-bar{min-height:35px;display:flex;align-items:center;gap:5px;margin:0 0 9px;padding:4px 6px;border:1px solid rgba(255,255,255,.075);border-radius:6px;background:#080807}
  .magazine-editorial-list .magazine-area-label{display:none}
  .magazine-editorial-list .magazine-area-scroll{display:flex;gap:5px;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:25px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#0a0a09;color:#aaa39a;font-size:6.5px;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:#d8aa37;border-color:rgba(216,170,55,.25)}

  .magazine-editorial-list .magazine-section-stack{display:grid;gap:10px}
  .magazine-editorial-list .magazine-story-strip{margin:0;padding:0;border:0;border-radius:0;background:transparent}
  .magazine-editorial-list .magazine-story-strip-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px;padding:0 0 6px;border-bottom:1px solid rgba(216,170,55,.34)}
  .magazine-editorial-list .magazine-story-strip-head>div{display:flex;align-items:center;gap:6px}
  .magazine-editorial-list .magazine-story-strip-head>div>span{color:#e0ad36;font-size:16px}
  .magazine-editorial-list .magazine-story-strip-head h2{margin:0;color:#f1d27a;font-family:var(--n2a-font-display,Georgia,serif);font-size:17px;font-weight:500}
  .magazine-editorial-list .magazine-story-strip-head>a{color:#d5a638;font-size:5.5px;font-weight:900}

  .magazine-editorial-list .magazine-story-strip-grid,
  .magazine-editorial-list .magazine-story-strip-grid.is-filtered{
    display:flex;
    gap:7px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .magazine-editorial-list .magazine-story-strip-grid::-webkit-scrollbar{display:none}
  .magazine-editorial-list .magazine-story-card{flex:0 0 43.5%;min-width:0;overflow:hidden;border:1px solid rgba(216,170,55,.36);border-radius:6px;background:#070706;scroll-snap-align:start}
  .magazine-editorial-list .magazine-story-media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#090806}
  .magazine-editorial-list .magazine-story-media img{width:100%;height:100%;object-fit:cover}
  .magazine-editorial-list .magazine-story-media>span{height:100%;display:grid;place-items:center;color:#80632e;font-family:Georgia,serif}
  .magazine-editorial-list .magazine-story-media small{position:absolute;left:5px;bottom:5px;padding:3px 4px;border:1px solid rgba(216,170,55,.38);border-radius:3px;background:rgba(5,5,5,.84);color:#d9aa37;font-size:5px;font-weight:900}
  .magazine-editorial-list .magazine-story-copy{padding:7px}
  .magazine-editorial-list .magazine-story-copy h3{margin:0;min-height:29px;font-family:var(--n2a-font-display,Georgia,serif);font-size:9.5px;line-height:1.25;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:#e8e1d6}
  .magazine-editorial-list .magazine-story-copy>div{display:flex;gap:5px;margin-top:6px;color:#6d665e;font-size:5px}.magazine-editorial-list .magazine-story-copy>div span:before{content:"·";margin-right:5px;color:#c79531}

  .magazine-editorial-list .magazine-side-panel{padding:9px;border:1px solid rgba(216,170,55,.25);border-radius:7px;background:#090908}
  .magazine-editorial-list .magazine-side-panel>header{display:flex;align-items:center;gap:6px;margin-bottom:7px;padding:0 0 7px;border-bottom:1px solid rgba(216,170,55,.18);color:#f0cf71}
  .magazine-editorial-list .magazine-side-panel>header span{font-size:13px}.magazine-editorial-list .magazine-side-panel>header strong{font-size:8px;letter-spacing:.08em}

  .magazine-editorial-list .magazine-editor-pick{display:none}
  .magazine-editorial-list .magazine-side-brand{display:none}

  .magazine-editorial-list .magazine-trending-item{display:grid;grid-template-columns:26px 68px minmax(0,1fr);gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.055)}
  .magazine-editorial-list .magazine-trending-item:last-child{border-bottom:0}
  .magazine-editorial-list .magazine-trending-item>b{color:#d8aa37;font-family:Georgia,serif;font-size:16px;font-weight:500;text-align:center}
  .magazine-editorial-list .magazine-trending-thumb{height:46px;overflow:hidden;border-radius:4px;border:1px solid rgba(216,170,55,.16);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:#80632e;font-family:Georgia,serif;font-style:normal}
  .magazine-editorial-list .magazine-trending-copy{min-width:0}.magazine-editorial-list .magazine-trending-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#e9e2d8;font-family:var(--n2a-font-display,Georgia,serif);font-size:9px;line-height:1.18;font-weight:500}.magazine-editorial-list .magazine-trending-copy small{display:block;margin-top:3px;color:#b78931;font-size:5px;font-weight:900}

  .magazine-editorial-list .magazine-hot-area-links{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.magazine-editorial-list .magazine-hot-area-links::-webkit-scrollbar{display:none}
  .magazine-editorial-list .magazine-hot-area-links a{flex:0 0 auto;min-height:24px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid rgba(216,170,55,.35);border-radius:4px;color:#d8aa37;background:#090908;font-size:6px;font-weight:850}
}