/* Tao Climate: compact twin-tools, aligned with main climate cards. 2026-10-23. */
#tao-tool-grid {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 87.7vw;
  max-width: 1900px;
  box-sizing: border-box;
  padding: 0;
  margin: 12px 0 17px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 1.1vw, 22px);
  font-family: inherit;
}
#tao-tool-grid .tao-tool-card {
  box-sizing: border-box;
  min-width: 0;
  min-height: 0 !important;
  height: auto !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start !important;
  gap: 5px;
  border: 1px solid #427d6c;
  border-radius: 20px;
  background: #082e31;
  color: #effff7;
  padding: 14px 21px 15px;
}
#tao-tool-grid .tao-tool-card:nth-child(2) {border-color: #987a3d; background: #192d32;}
#tao-tool-grid .tao-tool-kicker {
  font-size: 11px; font-weight: 700; letter-spacing: .07em; line-height: 1.2;
  color: #b5e9c6; text-transform: uppercase;
}
#tao-tool-grid h2 {
  font-size: clamp(20px, 1.45vw, 27px) !important;
  line-height: 1.13 !important; margin: 1px 0 3px !important;
  color: #fff; font-weight: 700;
}
#tao-tool-grid p {font-size: 14px; line-height: 1.35; margin: 0 0 6px !important; color: #dae8e1;}
#tao-tool-grid a.tao-tool-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
  padding: 9px 14px;
  border-radius: 9px;
  background: #b9efc9;
  color: #06322f;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}
#tao-tool-grid .tao-tool-card:nth-child(2) a.tao-tool-cta {background: #f5c675; color: #2f250c;}
#tao-tool-grid .tao-tool-card a.tao-tool-cta:hover {filter: brightness(1.08);}
/* The tools do not have workspace-save controls. */
#tao-tool-grid .tao-tool-card button,
#tao-tool-grid .tao-tool-card a:not(.tao-tool-cta) {display: none !important;}

/* Compact, self-contained Tools menu. No modifications to the site's menu CSS. */
.tao-tools-menu {position:relative; align-self:center; flex:0 0 auto; color:inherit; font:inherit; z-index:120;}
.tao-tools-menu > summary {
  display:flex; align-items:center; gap:5px; cursor:pointer;
  list-style:none; font:inherit; font-weight:600; color:inherit;
  padding:9px 12px; border-radius:9px; white-space:nowrap;
}
.tao-tools-menu > summary::-webkit-details-marker {display:none;}
.tao-tools-menu > summary:hover,.tao-tools-menu[open] > summary {background:rgba(163,239,199,.16);}
.tao-tools-menu .tao-tools-chevron {font-size:11px; opacity:.8;}
.tao-tools-menu-panel {
  position:absolute; top:calc(100% + 9px); left:0; min-width:270px;
  display:flex; flex-direction:column; gap:2px;
  padding:10px; box-sizing:border-box;
  color:#eafff6; background:#073749; border:1px solid #31758a;
  border-radius:12px; box-shadow:0 14px 38px rgba(0,0,0,.33);
}
.tao-tools-menu-panel a {display:block; padding:11px 12px; border-radius:7px; color:inherit!important; font-size:14px; font-weight:600; text-decoration:none!important; white-space:nowrap;}
.tao-tools-menu-panel a:hover,.tao-tools-menu-panel a:focus-visible {background:#12637a;}
.tao-dc-landing-cta {
  display:flex; align-items:center; flex-wrap:wrap; gap:13px;
  margin:18px 0 22px; padding:15px 18px;
  border:1px solid #3a796f; border-radius:13px; background:#07332d;
  color:#e1f5e8;
}
.tao-dc-landing-cta > a {
  display:inline-flex; align-items:center; border-radius:8px;
  background:#b9efc9; color:#06322f!important; padding:10px 15px;
  text-decoration:none!important; font-weight:700;
}
.tao-dc-landing-cta > span {font-size:14px; line-height:1.35;}
@media(max-width: 760px) {
  #tao-tool-grid {width:calc(100vw - 32px); max-width:none; margin-top:10px; gap:12px; grid-template-columns:minmax(0,1fr);}
  #tao-tool-grid .tao-tool-card {padding:14px 17px; border-radius:16px;}
  #tao-tool-grid h2 {font-size:21px!important;}
  #tao-tool-grid p {font-size:13px;}
  #tao-tool-grid a.tao-tool-cta {font-size:13px; white-space:normal;}
  .tao-tools-menu-panel {left:auto;right:0; min-width:min(270px,calc(100vw - 35px));}
}