/* Generoitu tiedostosta ilme/osat/nakyvyys.html.
   Ala muokkaa tata: muokkaa suunnitelmaa ja aja sisalto/landerit.mjs. */
.landeri-sisalto .vastaus{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;
  padding:clamp(20px,2.2vw,30px);max-width:520px;margin-inline:auto}
.landeri-sisalto .vastaus .kysymys{display:flex;align-items:center;gap:10px;padding-bottom:16px;
  border-bottom:1px solid var(--line);font-size:15px;color:var(--soft)}
.landeri-sisalto .vastaus .kysymys i{width:7px;height:7px;border-radius:50%;background:var(--grn);flex:none;
  box-shadow:0 0 10px rgba(139,208,60,.8)}
.landeri-sisalto .vastaus .rivi{height:9px;border-radius:5px;background:rgba(255,255,255,.09);margin-top:12px}
.landeri-sisalto .vastaus .rivi.a{width:100%}
.landeri-sisalto .vastaus .rivi.b{width:88%}
.landeri-sisalto .vastaus .rivi.c{width:62%}
.landeri-sisalto .vastaus .nimi{display:inline-block;padding:2px 9px;border-radius:5px;margin-top:14px;
  background:rgba(139,208,60,.16);border:1px solid rgba(139,208,60,.5);
  font-weight:700;font-size:14.5px;color:var(--grn-l)}
.landeri-sisalto .vastaus .lahteet{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:16px;
  border-top:1px solid var(--line)}
.landeri-sisalto .vastaus .lahde{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.04em;
  padding:5px 10px;border-radius:20px;border:1px solid var(--line2);color:var(--dim)}
.landeri-sisalto .vastaus .lahde.oma{border-color:var(--grn);color:var(--grn-l);background:rgba(139,208,60,.1)}
.landeri-sisalto .ent{position:relative;aspect-ratio:1;width:100%;max-width:440px;margin-inline:auto}
.landeri-sisalto .ent svg{width:100%;height:100%}
.landeri-sisalto .ent .sol{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.06em;fill:var(--dim)}
.landeri-sisalto .ent .sol.eri{fill:#C9A227}
.landeri-sisalto .loki{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#080D09}
.landeri-sisalto .loki .otsa{display:flex;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--dim2)}
.landeri-sisalto .loki .r{display:grid;grid-template-columns:118px 1fr 62px;gap:14px;padding:11px 16px;
  border-top:1px solid rgba(255,255,255,.045);
  font-family:'JetBrains Mono',monospace;font-size:12px;align-items:center}
.landeri-sisalto .loki .r:first-of-type{border-top:0}
.landeri-sisalto .loki .bot{color:var(--grn)}
.landeri-sisalto .loki .polku{color:var(--soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.landeri-sisalto .loki .ok{color:var(--dim2);text-align:right}
@media (max-width:560px){
.landeri-sisalto .loki .r{grid-template-columns:100px 1fr;}
.landeri-sisalto .loki .ok{display:none}
}
@media (max-width:980px){
.landeri-sisalto .ent .sol{font-size:13px}
}