/* Only the enabled archive families. DIVER keeps responsibility for every ad slot. */
body.szc-archive-layout.szc-archive-ui { background:#f2eeeb;--szal-list-width:1200px;--szal-detail-width:1060px;--szal-content-gutter:24px; }
body.szc-archive-layout.szc-archive-ui.szal-profile { --szal-detail-width:960px; }
/* Outrank the legacy inline page styles without changing their source or ads. */
body.szc-archive-layout.szc-archive-ui #main-wrap { width:100%;max-width:none;box-sizing:border-box;margin:24px auto 40px;padding:0 24px; }
body.szc-archive-layout.szc-archive-ui #main-wrap .l-main-container { width:100%;max-width:var(--szal-list-width);margin:0 auto;display:block; }
body.szc-archive-layout.szc-archive-ui #main-wrap :is(#single-main,#page-main).full { float:none;box-sizing:border-box;width:100%;max-width:var(--szal-list-width);margin:0 auto; }
/* Detail frames match the directories; constrain only their text/photo content. */
body.szc-archive-layout.szc-archive-ui:is(.szal-profile,.szc-song-page-view) #main-wrap :is(#content_area,#page-main) > article { width:100%;max-width:var(--szal-list-width);box-sizing:border-box;margin-left:auto;margin-right:auto; }
body.szc-archive-layout.szc-archive-ui.szal-profile .szma-archive,
body.szc-archive-layout.szc-archive-ui.szc-song-page-view #szc-song-page { width:100%;max-width:calc(var(--szal-detail-width) + 2 * var(--szal-content-gutter));box-sizing:border-box;margin-left:auto;margin-right:auto; }
body.szc-archive-layout.szc-archive-ui:is(.szal-profile,.szc-song-page-view) .szal-related { width:calc(100% - 2 * var(--szal-content-gutter));max-width:var(--szal-detail-width);margin-left:auto;margin-right:auto; }
body.szc-archive-layout.szc-archive-ui #szc-song-catalog .wrap { max-width:none;box-sizing:border-box;padding-left:var(--szal-content-gutter);padding-right:var(--szal-content-gutter); }
body.szc-archive-layout.szc-archive-ui #szc-song-page { padding-left:var(--szal-content-gutter);padding-right:var(--szal-content-gutter); }
body.szc-archive-layout #content_area { background:transparent; }
body.szc-archive-layout #main-wrap main > article,
body.szc-archive-layout #content_area > article { background:#fbf8f6;border:1px solid #e2e5df;border-radius:12px; }
body.szc-archive-layout #main-wrap .single-post-main { margin:0;padding:0; }
/* Hide duplicate article metadata only, never the header/ad containers or PR disclosure. */
body.szc-archive-layout.szal-members #content_area > article > header :is(.single-post-title,.cat-tag,.single-post-date,.post-author,.post_reading_time),
body.szc-archive-layout.szal-members #content_area > article > header .single_thumbnail { display:none; }
body.szc-archive-layout .szma-archive .page-heading > .archive-nav { display:none; }
body.szc-archive-layout .szal-nav { display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px;padding:8px;background:#fbf8f6;border:1px solid #e2e5df;border-radius:12px; }
body.szc-archive-layout .szal-nav a { flex:1 1 auto;display:block;padding:13px 18px;text-align:center;line-height:1.5;color:#355f52;border-radius:7px;text-decoration:none;font-size:14px;font-weight:600; }
body.szc-archive-layout .szal-nav a[aria-current] { background:#efebe6;color:#2c3333;box-shadow:inset 0 -2px #b54365; }
body.szc-archive-layout :is(.szal-nav,.szal-related) a:hover { background:#eaf0eb;color:#2c3333; }
body.szc-archive-layout :is(.szal-nav,.szal-related) a:focus-visible { outline:2px solid #b54365;outline-offset:2px; }
body.szc-archive-layout .szal-related { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 24px;padding-top:24px;border-top:1px solid #e2e5df; }
body.szc-archive-layout .szal-related a { display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid #e2e5df;border-radius:9px;background:white;color:#355f52;text-decoration:none;line-height:1.6; }
body.szc-archive-layout .szal-related span { font-size:12px;color:#64716d; }
@media(max-width:600px) {
  body.szc-archive-layout.szc-archive-ui { --szal-content-gutter:10px; }
  body.szc-archive-layout.szc-archive-ui #main-wrap { padding:0 10px;margin-top:14px; }
  body.szc-archive-layout .szal-nav { gap:2px;padding:5px; }
  body.szc-archive-layout .szal-nav a { padding:12px 5px;font-size:12px; }
  body.szc-archive-layout .szal-related { grid-template-columns:1fr;margin:20px 14px;gap:8px; }
  body.szc-archive-layout .szal-related a { padding:12px 14px; }
}