/* Generoitu tiedostosta ilme/osat/koodaus.html.
   Ala muokkaa tata: muokkaa suunnitelmaa ja aja sisalto/landerit.mjs. */
.landeri-sisalto .putki{position:relative;width:100%;max-width:520px;margin-inline:auto}
.landeri-sisalto .putki svg{width:100%;aspect-ratio:440/380}
.landeri-sisalto .putki .sol{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em;fill:var(--dim)}
.landeri-sisalto .putki .sol.kesk{fill:var(--grn-l)}
.landeri-sisalto .tyypit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);margin-top:clamp(30px,4vw,48px)}
.landeri-sisalto .tyyppi{background:var(--panel);padding:30px clamp(22px,2vw,32px);display:flex;flex-direction:column;gap:12px}
.landeri-sisalto .tyyppi .ikoni{width:38px;height:38px;border:1px solid rgba(139,208,60,.34);border-radius:3px;
  display:flex;align-items:center;justify-content:center}
.landeri-sisalto .tyyppi h3{margin:0;font-size:clamp(18px,1.7vw,21px);font-weight:650;letter-spacing:-.02em}
.landeri-sisalto .tyyppi p{margin:0;font-size:15px;line-height:1.62;color:var(--dim)}
.landeri-sisalto .tyyppi .esim{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;
  color:var(--dim2);border-top:1px solid var(--line);padding-top:11px;margin-top:auto}
.landeri-sisalto .luovutus{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#080D09;
  margin-top:clamp(28px,3.6vw,44px)}
.landeri-sisalto .luovutus .otsa{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 .luovutus .r{display:grid;grid-template-columns:180px 1fr;gap:14px;padding:12px 16px;
  border-top:1px solid rgba(255,255,255,.045);font-size:14.5px;align-items:baseline}
.landeri-sisalto .luovutus .r:first-of-type{border-top:0}
.landeri-sisalto .luovutus .r b{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.08em;
  font-weight:400;color:var(--grn)}
.landeri-sisalto .luovutus .r span{color:var(--soft)}
@media (max-width:700px){
.landeri-sisalto .luovutus .r{grid-template-columns:1fr;gap:4px}
}
.landeri-sisalto .tunti{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.28);margin-top:22px}
.landeri-sisalto .tunti div{background:rgba(8,18,10,.34);padding:16px 18px}
.landeri-sisalto .tunti b{display:block;font-size:20px;font-weight:700;letter-spacing:-.03em;color:#fff}
.landeri-sisalto .tunti span{display:block;margin-top:3px;font-family:'JetBrains Mono',monospace;font-size:10.5px;
  letter-spacing:.08em;color:#BBD4B6}
@media (max-width:980px){
.landeri-sisalto .tyypit{grid-template-columns:1fr}
}
@media (max-width:560px){
.landeri-sisalto .tunti{grid-template-columns:1fr}
}
@media (max-width:980px){
.landeri-sisalto .putki .sol{font-size:13.5px}
}