/* Scoped to the two new cards and the explanatory content of messenger pages. */
.tarobot-platform-block{max-width:720px;margin:28px auto 0}
.tarobot-platform-block h2{margin:0 0 14px;font-size:1.9rem;line-height:1.3;color:var(--tarobot-text)}
.tarobot-platform-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tarobot-platform-card{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--tarobot-stroke);border-radius:14px;background:rgba(255,255,255,.035);text-decoration:none;color:var(--tarobot-text)}
.tarobot-platform-card:hover{border-color:var(--tarobot-accent)}
.tarobot-platform-card:focus-visible{outline:2px solid var(--tarobot-accent);outline-offset:3px}
.tarobot-platform-card__name{display:flex;align-items:center;gap:9px;font-size:1.5rem;font-weight:800;color:var(--tarobot-text)}
.tarobot-platform-card__icon{display:flex;width:22px;height:22px;color:#69c9fa}
.tarobot-platform-card__icon svg{width:100%;height:100%}
.tarobot-platform-card__description{color:var(--tarobot-muted);font-size:1.35rem;line-height:1.6;flex:1}
.tarobot-platform-card__link{color:var(--tarobot-accent);font-size:1.3rem;font-weight:750}
.tarobot-platform-content .tarobot-public-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.tarobot-platform-content a,.tarobot-platform-content a:visited{color:var(--tarobot-accent);text-decoration-color:currentColor;text-underline-offset:3px}
.tarobot-platform-content a:hover{text-decoration-thickness:2px}
.tarobot-platform-content a:focus-visible{outline:2px solid var(--tarobot-accent);outline-offset:4px;border-radius:4px}
.tarobot-platform-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.tarobot-platform-screens figure{margin:0;min-width:0}
.tarobot-platform-screens img{display:block;width:100%;height:auto;border:1px solid var(--tarobot-stroke);border-radius:14px}
.tarobot-platform-screens figcaption{color:var(--tarobot-muted);font-size:1.25rem;line-height:1.6;margin-top:10px}
.tarobot-platform-related{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0;line-height:1.5}
.tarobot-platform-related a{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid var(--tarobot-stroke);border-radius:12px;background:rgba(255,255,255,.035);font-size:1.3rem;font-weight:700;text-decoration:none}
.tarobot-platform-related a:hover{border-color:var(--tarobot-accent)}
@media(max-width:640px){
  .tarobot-platform-cards,.tarobot-platform-content .tarobot-public-steps,.tarobot-platform-screens{grid-template-columns:1fr}
}