/* TOG-radar v1.8 - subtle, optional support cards. */
.support{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:17px;padding:20px 23px;border-color:#dfe9ee;background:linear-gradient(110deg,#fffefd,#f6faff)}
.support-icon{height:43px;width:43px;display:grid;place-items:center;background:#eaf3fa;color:#407db2;border-radius:15px;flex:none}
.support-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.9}
.support-copy{min-width:0}
.support-copy h2{font-size:18px;line-height:1.35;margin:0 0 5px;color:#12315b;letter-spacing:-.01em}
.support-copy p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}
.support-copy .support-note{font-size:11px;color:#71879a;margin-top:8px}
.support-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-align:center;max-width:100%;padding:11px 15px;background:#e6f2fd;border:1px solid #c9e0f5;border-radius:13px;color:#175b99;text-decoration:none;font-weight:700;font-size:13px;line-height:1.3;white-space:normal;transition:background .15s ease}
.support-button:hover{background:#d6e9fa}
.support-button svg{width:16px;height:16px;stroke-width:2;flex-shrink:0}
.support-compact{margin-top:17px;padding:15px 20px;grid-template-columns:40px minmax(0,1fr) auto}
.support-compact .support-icon{width:38px;height:38px;border-radius:12px}
.support-compact .support-icon svg{width:21px;height:21px}
.support-compact .support-copy h2{font-size:16px}
.support-compact .support-copy p{font-size:12px}
@media(max-width:790px){
  .support{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:17px}
  .support-icon{width:39px;height:39px}
  .support-button{grid-column:1/-1;width:100%;margin-top:2px}
  .support-copy h2{font-size:16px}
  .support-copy p{font-size:12px}
  .support-compact{padding:15px}
}
@media(prefers-reduced-motion:reduce){.support-button{transition:none}}