/* liity.html: sivukohtaiset säädöt brändi-ilmeen (css/brandi.css) päälle. */

/* Onnistuneen liittymisen näkymä lomakkeen tilalla (sama ilme kuin valmis.html). */
.liitytty { text-align: center; }
.liitytty[hidden] { display: none; }
.liitytty-merkki { width: 4.5rem; height: 4.5rem; margin: 0 auto 0.8rem; border-radius: 50%; background: var(--vihrea); color: var(--kerma-vaalea); font-size: 2.4rem; line-height: 4.5rem; border: 3px solid var(--ruskea); box-shadow: 4px 4px 0 var(--ruskea-tumma); }
.liitytty-osoitteet { margin: 1.2rem 0; display: grid; gap: 0.8rem; text-align: left; }
.liitytty-osoitteet div { background: var(--kerma); border: 2px solid var(--kerma-tumma); border-radius: 12px; padding: 0.7rem 0.9rem; }
.liitytty-osoitteet dt { font-size: 0.85rem; color: var(--himmea); font-weight: 700; margin: 0 0 0.2rem; }
.liitytty-osoitteet dd { margin: 0; font-size: 1.1rem; font-weight: 800; word-break: break-all; }
.liitytty-osoitteet a { color: var(--turkoosi-tumma); }
.liitytty-osoitteet a:not([href]) { color: var(--ruskea); text-decoration: none; }
#liitytty-nappi[hidden] { display: none; }

/* Kutsukoodi: isot kirjaimet, väljä välistys. */
#koodi { text-transform: uppercase; font-size: 1.2rem; letter-spacing: 2px; text-align: center; }