.transformer-card-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:12px 0 0}.transformer-card-features div{min-width:0}.transformer-card-features dt{font-size:11px;color:#64748b;line-height:1.35}.transformer-card-features dd{margin:3px 0 0;font-size:13px;font-weight:600;overflow-wrap:anywhere}.transformer-guide{margin:36px 0;padding:28px;border:1px solid #dce3e9;border-radius:12px;background:#fff}.transformer-guide h2{font-size:26px;line-height:1.25;margin:5px 0 24px}.transformer-guide h3{font-size:17px;line-height:1.4;margin:22px 0 12px}.transformer-guide p{font-size:14px;line-height:1.7;color:#475569}.transformer-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.transformer-checks article{padding:18px;background:#f6f8fa;border-radius:8px}.transformer-checks h3{margin:0 0 8px}.transformer-checks p{margin:0}.transformer-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.transformer-examples a{padding:16px;border:1px solid #dce3e9;border-radius:8px;overflow-wrap:anywhere}.transformer-examples span{display:block;margin-top:8px;font-size:12px;line-height:1.55;color:#64748b}.transformer-faq details{border-top:1px solid #dce3e9;padding:15px 0}.transformer-faq summary{cursor:pointer;font-weight:600;line-height:1.5}.transformer-related,.transformer-types{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.transformer-related a,.transformer-types a{padding:10px 13px;border:1px solid #dce3e9;border-radius:6px;font-size:13px;line-height:1.4}.transformer-types small{margin-left:8px;color:#64748b}.transformer-guide__request{padding-top:16px;border-top:1px solid #dce3e9}.transformer-guide a:focus-visible,.transformer-faq summary:focus-visible{outline:2px solid #174e80;outline-offset:3px}@media(max-width:760px){.transformer-guide{padding:20px 16px;margin:24px 0}.transformer-guide h2{font-size:22px}.transformer-checks,.transformer-examples{grid-template-columns:1fr}.transformer-checks article{padding:16px}.transformer-card-features{gap:8px}.transformer-types{flex-direction:column}.transformer-faq summary{font-size:14px}}@media(max-width:380px){.transformer-card-features{grid-template-columns:1fr}}

.transformer-document-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.transformer-document-links a{padding:14px;border:1px solid #dce3e9;border-radius:6px;overflow-wrap:anywhere}.transformer-document-links small{display:block;margin-top:5px;color:#64748b;font-size:12px}@media(max-width:760px){.transformer-document-links{grid-template-columns:1fr}}

/* The longest transformer headings fit a 320px viewport without splitting words. */
@media(max-width:360px){.catalog-category-page .page-intro h1{font-size:32px;line-height:1.15}}