/* Tilipalvelun sivut (kirjoitusikkuna, tili, ilmoitus). Värit Y-lehden teemasta (style.css :root). */
:root{--navy:#0E2A47;--dark:#0A2038;--gold:#E8B53C;--accent:#B81F2D;--ink:#15233a;--muted:#5f6b7a;--line:#e2e7ec;--soft:#f4f6f8;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--soft);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink)}
.kehys{max-width:560px;margin:0 auto;padding:20px 16px 48px}
.nimio{font:700 22px/1 Georgia,"Times New Roman",serif;color:var(--navy);margin:0 0 16px;display:flex;align-items:center;gap:10px}
.nimio .y{color:var(--gold)}
.nimio small{font:600 11px/1.3 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.kortti{background:#fff;border-radius:10px;padding:22px 20px;box-shadow:0 1px 3px rgba(14,42,71,.12)}
h1{font:700 21px/1.3 Georgia,serif;color:var(--navy);margin:0 0 12px}
h2{font:700 17px/1.3 Georgia,serif;color:var(--navy);margin:26px 0 10px}
p{margin:0 0 12px}
.pieni{font-size:14px;color:var(--muted)}
.valia{margin-top:12px}
.juttu{font-size:14px;color:var(--muted);border-left:3px solid var(--gold);padding:2px 0 2px 10px;margin:0 0 16px}
.vastattava{font-size:14px;background:var(--soft);border-radius:6px;padding:10px 12px;margin:0 0 14px}
.vastattava strong{display:block;margin-bottom:2px}
label{display:block;font:600 14px/1.4 Arial,sans-serif;margin:16px 0 6px}
/* Kaikki tekstikentät, myös ne joilta type puuttuu (25.9.2026: tyypitön nimikenttä jäi tyylittä ja levitti sivun 402 px:iin 320 px:n näytöllä). */
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{width:100%;padding:11px 12px;border:1px solid #b9c2cd;border-radius:6px;font:16px/1.4 inherit;background:#fff;color:var(--ink)}
textarea{min-height:150px;resize:vertical;line-height:1.5}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--navy)}
.koodi{font:700 26px/1 ui-monospace,Consolas,monospace;letter-spacing:.3em;text-align:center}
.rivi{display:flex;gap:12px}
.rivi>div{flex:1;min-width:0}
@media (max-width:380px){.rivi{flex-direction:column;gap:0}}
.rasti{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;font-size:15px}
.rasti input{margin-top:4px;width:18px;height:18px;flex:none}
.napit{display:flex;flex-direction:column;gap:10px;margin-top:18px}
button{background:var(--navy);color:#fff;border:0;border-radius:6px;padding:13px 18px;font:600 15px/1.2 Arial,sans-serif;cursor:pointer;width:100%}
button:hover{background:var(--dark)}
button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
button.toissijainen{background:#fff;color:var(--navy);border:1px solid var(--navy)}
button.toissijainen:hover{background:var(--soft)}
button.vaara{background:#fff;color:var(--accent);border:1px solid var(--accent)}
button[disabled]{opacity:.6;cursor:wait}
.laskuri{font-size:13px;color:var(--muted);text-align:right;margin-top:4px}
.laskuri.yli{color:var(--accent);font-weight:600}
.viesti{border-radius:6px;padding:12px 14px;margin:14px 0 0;font-size:15px}
.viesti.ok{background:#eaf5ee;color:#18502c}
.viesti.virhe{background:#fbeceb;color:#8a1c14}
.viesti.tieto{background:#eef3f8;color:var(--navy)}
.piilo{display:none!important}
a{color:var(--navy)}
.alatunniste{margin-top:18px;font-size:13px;color:var(--muted)}
.alatunniste a{color:inherit}
.omat{list-style:none;margin:0;padding:0}
.omat li{border-top:1px solid var(--line);padding:10px 0;font-size:14px}
.tila{display:inline-block;font:600 12px/1.6 Arial,sans-serif;border-radius:10px;padding:0 8px;background:var(--soft);color:var(--muted)}
.saannot ol{padding-left:22px}
.saannot li{margin:0 0 10px}