.home-actions {
  margin: 20px 0;
}

.action-btn {
  display: block;
  padding: 18px 16px;
  margin-bottom: 14px;
  border-radius: 16px;
  text-decoration: none;
  text-align: center;
}

.action-title {
  font-size: 20px;
  font-weight: 700;
}

.action-sub {
  font-size: 14px;
  margin-top: 6px;
  opacity: 0.95;
}

/* KUHU MINNA – SININE */
.action-go {
  background: #0b7cc1;
  color: #ffffff;
}

/* MIDA TEHA – KOLLANE */
.action-do {
  background: #ffd85a;
  color: #1a1a1a;
}
/* AI */
.rub-100-sektsioon { margin: 0 0 34px 0; }

/* ALGUSE KIRJELDUS */
.rub-100-hyyd{
  max-width: 980px;
  margin: 0 auto 12px auto;
  padding: 0 10px;
}
.rub-100-hyyd p{
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: #1f2d3d;
}

/* CTA “ALUSTA SIIT” */
.rub-100-start{
  max-width: 900px;
  margin: 14px auto 38px auto;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  font-style: italic;
  color: #2c3e50;
  line-height: 1.4;
}

/*.rub-100-start .rub-100-nool{
  display: block;
  font-style: normal;
  font-weight: 800;
  margin-top: 6px;
  opacity: 0.75;
}*/

.rub-100-pk-pealkiri {
  font-size: 24px;
  margin: 0 0 14px 0;
  color: #000;
}

.rub-100-rida {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}

/* PÕHIKÜSIMUSED – kergemad */
.rub-100-rida-pk {
  flex: 1 1 240px;
  min-width: 240px;
  padding: 14px 16px;
  border-radius: 14px;
  background: #f6f9ff;
  border: 1px solid #e8eef8;
  text-decoration: none !important;
  transition: all 0.2s ease;
  display: block;
}
.rub-100-rida-pk:hover { background: #ffffff; transform: translateY(-2px); }
.rub-100-rida-pk:focus { outline: 2px solid #c9def5; outline-offset: 2px; }

.rub-100-rida-pk-k {
  font-weight: 800;
  font-size: 15px;
  margin: 0 0 4px 0;
  color: #000;
  text-decoration: none !important;
}
.rub-100-rida-pk-t {
  font-size: 13px;
  margin: 0;
  color: #1f2d3d;
}

/* TEGEVUSKAARDID – SELGEM KONTRAST TAUSTAGA */
.rub-100-kaardid {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  align-items: stretch;
}

.rub-100-kaart {
  flex: 1 1 340px;
  min-width: 320px;
  background: #ffffff;
  border-radius: 22px;
  overflow: hidden;
  text-decoration: none !important;

  /* UUS: selgem eristus */
  border: 1px solid #dbe7f6;                 /* selge, aga pehme piir */
  box-shadow:
    0 1px 0 rgba(255,255,255,0.95) inset,     /* valge “halo” sees */
    0 16px 44px rgba(30,60,90,0.12);          /* tugevam vari */
  transition: all 0.32s ease;

  display: flex;
  flex-direction: column;
}
.rub-100-kaart:hover {
  transform: translateY(-6px);
  border-color: #c9def5;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.95) inset,
    0 24px 58px rgba(30,60,90,0.18);
}
.rub-100-kaart:focus { outline: 2px solid #c9def5; outline-offset: 2px; }

/* UUS: tekstiplokil oma “aluskaart”, et oleks kohe aru saada, mis kuhu käib */
.rub-100-kaart-top {
  margin: 14px 14px 10px 14px;
  padding: 14px 14px 12px 14px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #edf3fb;
}

.rub-100-kaart-h {
  font-size: 21px;
  font-weight: 900;
  margin: 0 0 6px 0;
  color: #000;
  text-decoration: none !important;
}

.rub-100-kaart-t {
  margin: 0;
  color: #2c3e50;
  height:5ex;
}

/* mikro-CTA – ühtlasem ja loetav */
.rub-100-kaart-more{
  margin-top: 10px;
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
  color: #0a4b78;
  text-decoration: none;
  border-bottom: 2px solid rgba(10,75,120,0.25);
  padding-bottom: 2px;
}
.rub-100-kaart:hover .rub-100-kaart-more{
  border-bottom-color: rgba(10,75,120,0.55);
}

/* Pilt – jätame samaks, aga lisame eraldusjoone */
.rub-100-kaart-pilt {
  /*width: 100%;*/
  /*aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;*/
  transition: transform 0.6s ease;
  /*border-top: 1px solid #edf3fb;*/ /* UUS: eraldus teksti ja pildi vahel */
}
.rub-100-kaart:hover .rub-100-kaart-pilt { transform: scale(1.04); }

/* Veel ideid */
.rub-100-lingid-rubriikidele {
  text-align: center;
  font-size: 16px;
  margin-top: 18px;
}
.rub-100-lingid-rubriikidele strong{ margin-right: 6px; }
.rub-100-lingid-rubriikidele a {
  margin: 0 12px;
  font-weight: 800;
  text-decoration: none;
}
.rub-100-lingid-rubriikidele a:hover{ text-decoration: underline; }

.rub-100-kaart-compact .rub-100-kaart-top {
  text-align: center;
  padding: 10px 12px;
}

.rub-100-kaart-compact img {
  max-width: 145px;
  height: auto;
}

.rub-100-kaart-compact .rub-100-kaart-h {
  font-size: 17px;
  margin: 4px 0 4px 0;
}

.rub-100-kaart-compact .rub-100-kaart-t {
  font-size: 12px;
  line-height: 1.3;
}

.rub-100-kaart-compact .rub-100-kaart-more {
  font-size: 12px;
  margin-top: 5px;
}

/* MOBIIL */
@media (max-width: 768px) {
  .rub-100-sektsioon { margin: 0 0 22px 0; }
  .rub-100-pk-pealkiri { font-size: 21px; }

  .rub-100-hyyd{ margin-bottom: 10px; }
  .rub-100-start{ margin: 10px auto 14px auto; }

  .rub-100-kaardid { gap: 16px; }
  .rub-100-kaart { border-radius: 26px; min-width: 0; }

  .rub-100-kaart-top {
    margin: 12px 12px 10px 12px;
    padding: 12px 12px 11px 12px;
    border-radius: 18px;
  }

  .rub-100-kaart-h { font-size: 18px; }

  /*.rub-100-kaart-pilt { aspect-ratio: 4 / 3; }*/

  .rub-100-rida { gap: 12px; }
  .rub-100-rida-pk { padding: 13px 14px; border-radius: 16px; min-width: 0; }

  .rub-100-lingid-rubriikidele{ font-size: 15px; }
  .rub-100-lingid-rubriikidele a{ margin: 0 10px; }
}

/* AI */
.rub-200-hyyd{
    background: linear-gradient(180deg,#f8fbff 0%, #eef5ff 100%);
    border:1px solid #e3ecfb;
    border-radius:18px;
    padding:20px 22px;
    margin: 18px 0 22px 0;
}
.rub-200-hyyd p{
    margin:0 0 16px 0;
    font-size:15px;
    line-height:1.6;
    color:#1f2d3d;
    max-width: 920px;
}

.rub-200-hyyd p strong{
    font-size:17px;
}

  /* Ülemine teeviida rida (katuslink) */
.rub-200-hyyd-rida1{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin: 0 0 12px 0;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #dfeafc;
}

.rub-200-hyyd-rida1 .rub-200-asukoht{
    font-size:13px;
    color:#39506a;
    line-height:1.4;
}

.rub-200-hyyd-rida1 .rub-200-asukoht strong{
    font-size:13px;
    font-weight:800;
}

  /* Breadcrumbi link (katusrubriik) */
.rub-200-hyyd-rida1 .rub-200-asukoht a{
    font-weight:800;
    text-decoration:none;
}
.rub-200-hyyd-rida1 .rub-200-asukoht a:hover{
    text-decoration:underline;
}

.rub-200-hyyd-rida1 .rub-200-pohilink{
    display:inline-block;
    padding:8px 14px;
    border-radius:999px;
    background:#ffffff;
    border:1px solid #cfe0f8;
    font-weight:800;
    font-size:13px;
    text-decoration:none;
    transition:all 0.2s ease;
    white-space:nowrap;
}

.rub-200-hyyd-rida1 .rub-200-pohilink:hover{
    background:#eaf2ff;
    transform:translateY(-2px);
}

/* Veel ideid – nuppudena */
.rub-200-hyyd-rida3-vaata{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
}

.rub-200-hyyd-rida3-vaata span{
    font-weight:700;
    font-size:14px;
    margin-right:4px;
}

.rub-200-hyyd-rida3-vaata a{
    display:inline-block;
    padding:8px 14px;
    border-radius:999px;
    background:#ffffff;
    border:1px solid #d8e6fb;
    font-weight:600;
    font-size:14px;
    text-decoration:none;
    transition:all 0.2s ease;
}

.rub-200-hyyd-rida3-vaata a:hover{
    background:#eaf2ff;
    transform:translateY(-2px);
}

.hyydlisa-alam {
	text-align: center;
}

@media (max-width:768px){

    .rub-200-hyyd{
      padding:16px;
      border-radius:14px;
    }
    .rub-200-hyyd p{
      font-size:14px;
    }
    .rub-200-hyyd-rida1{
      align-items:flex-start;
    }
    .rub-200-hyyd-rida1 .rub-200-pohilink{
      width:100%;
      text-align:center;
    }
    
    .rub-100-kaart-t {
      height: auto;
    }
}



/* --- Lastega.ee UI improvements (AI update) --- */

/* stronger visual separation before PK section */
.rub-100-pk-pealkiri{
  font-size:24px;
  margin:28px 0 16px 0;
  color:#000;
}

/* lighter card typography balance */
.rub-100-kaart-h{
  font-size:20px;
}

.rub-100-kaart-t{
  font-size:14px;
  line-height:1.45;
}

/* softer micro CTA */
.rub-100-kaart-more{
  font-size:13px;
  letter-spacing:0.2px;
}

/* PK cards slightly calmer than main cards */
.rub-100-rida-pk{
  background:#f8fbff;
  border:1px solid #e6edf7;
}

.rub-100-rida-pk:hover{
  background:#ffffff;
  transform:translateY(-1px);
}

/* improve card click feeling */
.rub-100-kaart{
  cursor:pointer;
}

/* limit width of pill links for better wrapping */
/*.rub-200-hyyd-rida3-vaata{
  max-width:900px;
}*/

.kkk {
background: #eef7fd; 
padding: 18px 20px; 
border-left: 6px solid #b9dbf2; 
margin: 20px 0;
}
.kkk h2,.kkk h3,.kkk p {
color: #000;
}


ul.jatk {
  background:unset !important;
}
.jatk li:hover {
  background: #0087b4 !important;
}
.jatk li a{
  padding: 2px 2px !important;
}
.jatk li a .titreck{
	display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid #d8e6fb;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.2s ease;
	  color: #0000FF;
}