/**
 * plugins/themes/jphpTheme/styles/jphpStatic.css
 * Static pages — theme-dev/jphp-static-page-mockup.html. Loaded only with
 * jphpInner.css for the templates navigationMenuItemViewContent (the 14
 * admin-managed pages: Focus and Scope, Publication Ethics, Reviewers, …),
 * about, editorialTeam, submissions and privacy. The title/hairline comes from
 * jphpInner.css (".page > h1").
 */

/* ---------- Prose ---------- */
body.jphp_v2_static .pkp_structure_main .page > h1 + p,
body.jphp_v2_static .pkp_structure_main .page > h1 + * {
	margin-top: 18px;
}

body.jphp_v2_static .pkp_structure_main .page > p {
	margin: 0 0 14px;
	font-size: 14.5px;
	line-height: 1.75;
	color: var(--ink);
	text-align: left;
}

body.jphp_v2_static .pkp_structure_main .page > h1 + p {
	margin-top: 18px;
}

body.jphp_v2_static .pkp_structure_main .page strong,
body.jphp_v2_static .pkp_structure_main .page b {
	font-weight: 600;
}

body.jphp_v2_static .pkp_structure_main .page a {
	color: var(--accent);
	text-decoration: none;
}

body.jphp_v2_static .pkp_structure_main .page a:hover {
	text-decoration: underline;
}

body.jphp_v2_static .pkp_structure_main .page h2 {
	display: block;
	margin: 30px 0 16px;
	padding: 0;
	border: 0;
	background: none;
	font-family: var(--jphp-serif);
	font-size: 19px;
	font-weight: 600;
	line-height: normal;
	color: var(--ink);
}

body.jphp_v2_static .pkp_structure_main .page ul,
body.jphp_v2_static .pkp_structure_main .page ol {
	margin: 0 0 14px;
	padding-left: 20px;
	font-size: 14.5px;
	line-height: 1.75;
	color: var(--ink);
}

/* ---------- Tables (e.g. Author Guidelines) ---------- */
body.jphp_v2_static .pkp_structure_main .page table {
	width: 100%;
	max-width: none;
	border-collapse: collapse;
	margin: 0 0 16px;
	font-size: 13px;
	line-height: normal;
	color: var(--ink);
}

body.jphp_v2_static .pkp_structure_main .page th,
body.jphp_v2_static .pkp_structure_main .page td {
	padding: 8px 10px 8px 0;
	border: 0;
	border-bottom: 1px solid var(--rule);
	text-align: left;
	vertical-align: top;
	background: none;
}

body.jphp_v2_static .pkp_structure_main .page th {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .4px;
	text-transform: uppercase;
	color: var(--muted);
}

/* ---------- Reviewers: one <p> per person -> hairline rows ---------- */
body.pkp_page_reviewers.jphp_v2_static .pkp_structure_main .page > p {
	margin: 0;
	padding: 12px 0;
	border-bottom: 1px solid var(--rule);
	font-size: 13.5px;
	line-height: 1.6;
}

body.pkp_page_reviewers.jphp_v2_static .pkp_structure_main .page > h1 + p {
	margin-top: 6px;
}

body.pkp_page_reviewers.jphp_v2_static .pkp_structure_main .page > p:last-child {
	border-bottom: 0;
}

body.pkp_page_reviewers.jphp_v2_static .pkp_structure_main .page > p > strong {
	font-family: var(--jphp-serif);
	font-size: 15px;
}

/* ---------- Editorial Team: ONE <p> with <br> lines (data, not restructured) */
body.jphp_v2_static .pkp_structure_main .page_editorial_team > p {
	font-size: 14px;
	line-height: 1.8;
}

body.jphp_v2_static .pkp_structure_main .page_editorial_team > p > strong {
	font-family: var(--jphp-serif);
	font-size: 15.5px;
	font-weight: 600;
}

/* ---------- Submissions ---------- */
body.jphp_v2_static .page_submissions .cmp_notification {
	margin: 18px 0;
	padding: 12px 16px;
	border: 1px solid var(--rule);
	border-radius: 0;
	background: none;
	font-size: 13px;
	line-height: normal;
	color: var(--muted);
}

body.jphp_v2_static .page_submissions ol.jphp_checklist {
	margin: 0 0 14px;
	padding-left: 20px;
	font-size: 14px;
	line-height: 1.7;
}

body.jphp_v2_static .page_submissions ol.jphp_checklist > li {
	margin: 0 0 6px;
}

/* ---------- Phones: wide tables (Author Guidelines) scroll inside the page ---------- */
@media (max-width: 600px) {
	body.jphp_v2_static .pkp_structure_main .page table {
		display: block;
		overflow-x: auto;
	}
}

/* ---------- Announcements (announcement.tpl / announcements.tpl) ----------
   announcement.tpl's title/date/description sit inside <article
   class="obj_announcement_full">, one level deeper than the ".page > h1"
   direct-child pattern the rest of this file relies on, so it needs its
   own small block. announcements.tpl (the list) already fits the generic
   ".page > h1" / "> p" rules above as-is. */
body.jphp_v2_static .page_announcement .obj_announcement_full > h1 {
	margin: 0 0 8px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--rule);
	font-family: var(--jphp-serif);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--ink);
}

body.jphp_v2_static .page_announcement .obj_announcement_full > .date {
	margin: 16px 0 0;
	font-size: 12.5px;
	color: var(--muted);
}

body.jphp_v2_static .page_announcement .obj_announcement_full > .description {
	margin-top: 14px;
	font-size: 14.5px;
	line-height: 1.75;
	color: var(--ink);
}

body.jphp_v2_static .page_announcement .obj_announcement_full > .description p {
	margin: 0 0 14px;
}

body.jphp_v2_static .page_announcement .obj_announcement_full > .description a {
	color: var(--accent);
	text-decoration: none;
}

body.jphp_v2_static .page_announcement .obj_announcement_full > .description a:hover {
	text-decoration: underline;
}

/* Announcements list: each item already renders inside a generic
   .page > p wrapper picked up above; give the per-item title its own
   weight so it doesn't read as body text. */
body.jphp_v2_static .page_announcements .obj_announcement_summary .title {
	font-family: var(--jphp-serif);
	font-size: 16px;
	font-weight: 600;
	color: var(--ink);
	display: block;
	margin-bottom: 4px;
}