/* (i): lisätieto avautuvana kuplana (natiivi <details>, sv-info.js) + UKK-vastausten linkit.
   Kupla asemoituu lähimpään position:relative -esivanhempaan. */
.info{display:inline}
.info summary{list-style:none;display:inline-grid;place-items:center;width:18px;height:18px;margin-left:7px;vertical-align:1px;border:1px solid var(--line);border-radius:50%;font:italic 600 11px/1 Georgia,serif;color:var(--mu);cursor:pointer;position:relative}
.info summary::-webkit-details-marker{display:none}
.info summary::after{content:"";position:absolute;inset:-13px}
.info summary:hover,.info[open] summary{color:var(--tx);border-color:var(--g)}
.info-pop{position:absolute;left:12px;right:12px;top:calc(100% - 6px);z-index:5;padding:12px 14px;background:#1B2A2E;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.45);font-weight:400;font-size:13.5px;line-height:1.5;color:#C9D6D8}
.faq .a a{color:var(--g);text-decoration-color:rgba(31,203,79,.5);text-underline-offset:3px}
.nw{white-space:nowrap}.nw .info-pop{white-space:normal}
/* mobiili: kupla alareunan paneelina (sv-info.js siirtää sisällön), ei leikkaudu korttien viisteisiin */
.info-sheet,.info-scrim{display:none}
@media (max-width:640px){
  .info .info-pop{display:none}
  .info-scrim:not([hidden]){display:block;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.5);cursor:pointer}
  .info-sheet:not([hidden]){display:block;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:201;max-height:60vh;overflow-y:auto;padding:18px 20px;background:#1B2A2E;border:1px solid rgba(31,203,79,.45);border-radius:10px;box-shadow:0 -12px 40px rgba(0,0,0,.5);font-size:15px;line-height:1.55;color:#C9D6D8;white-space:normal}
  .info-sheet a{color:var(--g)}
}