/* ICRP Scholar Discovery: "Ask our journals" page (templates/askJournals.tpl). Plain layout, no boxes around the answer or sources;
   colours follow the theme where it sets them (Editra / ICRP Scholar variables), otherwise OJS blue. */
.icrpaj-page { --icrpaj-primary: var(--icrpd-primary, #1e3a5f); --icrpaj-link: var(--icrpd-link, #1a56b3); --icrpaj-muted: var(--icrpd-muted, #667085); --icrpaj-rule: #e2e5ea; padding: 28px 0 64px; }
/* the theme sets the page width */
.icrpaj-container { width: 100%; }
.icrpaj-crumbs { font-size: 14px; color: var(--icrpaj-muted); }
.icrpaj-crumbs a { color: inherit; }
.icrpaj-h1 { margin: 14px 0 8px; font-size: 34px; line-height: 1.2; color: var(--icrpaj-primary); }
.icrpaj-lead { max-width: 760px; margin: 0 0 22px; font-size: 17px; line-height: 1.6; color: var(--icrpd-text-2, #475467); }
.icrpaj-box { display: flex; max-width: 900px; margin: 0 0 10px; }
.icrpaj-box input { flex: 1 1 auto; min-width: 0; height: 52px; padding: 0 16px; border: 1px solid #c9ced6; border-right: 0; border-radius: 0; font: inherit; font-size: 16px; background: #fff; }
.icrpaj-box input:focus { outline: 2px solid var(--icrpaj-link); outline-offset: -1px; }
.icrpaj-box button { height: 52px; padding: 0 28px; border: 0; border-radius: 0; background: var(--icrpaj-primary); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.icrpaj-box button { display: inline-flex; align-items: center; gap: 10px; }
.icrpaj-box button[disabled] { opacity: .75; cursor: progress; }
.icrpaj-box button.is-busy::before { content: ""; width: 16px; height: 16px; border: 2px solid rgba(255, 255, 255, .35); border-top-color: #fff; border-radius: 50%; animation: icrpaj-spin .8s linear infinite; }
.icrpaj-examples { margin: 6px 0 0; font-size: 14px; color: var(--icrpaj-muted); }
.icrpaj-examples a { margin-right: 14px; color: var(--icrpaj-link); }
.icrpaj-note { color: var(--icrpaj-muted); }
.icrpaj-cols { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 48px; align-items: start; margin-top: 30px; }
.icrpaj-cols[hidden] { display: none; }
.icrpaj-answer h2, .icrpaj-sources h2 { margin: 0 0 14px; padding: 0 0 10px; border-bottom: 2px solid var(--icrpaj-primary); font-size: 20px; color: var(--icrpaj-primary); }
.icrpaj-text p { margin: 0 0 16px; font-size: 17px; line-height: 1.75; }
.icrpaj-text ul { margin: 0 0 16px; padding-left: 22px; font-size: 17px; line-height: 1.7; }
.icrpaj-thinking { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; font-size: 16px; color: var(--icrpaj-muted); }
/* the turning circle while the answer is written (like the OJS loading circle) */
.icrpaj-spin { flex: 0 0 auto; width: 26px; height: 26px; border: 3px solid #d8dce3; border-top-color: var(--icrpaj-primary); border-radius: 50%; animation: icrpaj-spin .8s linear infinite; }
@keyframes icrpaj-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .icrpaj-spin, .icrpaj-box button.is-busy::before { animation-duration: 2.4s; } }
.icrpaj-error { color: #b42318; }
.icrpaj-cite { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; margin: 0 2px; border-radius: 10px; background: var(--icrpaj-primary); color: #fff !important; font-size: 12px; font-weight: 700; line-height: 1; text-decoration: none !important; vertical-align: 2px; }
.icrpaj-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 8px 0 26px; font-size: 14px; color: var(--icrpaj-muted); }
.icrpaj-actions[hidden], .icrpaj-sources[hidden], #icrpajNextWrap[hidden] { display: none; }
.icrpaj-actions button { padding: 6px 14px; border: 1px solid #c9ced6; border-radius: 0; background: #fff; font: inherit; font-weight: 600; color: #1d2129; cursor: pointer; }
.icrpaj-answer h3 { margin: 0 0 8px; font-size: 16px; }
.icrpaj-next { margin: 0 0 26px; padding: 0; list-style: none; }
.icrpaj-next li { padding: 10px 0; border-top: 1px solid var(--icrpaj-rule); }
.icrpaj-next li:last-child { border-bottom: 1px solid var(--icrpaj-rule); }
.icrpaj-next a { font-weight: 600; color: var(--icrpaj-link); }
.icrpaj-disclaimer { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--icrpaj-muted); }
.icrpaj-list { margin: 0; padding: 0; list-style: none; }
.icrpaj-list li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; padding: 14px 0; border-bottom: 1px solid var(--icrpaj-rule); scroll-margin-top: 90px; }
.icrpaj-list li.is-flash { background: color-mix(in srgb, var(--icrpaj-primary) 6%, transparent); }
.icrpaj-n { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 12px; background: var(--icrpaj-primary); color: #fff; font-size: 12px; font-weight: 700; }
.icrpaj-list a.icrpaj-title { font-weight: 600; line-height: 1.4; color: var(--icrpaj-link); }
.icrpaj-list p { margin: 4px 0 0; font-size: 14px; color: #344054; }
.icrpaj-list .icrpaj-meta { color: var(--icrpaj-muted); }
.icrpaj-more { margin: 14px 0 0; font-weight: 600; }
.icrpaj-more a { color: var(--icrpaj-link); }
@media (max-width: 900px) {
	.icrpaj-cols { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.icrpaj-h1 { font-size: 28px; }
	.icrpaj-box button { padding: 0 18px; }
}
