Template:Accession/styles.css
Template page
More actions
/* =========================== */
/* ACCESSION HERO – COMPACT */
/* =========================== */
.acc-hero {
background: #10271a;
color: #f5fff5;
padding: 0.75rem 1.25rem 0.6rem; /* was probably ~1.5–2rem */
border-radius: 4px;
margin-bottom: 0.6rem; /* space above image/map */
display: flex;
flex-direction: column;
row-gap: 0.4rem; /* tighten vertical spacing */
}
.acc-hero__title {
font-size: 1.4rem;
font-weight: 700;
margin: 0 0 0.25rem 0; /* kill giant bottom margin */
line-height: 1.15;
}
.acc-hero__subrow {
margin: 0; /* no extra margins on rows */
}
.acc-hero__meta-grid {
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.5fr);
column-gap: 1.25rem;
row-gap: 0.25rem; /* much tighter than 0.75–1rem */
}
.acc-hero__label {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: 0.12rem; /* tiny gap above chips */
}
.acc-hero__chips {
display: flex;
flex-wrap: wrap;
gap: 0.18rem 0.25rem; /* shrink chip gaps */
}
/* pill badges */
.acc-chip {
padding: 0.14rem 0.45rem; /* slightly shorter pills */
border-radius: 999px;
font-size: 0.72rem;
}
/* if there’s a class on the hero’s last row, make sure it isn’t adding space */
.acc-hero__footer {
margin-top: 0.25rem;
}