.daily-tool-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  align-items: start;
}

.daily-tool-section {
  border: 1px solid #b9dded;
  border-radius: 16px;
  background: linear-gradient(145deg, #eefaff 0, #f8fcff 42%, #fff 100%);
  padding: 20px;
  box-shadow: 0 12px 30px #087caf14;
}

.daily-tool-section.pvc-id {
  border-color: #f0cf98;
  background: linear-gradient(145deg, #fff5df 0, #fffaf2 42%, #fff 100%);
  box-shadow: 0 12px 30px #b96f0017;
}

.tool-section-heading {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 2px 2px 18px;
  border-bottom: 1px solid #e7edf3;
  margin-bottom: 16px;
}

.tool-section-heading h2 {
  margin: 0;
  font-size: 22px;
}

.tool-section-heading p {
  margin: 4px 0 0;
  color: #62748a;
  font-size: 13px;
}

.tool-section-icon {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  height: 44px;
  border-radius: 12px;
  background: #e8f7fd;
  color: #087caf;
  font-weight: 800;
}

.pvc-id .tool-section-icon {
  background: #fff0d8;
  color: #9a5b00;
}

.tool-list.single-column {
  grid-template-columns: 1fr;
}

.daily-tool-section .compact-tool {
  padding: 15px;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  border-width: 1px 1px 1px 5px;
  transition: transform .16s ease, box-shadow .16s ease;
}

.daily-tool-section .compact-tool:hover {
  transform: translateY(-2px);
  box-shadow: 0 9px 20px #0b2f5a1a;
}

.daily-tool-section .compact-tool h3 {
  font-size: 15px;
}

.daily-tool-section .compact-tool .tool-icon {
  color: var(--tone, #087caf);
  background: var(--tone-soft, #e8f7fd);
  border-radius: 10px;
}

.daily-tool-section .compact-tool {
  border-left-color: var(--tone, #087caf);
  background: linear-gradient(100deg, var(--tone-soft, #f0f9fd), #fff 55%);
}

.daily-tool-section .compact-tool .secondary {
  border-color: color-mix(in srgb, var(--tone, #0b5da8) 42%, #d6e0ea);
  color: var(--tone-dark, var(--tone, #0b5da8));
  background: #fff;
}

.tone-ration { --tone: #e86f12; --tone-dark: #994007; --tone-soft: #fff0dd; }
.tone-aarogya { --tone: #159269; --tone-dark: #096344; --tone-soft: #e5f8f0; }
.tone-aadhaar { --tone: #d55328; --tone-dark: #933317; --tone-soft: #fff0e9; }
.tone-rc { --tone: #2676d9; --tone-dark: #164c91; --tone-soft: #eaf3ff; }
.tone-duplicate { --tone: #8b55c7; --tone-dark: #5f3194; --tone-soft: #f4ecff; }
.tone-farmer { --tone: #5a9625; --tone-dark: #386710; --tone-soft: #edf8e3; }
.tone-passport { --tone: #098bad; --tone-dark: #05607a; --tone-soft: #e4f8fc; }
.tone-background { --tone: #7049b9; --tone-dark: #4c2d87; --tone-soft: #f0eaff; }
.tone-pdf { --tone: #d84b53; --tone-dark: #972b31; --tone-soft: #ffebed; }
.tone-resume { --tone: #177c73; --tone-dark: #0e574f; --tone-soft: #e4f6f3; }
.tone-pan { --tone: #4058bd; --tone-dark: #283b8c; --tone-soft: #ebeeff; }
.tone-default { --tone: #087caf; --tone-dark: #075a80; --tone-soft: #e8f7fd; }

.online-services-intro {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 20px;
  padding: 18px 20px;
  border: 1px solid #cfe6db;
  border-radius: 12px;
  background: #effaf4;
}

.online-services-intro strong {
  font-size: 17px;
  color: #125c3d;
}

.online-services-intro span {
  color: #506b60;
  font-size: 14px;
}

@media (max-width: 950px) {
  .daily-tool-columns {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .daily-tool-section {
    padding: 14px;
  }

  .tool-section-heading {
    align-items: flex-start;
  }

  .daily-tool-section .compact-tool {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .daily-tool-section .compact-tool a {
    grid-column: 2;
  }

  .online-services-intro {
    padding: 15px;
  }
}