.loc-hero{
  padding: 54px 0 20px;
}
.loc-hero + .section{
  padding-top: 28px;
  padding-bottom: 56px;
}
.breadcrumbs{
  margin: 0 0 10px;
  font-size: 13px;
  color: rgba(234,240,255,.70);
}
.breadcrumbs a{
  color: var(--neon);
  text-decoration:none;
  font-weight:800;
}
.breadcrumbs a:hover{text-decoration:underline}

/* Prev/Next location navigation */
.loc-prev-next{
  display:flex;
  gap:14px;
  margin:0 0 14px;
  flex-wrap:wrap;
}
.loc-prev-next a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 14px;
  border-radius:var(--radius);
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  color:rgba(234,240,255,.9);
  background:rgba(11,20,53,.5);
  border:1px solid rgba(34,48,101,.6);
  transition:background .2s, border-color .2s, color .2s;
}
.loc-prev-next a:hover{
  background:rgba(34,48,101,.5);
  border-color:var(--neon);
  color:var(--neon);
}
.loc-nav-prev{}
.loc-nav-next{}

.loc-title{
  margin:0 0 10px;
  font-family: Orbitron, Inter, sans-serif;
  font-weight: 900;
  letter-spacing:.02em;
  font-size: clamp(28px, 3.8vw, 46px);
  line-height: 1.08;
}
.loc-subtitle{
  margin:0 0 18px;
  color: rgba(234,240,255,.78);
  max-width: 70ch;
}

.loc-hero-card{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 14px;
  padding: 14px;
  border-radius: var(--radius);
  background: rgba(11,20,53,.42);
  border: 1px solid rgba(34,48,101,.60);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.loc-hero-media{
  border-radius: 14px;
  min-height: 260px;
  background:
    radial-gradient(700px 320px at 60% 30%, rgba(67,215,255,.22), transparent 55%),
    radial-gradient(520px 260px at 30% 70%, rgba(255,59,107,.18), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
  border: 1px solid rgba(34,48,101,.55);
  position:relative;
}

/* Safety: never show any photo placeholder label */
.loc-hero-media::after{
  content: none !important;
  display: none !important;
}
.loc-hero-meta{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.meta-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding: 10px 10px;
  border-radius: 14px;
  background: rgba(6,10,20,.52);
  border: 1px solid rgba(34,48,101,.55);
  font-size: 12px;
  letter-spacing:.06em;
  text-transform: uppercase;
}
.meta-k{color: rgba(169,183,230,.85)}
.meta-v{color: rgba(234,240,255,.92)}
.meta-actions{
  display:flex;
  gap:10px;
  margin-top: 6px;
}

.loc-grid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 20px;
  align-items:start;
}
.loc-article{
  display:flex;
  flex-direction:column;
  gap: 18px;
}
.loc-card{
  background: rgba(11,20,53,.42);
  border: 1px solid rgba(34,48,101,.65);
  border-radius: var(--radius);
  padding: 20px 20px;
  box-shadow: 0 12px 40px rgba(0,0,0,.25);
}
.loc-card .section-title{
  margin: 0 0 12px;
}
.loc-card .section-title:only-child{
  margin: 0;
}
.loc-article p{
  color: rgba(234,240,255,.82);
  margin: 0;
}
.loc-card .bullets{
  margin: 0;
}
.bullets{
  padding-left: 18px;
  color: rgba(234,240,255,.78);
}
.timeline{
  margin-top: 4px;
  display:grid;
  gap: 10px;
}
.tl-item{
  background: rgba(6,10,20,.48);
  border: 1px solid rgba(34,48,101,.5);
  border-radius: calc(var(--radius) - 2px);
  padding: 12px 14px;
}
.tl-year{
  font-family: Orbitron, Inter, sans-serif;
  letter-spacing:.04em;
  font-size: 13px;
  margin-bottom: 6px;
}
.tl-body{color: rgba(234,240,255,.78)}

.loc-side .card{
  margin: 0;
}
.loc-side .card + .card{
  margin-top: 16px;
}
.facts, .links{
  margin: 10px 0 0;
  padding-left: 18px;
  color: rgba(234,240,255,.78);
}
.facts li, .links li{margin: 6px 0}

/* Official website link: highlight and external icon */
.link-website{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--neon);
  font-weight: 600;
}
.link-website:hover{
  color: rgba(67,215,255,.95);
}
.link-website::after{
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E") no-repeat center;
  -webkit-mask-size: contain;
  opacity: 0.9;
}

@media (max-width: 980px){
  .loc-hero-card{grid-template-columns: 1fr}
  .loc-grid{grid-template-columns: 1fr}
  .loc-grid{gap: 24px}
}