/* Kurt-owned additions, loaded after site.css and the page styles.
   Only rules that do not exist upstream belong here: an override of an
   existing rule would silently beat Corbin's later changes to it. */
.skip-link {
  position: absolute; left: 12px; top: -64px; z-index: 1000;
  padding: 12px 18px; background: var(--white); color: var(--corb-deep-blue);
  font-weight: var(--fw-semibold); text-decoration: none;
}
.skip-link:focus { top: 12px; }
/* The nav back link is 14px tall; stretch its hit area to 44px without
   moving the divider (SPEC.md criterion 5). */
.nav .back::after { content: ""; position: absolute; left: 0; right: 0; top: -15px; bottom: -15px; }
/* Home selector on short phones: the two stacked halves are each half the
   screen tall, so tighten their content and drop the scroll hint, which
   otherwise covers "Enter site". Landscape phones also lose the description. */
@media (max-width: 740px) and (max-height: 800px) {
  .selector-wrap .kicker { margin-bottom: 12px; }
  .selector-wrap .desc { margin-top: 10px; font-size: 14px; line-height: 1.45; }
  .selector-wrap .go { margin-top: 14px; }
  .selector-wrap .left .logo-mark { height: 34px; }
  .selector-wrap .right .logo-mark { height: 72px; }
  .selector-wrap .scroll-nudge { display: none; }
  .selector-wrap .half.left .content { padding-top: 36px; }
}
@media (max-width: 740px) and (max-height: 440px) {
  .selector-wrap { min-height: 440px; }
  .selector-wrap .desc { display: none; }
}
/* Hellenic Digital credit: its own line under the footer legal row, styled
   like the legal text. Underlined so the link does not rely on colour alone,
   and padded to a 24px target. The home footer's .foot a covers index.html. */
.footer .bottom .credit { flex-basis: 100%; font-size: 13px; color: rgba(255,255,255,0.7); }
.footer .bottom .credit a { display: inline-block; padding: 4px 0; color: inherit; text-decoration: underline; text-decoration-color: rgba(255,255,255,0.35); text-underline-offset: 3px; transition: color 0.25s ease; }
.footer .bottom .credit a:hover { color: var(--white); }

/* Interim email panel while the Formspree forms are set up (go-live 28/09/2026).
   Remove with the panel once the forms are enabled. */
.form[hidden] { display: none; }
.form-interim h3 { font-size: 22px; margin: 0 0 12px; color: var(--fg-inverse); }
.form-interim p { color: var(--fg-inverse-muted); margin: 0 0 20px; }
.form-interim p:last-child { margin: 20px 0 0; }
.form-interim p a { color: inherit; }
.form-interim .btn { overflow-wrap: anywhere; }