/* The free educational licence: its sign-up page (licences/academic.php) and the list of addresses
   that count (pages/academic-domains.php). The Education button that leads to it, on the trial page
   and the Professional card, is styled with them (licences/trial.php, account.css). */


/* ---- The sign-up page - laid out as the trial page is (licences/trial.php) ---- */

.academic { max-width: 680px; margin: 6vh auto 12vh; padding: 0 16px; }
.academic h1 { font-size: 2.2rem; margin: 0 0 10px; }
.academic .lead { font-size: 1.15rem; line-height: 1.5; margin: 0 0 14px; }
/* Who the licence covers - its one holder - ahead of the details and the form. */
.academic-individual { margin: 0 0 22px; padding: 14px 18px; border: 1px solid #dbe2ec; border-radius: 8px; background: #f7f9fd; line-height: 1.55; }
/* As specific as ui.css's body.ui h2, which would otherwise open the box with a section's gap and rule. */
body.ui .academic-individual h2 { font-size: 17px; margin: 0 0 8px; padding: 0; border: none; }
.academic-individual p { margin: 0 0 8px; }
.academic-individual ul { margin: 0; padding-left: 1.3em; }
.academic-individual li { margin: 0 0 4px; }
.academic-points { margin: 0 0 26px; padding-left: 1.3em; line-height: 1.6; }
.academic-points li { margin: 0 0 6px; }
.academic-points small { color: #555; }
.academic-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 14px; }
/* Hidden once its link is sent (typescript/src/academic.ts) - which display: grid would otherwise undo. */
.academic-form[hidden] { display: none; }
.academic-form label { display: block; font-weight: 600; margin: 0 0 4px; }
.academic-form input[type=text], .academic-form input[type=email], .academic-form select { width: 100%; max-width: none; box-sizing: border-box; }
.academic-form .wide { grid-column: 1 / -1; }
.academic-form .field-note { margin: 2px 0 6px; font-size: 13px; color: #555; }
.academic-agree { display: flex; gap: 8px; align-items: flex-start; font-weight: normal !important; line-height: 1.45; }
.academic-agree input { flex: none; width: auto; margin-top: 4px; }
.academic-error { margin: 12px 0 0; color: #a12a1f; text-align: center; }
.academic-sent { padding: 16px 18px; border-radius: 8px; background: #eef7f1; }
body.ui .academic-sent h2 { margin-top: 0; }
@media (max-width: 560px) { .academic-form { grid-template-columns: 1fr; } }
/* The policies an institution asks for, below the form - boxed as the licence's cover is above it. */
.academic-policies { margin: 34px 0 0; padding: 14px 18px; border: 1px solid #dbe2ec; border-radius: 8px; background: #f7f9fd; line-height: 1.55; }
body.ui .academic-policies h2 { font-size: 17px; margin: 0 0 8px; padding: 0; border: none; }
.academic-policies p { margin: 0 0 8px; }
.academic-policies ul { margin: 0; padding-left: 1.3em; }
.academic-policies li { margin: 0 0 4px; }


/* ---- Whether the address being typed counts (lib/academic-check.ts) ---- */

.academic-status { margin: 4px 0 0; min-height: 1.3em; font-size: 0.88rem; }
.academic-status.is-yes { color: #136b42; font-weight: 600; }
.academic-status.is-yes::before { content: "\2713\00a0"; }
.academic-status.is-no { color: #8a4b00; }


/* ---- Which addresses count (pages/academic-domains.php) ---- */

.academic-domains { max-width: 900px; }
.academic-domains h1 { margin-bottom: 10px; }
.academic-domains .lead { font-size: 1.1rem; line-height: 1.55; max-width: 68ch; }
.academic-check { max-width: 520px; margin: 18px 0 26px; padding: 14px 16px; border: 1px solid #dbe2ec; border-radius: 8px; background: #f7f9fd; }
.academic-check label { display: block; font-weight: 600; margin: 0 0 4px; }
.academic-check input { width: 100%; max-width: none; box-sizing: border-box; }
.academic-search { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 10px 0 16px; }
.academic-search input[type=search] { flex: 1 1 240px; max-width: 360px; }
.academic-search select { flex: 0 1 220px; }
.academic-countries { list-style: none; margin: 0; padding: 0; columns: 3 220px; column-gap: 24px; }
.academic-countries li { padding: 2px 0; break-inside: avoid; }
.academic-countries li::before { content: none; }
.academic-countries small { color: #6b7480; }
.academic-table { width: 100%; border-collapse: collapse; font-size: 0.92rem; }
.academic-table th, .academic-table td { text-align: left; padding: 6px 8px; border-bottom: 1px solid #e4e9f0; vertical-align: top; }
.academic-table td:last-child { font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.82rem; overflow-wrap: anywhere; }
.academic-source { font-size: 0.85rem; color: #54647c; margin-top: 20px; }