/* Editions section of the landing page: the contact dialog and the edition cards. */
.lp #editions { padding: 0 }
.lp-form { display: grid; gap: 12px; max-width: 560px; margin: 32px auto 0; padding: 20px; background: var(--surface); border: 1px solid var(--line); border-radius: 8px; box-shadow: var(--shadow) }
.lp-form label { display: grid; gap: 4px; margin: 0 }
.lp-form .lp-form__check { display: flex; gap: 8px; align-items: center }
.lp-form fieldset { display: flex; flex-wrap: wrap; gap: 4px 16px; border: 0; padding: 0; margin: 0 }
.lp-form legend { font-size: inherit; margin: 0 }
.lp-form textarea { min-height: 96px }
.lp-form input[type=email], .lp-form select, .lp-form textarea { padding: 6px 8px; border: 1px solid var(--line); border-radius: 4px; font: inherit }
.lp-form button { justify-self: start }
.lp-form__close { display: none }
/* On the landing page the form is a dialog opened by the Contact link; the dim backdrop is the shadow. */
#editions .lp-form:not(:target, :has(:target)) { display: none }
.lp-form__flash { display: none; margin: 0 } .lp-form__flash:target { display: block }
#editions .lp-form:is(:target, :has(:target)) { position: fixed; z-index: 2000; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(560px, calc(100% - 32px)); max-height: calc(100vh - 32px); overflow-y: auto; margin: 0; box-shadow: 0 0 0 100vmax rgba(27, 35, 48, .45) }
#editions .lp-form:is(:target, :has(:target)) .lp-form__close { display: block; position: absolute; top: 8px; right: 12px; font-size: 18px; color: var(--muted); text-decoration: none }
.ed-table tbody th { width: 22%; padding: 7px 10px; font-size: inherit; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--fg); background: none; border-top: 1px solid var(--line); text-align: left; vertical-align: top; white-space: normal }
.ed-who .ui-btn { justify-self: start; margin-top: 4px }
.ed-who { margin-top: 18px }