/* Slugs, categories and images come from the selected site's published posts. */
.me-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.me-no-image { display:block; aspect-ratio:4/3; background:linear-gradient(140deg,#314456,#111925); }
.me-more { position:relative; z-index:2; }
.me-more > summary { cursor:pointer; }
.me-more > div { position:absolute; top:100%; right:0; display:grid; width:max-content; max-width:min(17rem,80vw); max-height:50vh; overflow:auto; padding:.4rem; border-radius:.25rem; box-shadow:0 .5rem 1rem #0005; background:#152c39; color:white; }
.me-more > div > a { padding:.4rem .65rem; }

body[data-site-theme="media-albums"] {
  --theme-accent:#236d93; background:#192f46; background-image:linear-gradient(135deg,#103d50,#242947); background-attachment:fixed;
  color:#fff; font-family:Helvetica,Arial,sans-serif;
}
.ma-head { background:#0006; }
.ma-bar { max-width:1000px; margin:auto; padding:15px; display:flex; gap:22px; align-items:center; }
body[data-site-theme="media-albums"] .ma-wordmark { color:#58a9ff; font-size:28px; line-height:1.2; font-weight:800; letter-spacing:-1px; text-transform:uppercase; }
.ma-wordmark::first-letter { color:#ffe033; }
.ma-bar nav { display:flex; flex:1; justify-content:center; align-items:center; gap:18px; }
.ma-bar a:hover,.ma-bar summary:hover { text-decoration:underline; }
body[data-site-theme="media-albums"] .ma-search { display:inline-flex; justify-content:space-between; align-items:center; gap:12px; min-width:11rem; border:0; border-radius:4px; padding:5px 10px; background:#fff; color:#3b4a53; font-size:14px; }
.ma-lens { display:block; position:relative; width:12px; height:12px; margin-right:3px; border:2px solid currentColor; border-radius:50%; }
.ma-lens::after { content:""; position:absolute; width:6px; height:2px; right:-5px; bottom:-2px; transform:rotate(45deg); background:currentColor; }
body[data-site-theme="media-albums"] .mt-main { max-width:1000px; margin:0 auto 50px; padding:0 15px; }
.ma-heading,body[data-site-theme="media-albums"] .mt-archive > h1 { margin:0; padding:30px 0; text-align:center; font-size:24px; }
.ma-columns { display:flex; align-items:flex-start; gap:32px; }
.ma-feed,body[data-site-theme="media-albums"] .mt-archive-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:36px; flex:1; min-width:0; }
body[data-site-theme="media-albums"] .mt-archive > .mt-archive-grid { max-width:652px; margin:auto; }
.ma-card { min-width:0; padding:18px; border:2px solid #ffffff0c; border-radius:5px; background:#ffffff14; }
.ma-album-link { display:block; }
.ma-card h2 { margin:0 0 18px; font-size:22px; line-height:1.2; }
.ma-card a:hover h2 { text-decoration:underline; }
.ma-album-link img { display:block; width:100%; height:auto; border-radius:3px; }
.ma-tags,.ma-rail nav { display:flex; flex-wrap:wrap; gap:5px; }
.ma-tags { margin-top:14px; }
.ma-tags a,.ma-rail nav a { flex:1 1 auto; padding:5px 9px; border-radius:3px; text-align:center; font-size:13px; line-height:1.4; }
body[data-site-theme="media-albums"] .ma-tags a { color:#10151c; background:#efc263; }
body[data-site-theme="media-albums"] .ma-card:nth-child(4n+2) .ma-tags a { background:#71c68b; }
body[data-site-theme="media-albums"] .ma-card:nth-child(4n+3) .ma-tags a { background:#91adf4; }
body[data-site-theme="media-albums"] .ma-card:nth-child(4n) .ma-tags a { background:#ed92b7; }
.ma-rail { flex:0 1 300px; padding:16px; border-radius:5px; background:#0003; }
.ma-rail h2 { margin:0 0 12px; font-size:18px; }
.ma-rail nav a { background:#ffffff1c; }
.ma-rail a:hover,.ma-tags a:hover { text-decoration:underline; }
body[data-site-theme="media-albums"] .mt-footer { background:#102231; color:#e5edf5; border-color:#ffffff24; }
body[data-site-theme="media-albums"] .mt-policy { color:#1b2635; background:#fff; padding:24px; }
body[data-site-theme="media-albums"] [data-infinite-status] { color:#d2e1ec; }
@media(max-width:739px) {
  .ma-bar { flex-wrap:wrap; justify-content:center; gap:10px 14px; }
  .ma-wordmark { width:100%; text-align:center; }
  .ma-bar nav { flex:0 1 auto; flex-wrap:wrap; }
  body[data-site-theme="media-albums"] .ma-search { min-width:auto; }
  .ma-columns { display:block; }
  .ma-rail { display:none; }
  .ma-card { padding:14px; }
}

body[data-site-theme="media-magazine"] {
  --theme-accent:#c60015; --mm-type:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  background:#eee; color:#151515; font-family:Tahoma,Arial,sans-serif;
}
.mm-head,.mm-masthead { background:#fff; }
.mm-masthead { text-align:center; padding:28px 16px; }
body[data-site-theme="media-magazine"] .mm-wordmark { display:inline-block; color:#c60015; font:800 clamp(34px,8vw,70px)/.95 var(--mm-type); letter-spacing:-.035em; text-transform:uppercase; }
.mm-head nav { background:#080808; color:#fff; }
.mm-menu { display:flex; max-width:560px; align-items:center; justify-content:center; gap:6px 12px; margin:auto; padding:9px 12px; font:700 20px/1.2 var(--mm-type); text-transform:uppercase; }
.mm-menu > a,.mm-menu > details { flex:0 1 auto; min-width:0; text-align:center; white-space:nowrap; }
.mm-menu > a { overflow:hidden; text-overflow:ellipsis; }
.mm-menu > details,.mm-menu > a:last-child { flex-shrink:0; }
.mm-menu .me-more > div { background:#171717; }
.mm-menu a:hover,.mm-menu summary:hover { color:#ff6570; }
body[data-site-theme="media-magazine"] .mt-main { max-width:1000px; margin:0 auto 42px; padding:12px; }
body[data-site-theme="media-magazine"] .mt-archive > h1 { font:700 30px/1.2 var(--mm-type); margin:6px 0 12px; }
.mm-grid,body[data-site-theme="media-magazine"] .mt-archive-grid {
  --wall-columns:3; --wall-gap:2px; display:grid; grid-template-columns:repeat(var(--wall-columns),minmax(0,1fr)); align-items:start; gap:var(--wall-gap); position:relative;
}
body[data-site-theme="media-magazine"] [data-wall-grid].is-wall-masonry { display:block; }
body[data-site-theme="media-magazine"] [data-wall-grid].is-wall-masonry > [data-wall-item] {
  position:absolute; top:0; left:0; width:calc((100% - (var(--wall-columns) - 1) * var(--wall-gap)) / var(--wall-columns));
}
.mm-tile { min-width:0; margin:0; background:#323232; }
.mm-tile > a { display:block; position:relative; overflow:hidden; min-height:110px; }
.mm-tile img { display:block; width:100%; height:auto; }
.mm-tile h2 { position:absolute; bottom:0; left:0; right:0; margin:0; padding:5px 8px; border-left:4px solid #ec1726; color:#fff; background:#000a; font:700 18px/1.12 var(--mm-type); letter-spacing:.02em; }
.mm-tile a:hover h2,.mm-tile a:focus-visible h2 { background:#141414; }
body[data-site-theme="media-magazine"] .mt-footer-inner { max-width:1000px; }
@media(max-width:539px) {
  .mm-grid,body[data-site-theme="media-magazine"] .mt-archive-grid { --wall-columns:2; }
  .mm-masthead { padding:20px 12px; }
  .mm-menu { font-size:17px; }
  body[data-site-theme="media-magazine"] .mt-main { padding:8px; }
  .mm-tile h2 { font-size:16px; }
}
