/* Hubble_s content page: additions on top of the theme's .cgu-content styles */
.hs-content h1 {
	font-family: "GT America", sans-serif;
	font-size: 2.75rem;
	line-height: 3.25rem;
	margin-bottom: 40px;
}
.hs-content a { color: #511CA8; text-decoration: underline; }
.hs-content img { max-width: 100%; height: auto; }
.hs-content figure { margin: 0 0 36px; }
.hs-content figcaption { font-size: 0.875rem; color: #555; margin-top: 8px; }

/* Team list */
.hs-team {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 48px 32px;
	list-style: none;
	padding: 0;
	margin: 0 0 48px;
}
.hs-content .hs-team li { margin: 0; text-align: center; }
.hs-content .hs-team a { color: #000; text-decoration: none; display: block; }
.hs-content .hs-team a:hover .hs-name { text-decoration: underline; }
.hs-photo, .hs-initials {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	margin: 0 auto 16px;
}
.hs-initials {
	background: #511CA8;
	color: #fff;
	font-family: "GT America", sans-serif;
	font-size: 2.5rem;
	line-height: 140px;
	text-align: center;
}
.hs-content .hs-name, .hs-content .hs-role { display: block; }
.hs-content .hs-name { font-family: "GT America", sans-serif; font-size: 1.125rem; margin: 0 0 4px; }
.hs-content .hs-role { font-size: 0.9375rem; color: #555; margin: 0; }

/* Author page */
.hs-author { display: flex; gap: 40px; align-items: center; margin-bottom: 40px; }
.hs-author .hs-photo { width: 180px; height: 180px; margin: 0; flex-shrink: 0; }
.hs-content .hs-author h1 { margin-bottom: 8px; }
.hs-content .hs-author .hs-role { font-size: 1.125rem; margin-bottom: 16px; }
.hs-content .hs-links a { margin-right: 20px; }
.hs-content .hs-back { margin-top: 48px; }

@media (max-width: 767px) {
	.hs-content h1 { font-size: 2rem; line-height: 2.5rem; }
	.hs-author { flex-direction: column; align-items: flex-start; gap: 24px; }
	.hs-team { grid-template-columns: repeat(2, 1fr); gap: 32px 16px; }
	.hs-photo, .hs-initials { width: 110px; height: 110px; line-height: 110px; }
}

/* 1.0.2: article elements */
.hs-content .crosspost, .hs-content .byline, .hs-content .sources, .hs-content .author-bio, .hs-content .exhibit-note { font-size: 0.875rem; line-height: 1.4rem; color: #555; }
.hs-content .crosspost { margin-bottom: 24px; }
.hs-content .byline { margin-bottom: 40px; }
.hs-content .standfirst { font-size: 1.25rem; line-height: 1.9rem; }
.hs-content .short-answer { background: #f4f1fb; border-left: 4px solid #511CA8; border-radius: 0; padding: 20px 24px; }
.hs-content figure { margin: 8px 0 40px; }
.hs-content .exhibit-title { font-size: 1rem; line-height: 1.5rem; margin-bottom: 16px; }
.hs-content .exhibit-note { display: block; margin-top: 12px; }
.hs-content hr { border: 0; border-top: 1px solid #ddd; margin: 40px 0 24px; }
.hs-content .short-version { font-weight: 500; }

/* 1.0.2: insights index cards */
.hs-cards { display: grid; gap: 32px; margin: 8px 0 48px; }
.hs-card { display: grid; grid-template-columns: 1fr; gap: 28px; align-items: center; border: 1px solid #e2e2e2; border-radius: 8px; padding: 28px; }
.hs-card.has-image { grid-template-columns: minmax(0, 320px) minmax(0, 1fr); }
.hs-card img { width: 100%; height: auto; border-radius: 4px; display: block; }
.hs-content .hs-label { font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; color: #511CA8; margin: 0 0 8px; font-weight: 500; }
.hs-content .hs-card h2 { font-size: 1.5rem; line-height: 2rem; margin: 0 0 12px; }
.hs-content .hs-card h2 a { color: #000; text-decoration: none; }
.hs-content .hs-card h2 a:hover { text-decoration: underline; }
.hs-content .hs-card p { margin-bottom: 12px; }
.hs-content .hs-card .byline { margin: 0; }
@media (max-width: 767px) {
	.hs-card.has-image { grid-template-columns: 1fr; }
	.hs-card { padding: 20px; }
}

/* 1.0.3: article reading style "A" (approved by Juan 2026-11-10). Scoped to <article> on hs-content-page. */
body.page-template-hs-content-page a.top-menu-btn-bos,
body.page-template-hs-content-page a.top-menu-btn-bos-mobile,
body.page-template-hs-content-page .cgu-close { position: absolute; }

body .hs-content article { max-width: 680px; margin: 0 auto; color: #1a1a1a; }
body .hs-content article p,
body .hs-content article li { font-size: 1.1875rem; line-height: 1.7; margin: 0 0 1.15em; }
body .hs-content article ul { padding-left: 1.2em; margin: 0 0 1.15em; list-style: disc; }
body .hs-content article ul > li { list-style: disc outside; }
body .hs-content article li::marker { color: #511CA8; }
body .hs-content article a { text-underline-offset: 3px; }
body .hs-content article h1 { font-family: "GT America", sans-serif; font-weight: bold; font-size: 2.375rem; line-height: 1.2; letter-spacing: -0.01em; margin: 0 0 20px; }
body .hs-content article h2 { font-family: "Roboto", Arial, sans-serif; font-weight: 700; font-size: 1.625rem; line-height: 1.3; margin: 56px 0 16px; }
body .hs-content article h3 { font-family: "Roboto", Arial, sans-serif; font-weight: 700; font-size: 1.25rem; line-height: 1.35; margin: 36px 0 12px; }
body .hs-content article .standfirst { font-size: 1.3125rem; line-height: 1.55; color: #444; margin-bottom: 24px; }
body .hs-content article .crosspost { font-size: 0.875rem; line-height: 1.5; color: #666; margin-bottom: 28px; }
body .hs-content article .byline { font-size: 0.9375rem; line-height: 1.5; color: #666; padding-bottom: 28px; margin-bottom: 36px; border-bottom: 1px solid #e6e6e6; }
body .hs-content article .short-answer { font-size: 1.1875rem; padding: 20px 24px; margin-bottom: 1.5em; }
body .hs-content article .sources,
body .hs-content article .author-bio,
body .hs-content article .read-more,
body .hs-content article .short-version { font-size: 0.9375rem; line-height: 1.6; }
body .hs-content article .sources, body .hs-content article .author-bio { color: #555; }

/* Exhibits: boxed and wider than the text column */
body .hs-content article figure { position: relative; width: min(960px, calc(100vw - 48px)); left: 50%; transform: translateX(-50%);
	background: #f6f5f9; border-radius: 10px; padding: 28px 32px 22px; margin: 44px 0; }
body .hs-content article figure img { display: block; width: 100%; height: auto; background: #fff; border-radius: 4px; }
body .hs-content article .exhibit-title { display: block; font-size: 1rem; line-height: 1.45; color: #1a1a1a; margin: 0 0 18px; }
body .hs-content article .exhibit-note { display: block; font-size: 0.8125rem; line-height: 1.5; color: #5c5c66; margin-top: 16px; padding-top: 14px; border-top: 1px solid #e1dfe8; }

@media (max-width: 767px) {
	body .hs-content article h1 { font-size: 1.875rem; }
	body .hs-content article p, body .hs-content article li, body .hs-content article .short-answer { font-size: 1.0625rem; }
	body .hs-content article .standfirst { font-size: 1.1875rem; }
	body .hs-content article figure { width: calc(100vw - 16px); padding: 16px 14px 14px; }
}