@charset "UTF-8";
/* r14now.css - Copyright 2026 */

/* ================================== */
/* defaults (mobile first) */

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

:root {
	--deeper_gray:   hsl(  0,  0%, 14%);
	--deep_gray:     hsl(  0,  0%, 28%);
	--mid_gray:      hsl(  0,  0%, 50%);
	--pale_gray:     hsl(  0,  0%, 82%);
	--paler_gray:    hsl(  0,  0%, 92%);
	--palest_gray:   hsl(  0,  0%, 98%);

	--flag_red: #B22234;  /* US Gov Red (Old Glory Red) -> hsl(352 68% 42%) */
	--flag_blue: #3C3B6E; /* US Gov Blue (Old Glory Blue) -> hsl(241 30% 33%) */
	--flaglike_blue: #34349a; /* somewhat more blue so it stands out */

	--flag_pale_red: #f8e9eb; /* pale Old Glory Red -> hsl(352 52% 94%) */
	--flag_pale_blue: #ececf4; /* pale Old Glory Blue -> hsl(240 27% 94%) */

	--deep_green:   #117722;  /* 11 77 22 = 130, 86, 47 = logo green */

	--sans_family: Avenir, "Lucida Grande", Lucida, Verdana, sans-serif;
	--serif_family: Palatino, Georgia, serif;
	--fixed_family: Courier, monospace;
	--slab_family: "Rockwell", "Rockwell Nova", "Memphis", "Roboto Slab", serif;

	--control_height: 33px;
	--control_shift_right: 66px;

	--small_font: 0.9rem;
	--smaller_font: 0.8rem;

	--nav_text_color: var(--deep_gray);
	--nav_back_color: var(--paler_gray);
	--nav_shadow_color: var(--deeper_gray);

	--button_text_color: var(--deep_gray);

	--table_border_color: var(--mid_gray);
}

/* Dark — black background */
html[data-theme='dark'] {
	--back_color: black;
	--pale_back_color: var(--deeper_gray);
	--line_color: var(--deeper_gray);

	--back_search_color: var(--flag_blue);
	--fore_search_color: white;
	--placeholder_color: var(--paler_gray);

	--back_text_color: var(--pale_gray);
	--back_hover_color: var(--deep_gray);

	--fore_color: var(--deeper_gray);
	--fore_text_color: var(--pale_gray);

	--gray_text_color: var(--pale_gray);

	--button_color: var(--pale_gray);

	--internal_link_color: var(--flag_red);
	--external_link_color: var(--mid_gray);

	--back_pager_color: var(--flag_red);
	--fore_pager_color: white;
	--table_border_color: var(--flag_red);
	--hr_color: var(--flag_red);
	--tagbar_back_color: var(--flag_pale_red);
}

/* default: Dark Gray */
:root,
html[data-theme='dark_gray'] {
	--back_color: var(--deeper_gray);
	--pale_back_color: var(--deep_gray);
	--line_color: black;

	--back_search_color: var(--flag_blue);
	--fore_search_color: white;
	--placeholder_color: var(--paler_gray);

	--back_text_color: var(--pale_gray);
	--back_hover_color: var(--deep_gray);

	--fore_color: var(--pale_gray);
	--fore_text_color: var(--pale_gray);

	--gray_text_color: var(--pale_gray);

	--button_color: var(--pale_gray);

	--internal_link_color: var(--flag_red);
	--external_link_color: var(--mid_gray);

	--back_pager_color: var(--flag_red);
	--fore_pager_color: white;
	--table_border_color: var(--flag_red);
	--hr_color: var(--flag_red);
	--tagbar_back_color: var(--flag_pale_red);
}

/* Light Gray */
html[data-theme='light_gray'] {
	--back_color: var(--paler_gray);
	--pale_back_color: var(--palest_gray);
	--line_color: var(--pale_gray);

	--back_search_color: var(--flag_pale_red);
	--fore_search_color: var(--deeper_gray);
	--placeholder_color: var(--mid_gray);

	--back_text_color: var(--deeper_gray);
	--back_hover_color: var(--pale_gray);

	--fore_color: var(--deeper_gray);
	--fore_text_color: var(--deep_gray);

	--gray_text_color: var(--deep_gray);

	--button_color: var(--pale_gray);

	--internal_link_color: var(--flaglike_blue);
	--external_link_color: var(--deep_gray);

	--back_pager_color: var(--flaglike_blue);
	--fore_pager_color: white;
	--table_border_color: var(--flaglike_blue);
	--hr_color: var(--flaglike_blue);
	--tagbar_back_color: var(--flag_pale_blue);
}

/* Light — white background */
html[data-theme='light'] {
	--back_color: white;
	--pale_back_color: var(--palest_gray);
	--line_color: var(--pale_gray);

	--back_search_color: var(--flag_pale_red);
	--fore_search_color: var(--deeper_gray);
	--placeholder_color: var(--mid_gray);

	--back_text_color: var(--deeper_gray);
	--back_hover_color: var(--paler_gray);

	--fore_color: var(--deep_gray);
	--fore_text_color: var(--deeper_gray);

	--gray_text_color: var(--mid_gray);

	--button_color: var(--pale_gray);

	--internal_link_color: var(--flaglike_blue);
	--external_link_color: var(--deep_gray);

	--back_pager_color: var(--flaglike_blue);
	--fore_pager_color: white;
	--table_border_color: var(--flaglike_blue);
	--hr_color: var(--flaglike_blue);
	--tagbar_back_color: var(--flag_pale_blue);
}


.extra_logo_wrapper {
	display: flex;
	align-items: center;
}

nav #logo_top {
	height: 72px;
}

#about .extra_logo {
	height: 72px;
	width: auto;
}

.top_nav .extra_logo {
	height: 48px;
	width: auto;
}

#public_beta {
	display: none;
}

#nav_link_about,
#nav_link_tags {
	flex-direction: column;
	justify-content: center;
	height: 100%;
}


#theme_wrapper {
	flex-direction: column;
	max-width: none;
	padding-left: 0;  /* deeply.css reserved 33px for the old background glyph */
}

.theme_label_row {
	display: flex;
	align-items: center;
}

.theme_label_row .nav_text {
	padding-bottom: 0;
}


/* ================================== */

h1.home_h1 {
	font-family: var(--slab_family);
	margin-top: 2rem;
	line-height: 1;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* special cases: reduce visual clutter by matching home_search_instructions */
#r14now .home_tagline {
	font-family: var(--sans_family);
	/* font-size: var(--small_font); */
	font-style: normal;
}
/* ^^^^^^^^^^^^ */

hr.medium-hr,
hr.thick-hr {
	background-color: var(--hr_color);
}

.search_form .search_button {
	top: -44px;
}

/* ================================== */
/* /t and home: tags-with-count in 3 entity-kind columns */

.tag_columns {
	display: flex;
	justify-content: center;  /* center the SET of columns: equal whitespace left and right */
	flex-wrap: wrap;
	gap: 2rem;
	margin: 1rem;
	text-align: left;
}

.tag_column {
	min-width: 200px;  /* size to content; no flex-grow, so the set stays centered rather than stretching edge to edge */
}

/* override deeply.css's centered .tag_group; keep tags left-aligned in the column */
.tag_columns .tag_group {
	text-align: left;
	margin-left: 0;
	margin-right: 0;
}

/* much less gap between a heading (Company / People / Organizations / Misc) and its tags */
.tag_columns h2 {
	margin-bottom: 0.15rem;
}

/* column-title links: look like plain headings (no color/underline) until hover */
.tag_column_heading a,
.tag_column_heading a:visited {
	color: inherit;
	font-weight: inherit;
	text-decoration: none;
}
.tag_column_heading a:hover {
	color: inherit;
	text-decoration: underline;
}

/* ================================== */
/* /t result pages: kind buttons below the search box, above the count bar */

/* explicit margins so the tag heading doesn't inherit a large top margin from generic h1 rules */
.tag_h1 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.tag_remove {
	border: 1px solid currentColor;
	border-radius: 3px;
	padding: 0 0.35em;
	margin-right: 0.15em;
	font-size: 0.7em;
	line-height: 1;
	text-decoration: none;
	vertical-align: middle;
}

.tag_remove:hover {
	opacity: 0.6;
}

.tagbar {
	background: var(--tagbar_back_color);
	border: none;  /* drop the nav border-bottom line */
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
	padding: 0.4rem 1rem;
	margin: 1rem 0;  /* ~equal vertical space between search box / h1 / tagbar / count bar */
}

.tagbar_active {
	color: var(--mid_gray);  /* grayed-out current kind */
}

/* 'Narrow by tag' — co-occurring tags, below the count bar, as a wrapping row */
.narrow_by_tag {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.4rem 1rem;
	margin: 1rem;
}

.narrow_by_tag_label {
	font-weight: bold;
}

/* sponsor sidebar ad (laid out by deeply.css .main-plus-aside) */
.sponsor_sidebar {
	text-align: center;  /* center the label, text, and (inline) image */
	margin-top: 170px;  /* sit below the search box, result list headers, etc. */
	margin-left: 10px;
	margin-right: 10px;
}

.sponsor_label {
	color: var(--deep_green);
	font-family: var(--slab_family);
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.sponsor_sidebar img {
	max-width: 300px;
	height: auto;
}

.sponsor_header_text,
.sponsor_footer_text {
	font-size: 0.9rem;
	font-family: var(--sans_family);
}

.sponsor_header_text {
	padding-bottom: 0.25rem;
}

.sponsor_footer_text {
	padding-top: 0.25rem;
}

@media screen and (min-width: 750px) {
	.sponsor_sidebar {
		width: 300px;
		min-width: 300px;
	}
}

/* keep a wide results/tag table inside main so it never overlaps the sidebar */
.creators {
	max-width: 100%;
	overflow-x: auto;
}

/* /browser page: breathing room around the request-headers table */
#browser table {
	margin: 20px;
}