/* IDS GALAXY DETAIL STANDARD V1
   Shared structural rules for Galaxy and Religion detail dossiers.
   Archive-specific styles keep their visual identity; this file enforces
   the common reading flow established by the Species archive. */

:root{--ids-detail-rail:340px;--ids-detail-gap:36px}

/* Compact title area after the hero image */
.species-detail-hero,
.planet-detail-hero,
.culture-detail-hero,
.organization-detail-hero,
.religion-detail-hero{
  display:block!important;
  max-width:var(--max)!important;
  margin:0 auto!important;
  padding:24px 20px 20px!important;
}
.species-detail-hero>div,
.planet-detail-hero>div,
.culture-detail-hero>div,
.organization-detail-hero>div,
.religion-detail-hero>div{max-width:920px!important}

/* Article + encyclopedia rail */
.species-detail-shell,
.planet-detail-shell,
.culture-detail-shell,
.organization-detail-shell,
.religion-detail-shell{
  max-width:var(--max)!important;
  margin:0 auto!important;
  padding:6px 20px 96px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--ids-detail-rail)!important;
  gap:var(--ids-detail-gap)!important;
  align-items:start!important;
}
.species-rail,
.planet-rail,
.culture-rail,
.organization-rail,
.religion-rail{
  position:sticky!important;
  top:104px!important;
  align-self:start!important;
  display:block!important;
}

/* True one-item-per-row Quick Facts */
.species-facts,
.planet-facts,
.culture-facts,
.organization-facts,
.religion-facts{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  width:100%!important;
  margin:0 0 12px!important;
  padding:0!important;
  border:1px solid var(--line)!important;
  background:var(--line)!important;
  gap:0!important;
}
.species-facts:before,
.planet-facts:before,
.culture-facts:before,
.organization-facts:before,
.religion-facts:before{
  content:"Quick facts";
  display:block!important;
  width:100%!important;
  padding:11px 16px!important;
  box-sizing:border-box;
  border-bottom:1px solid var(--line)!important;
  background:#101720!important;
  color:#dce3e8!important;
  font:900 .72rem/1 "Arial Narrow",Impact,sans-serif!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
.species-facts>div,
.planet-facts>div,
.culture-facts>div,
.organization-facts>div,
.religion-facts>div{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  box-sizing:border-box;
  padding:14px 16px!important;
  border-top:1px solid var(--line)!important;
  background:#0d1219!important;
}
.species-facts>div:first-of-type,
.planet-facts>div:first-of-type,
.culture-facts>div:first-of-type,
.organization-facts>div:first-of-type,
.religion-facts>div:first-of-type{border-top:0!important}

/* Canon/source record at the end of the article */
.planet-sources,
.culture-sources,
.organization-sources,
.religion-sources,
.species-sources{
  padding-bottom:10px!important;
}
.ids-canon-source-list,
.species-source-list{
  margin:18px 0 0!important;
  padding:0!important;
  list-style:none!important;
  max-width:920px!important;
  border-top:1px solid var(--line)!important;
}
.ids-canon-source-list li,
.species-source-list li{border-bottom:1px solid var(--line)!important}
.ids-canon-source-list a,
.species-source-list a{
  display:block!important;
  padding:13px 4px!important;
  color:#cfd8df!important;
  font-size:.9rem!important;
  font-weight:800!important;
  text-decoration:none!important;
}

/* Religion now follows the same hero -> title -> article + rail sequence. */
.religion-detail-art{
  max-width:var(--max)!important;
  margin:8px auto 0!important;
  padding:0 20px!important;
}
.religion-detail-art-frame{
  aspect-ratio:16/7!important;
  min-height:0!important;
}
.religion-nextprev{
  max-width:var(--max);
  margin:0 auto 92px;
  padding:0 20px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.religion-nextprev a{
  min-height:120px;
  padding:24px;
  border:1px solid var(--line);
  background:linear-gradient(145deg,#101720,#080b10);
  text-decoration:none;
}
.religion-nextprev span{
  display:block;
  color:var(--blue);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.religion-nextprev strong{
  display:block;
  margin-top:9px;
  font:900 1.5rem/1 "Arial Narrow",Impact,sans-serif;
  text-transform:uppercase;
}
.religion-nextprev a:last-child{text-align:right}

/* Existing Cantinas & Nightlife detail files are normalized without rewriting
   every article. Their old facts strip becomes the right-hand encyclopedia box. */
.place-detail-page main#content,
main#article{
  max-width:var(--max)!important;
  margin:0 auto!important;
  padding:0 20px 96px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--ids-detail-rail)!important;
  grid-template-areas:
    "crumb crumb"
    "hero hero"
    "article facts"
    "article links"!important;
  column-gap:var(--ids-detail-gap)!important;
  align-items:start!important;
}
.place-detail-page main#content>.breadcrumbs,
main#article>.breadcrumbs{
  grid-area:crumb!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px 0 0!important;
}
.place-detail-page .place-detail-hero,
main#article>.place-hero{
  grid-area:hero!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:8px 0 20px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  align-items:stretch!important;
}
.place-detail-page .place-detail-hero>div:first-child,
main#article>.place-hero>div:first-child{
  max-width:920px!important;
}
.place-detail-page .place-detail-art,
main#article .place-hero-image{
  order:-1!important;
  width:100%!important;
  min-height:0!important;
  aspect-ratio:16/7!important;
  margin:8px 0 24px!important;
  background-position:center!important;
  background-size:cover!important;
}
.place-detail-page main#content>.place-facts,
main#article>.place-facts{
  grid-area:facts!important;
  position:sticky!important;
  top:104px!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  border:1px solid var(--line)!important;
  background:var(--line)!important;
}
.place-detail-page main#content>.place-facts:before,
main#article>.place-facts:before{
  content:"Quick facts";
  display:block;
  padding:11px 16px;
  border-bottom:1px solid var(--line);
  background:#101720;
  color:#dce3e8;
  font:900 .72rem/1 "Arial Narrow",Impact,sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.place-detail-page main#content>.place-facts>.place-fact,
.place-detail-page main#content>.place-facts>div,
main#article>.place-facts>div{
  display:block!important;
  width:100%!important;
  box-sizing:border-box;
  padding:14px 16px!important;
  border:0!important;
  border-top:1px solid var(--line)!important;
  background:#0d1219!important;
}
.place-detail-page main#content>.place-facts>div:first-of-type,
main#article>.place-facts>div:first-of-type{border-top:0!important}
.place-detail-page .place-story,
main#article>.article-layout{display:contents!important}
.place-detail-page .place-story>article,
main#article>.article-layout>.longform{
  grid-area:article!important;
  min-width:0!important;
}
.place-detail-page .place-story>.place-links,
main#article>.article-layout>.article-rail{
  grid-area:links!important;
  min-width:0!important;
  margin-top:12px!important;
}
.place-detail-page .place-sources,
main#article .sources{
  margin-top:38px!important;
  padding-top:24px!important;
  border-top:1px solid var(--line)!important;
}

/* Template foundations for future per-entry Ships and Technology dossiers. */
.ship-detail-shell,
.tech-detail-shell{
  max-width:var(--max);
  margin:0 auto;
  padding:6px 20px 96px;
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--ids-detail-rail);
  gap:var(--ids-detail-gap);
  align-items:start;
}
.ship-detail-rail,
.tech-detail-rail{position:sticky;top:104px;align-self:start}
.ship-detail-facts,
.tech-detail-facts{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--line)}

@media(max-width:1050px){
  .species-detail-shell,
  .planet-detail-shell,
  .culture-detail-shell,
  .organization-detail-shell,
  .religion-detail-shell,
  .ship-detail-shell,
  .tech-detail-shell{grid-template-columns:1fr!important}
  .species-rail,
  .planet-rail,
  .culture-rail,
  .organization-rail,
  .religion-rail,
  .ship-detail-rail,
  .tech-detail-rail{position:static!important}

  .place-detail-page main#content,
  main#article{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "crumb"
      "hero"
      "facts"
      "article"
      "links"!important;
  }
  .place-detail-page main#content>.place-facts,
  main#article>.place-facts{position:static!important}
}
@media(max-width:760px){
  .religion-nextprev{grid-template-columns:1fr}
  .religion-nextprev a:last-child{text-align:left}
  .place-detail-page .place-detail-art,
  main#article .place-hero-image,
  .religion-detail-art-frame{aspect-ratio:16/9!important}
}