/* Breadcrumbs / Home link */
.crumbs { margin: 10px 0 6px; text-align:left; }
.home-link {
  color: var(--link);
  text-decoration: none;
  font-weight: 800;
  display:inline-block;
}
.home-link:focus-visible { outline:2px solid var(--link); outline-offset:3px; border-radius:8px; }
/* Make home link visually as large as the item title */
.home-big { font-size:clamp(22px, 3.8vw, 34px); letter-spacing:0.2px; }

/* Item header */
.item-title { margin:10px 0 6px 0; font-size:clamp(22px, 3.8vw, 34px); letter-spacing:0.2px; text-align:center; }
.item-subtitle {
  margin:0 0 12px 0;
  text-align:center;
  color: var(--muted);
  font-weight: 600; /* match the feel of requirement text */
  font-size: 16px;
}

/* Hero */
.item-hero { margin:14px 0 14px 0; display:flex; justify-content:center; }
.item-hero img {
  width:200px; height:200px; object-fit:contain;
  border-radius:var(--radius);
  border:1px solid var(--border);
  background: var(--card); /* visible behind alpha */
}

/* Primary description (no box, centered) */
.item-desc-wrap { display:flex; justify-content:center; margin-bottom:20px; }
.item-desc {
  max-width:720px;
  text-align:center;
  margin: 8px 16px 18px;
  color: var(--text);
}

/* Secondary Details (with Box) */
.details-block { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:16px; margin-bottom:12px; }
.details-title { margin:0 0 6px 0; font-size:20px; }
.details-text { margin:0; color:var(--muted); }

/* Location section block */
.section-block { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:16px; }
.section-block h2 { margin:0 0 12px 0; font-size:20px; }

/* Location grid */
.loc-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
@media (min-width:700px){
  .loc-grid { grid-template-columns:1fr 1fr; }
}
.loc-card {
  display:flex;
  flex-direction:column;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  overflow:hidden;
}
.loc-body { padding:12px; }
.loc-title { margin:0 0 6px 0; font-size:18px; }
.loc-desc { margin:0 0 8px 0; color:var(--muted); }
/* Image as last element */
.loc-media img { width:100%; height:auto; display:block; cursor:zoom-in; }


/* Keep inline links the same color as surrounding text */
.inline-link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Optional: subtler hover without turning blue */
.inline-link:hover,
.inline-link:focus {
  text-decoration-thickness: 2px;
}

/* Prevent default visited purple */
.inline-link:visited {
  color: inherit;
}