/* Compatibility guide: uses the existing portal colors, fonts and components. */
.platforms-page h2 {font-size:2.25rem;font-weight:400;line-height:1.25;margin:12px 0 18px}
.platforms-page h3 {font-size:1.5rem;font-weight:500;line-height:1.3;margin:0 0 14px}
.platform-hero-grid {display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}
.platform-hero h1 {max-width:19ch}
.platform-hero p {text-align:left;max-width:51ch;margin-inline:0}
.platform-hero-actions {display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}
.platform-text-link {display:inline-flex;align-items:center;gap:10px;color:#b84100;font-size:1rem;font-weight:500;text-decoration:none}
.platform-text-link:hover {text-decoration:underline;text-underline-offset:5px}
.platform-hero-panel {padding:32px;background:#ffffffed;border:1px solid #e5e7ec;border-radius:24px}
.platform-hero-panel h2 {font-size:1.5rem;font-weight:500;line-height:1.3;margin:20px 0 14px}
.platform-hero-panel p {font-size:1rem;color:#626b7a;line-height:1.6;margin:0}
.platform-panel-note {display:flex;gap:12px;border-top:1px solid #e5e7ec;margin-top:24px;padding-top:20px;font-size:1rem;line-height:1.6;color:#626b7a}
.platform-panel-note i {margin-top:5px;color:#b84100}
.platform-check-section,.platform-support {background:#fff}
.platform-checks {list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0}
.platform-checks li {min-width:0;padding:28px;background:#fff;border:1px solid #e5e7ec;border-radius:20px}
.platform-step {display:grid;place-items:center;width:44px;height:44px;margin-bottom:24px;border-radius:14px;background:#fff3eb;color:#b84100;font-size:1.125rem;font-weight:600}
.platform-checks p,.platform-guide p {color:#626b7a;font-size:1rem;line-height:1.6;margin:0}
.platform-guides {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.platform-guide {display:flex;flex-direction:column;align-items:flex-start;padding:28px;background:#fff;border:1px solid #e5e7ec;border-radius:20px;color:#202735;text-decoration:none}
.platform-guide:hover {border-color:#d6a58b;color:#202735}
.platform-guide-icon {display:grid;place-items:center;width:48px;height:48px;background:#fff3eb;color:#b84100;border-radius:14px;font-size:23px;margin-bottom:24px}
.platform-guide p {margin-bottom:24px}
.platform-guide .platform-text-link {margin-top:auto}
.platform-support-grid {display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.platform-support-grid>div>p {max-width:50ch;color:#626b7a;margin-bottom:26px}
.platform-support .faq-list {max-width:none;margin:0}
.platform-support .faq-list details {border:1px solid #e5e7ec;border-radius:14px;padding:0 22px;margin:0 0 14px;box-shadow:none}
.platform-support .faq-list summary {font-weight:500;padding:20px 0;font-size:1rem;line-height:1.5}
.platform-support .faq-list p {font-size:1rem;line-height:1.65;color:#626b7a;margin:0 0 20px}
.platform-support-note {display:flex;align-items:flex-start;gap:12px;border-top:1px solid #e5e7ec;padding-top:24px;margin-top:28px;color:#626b7a}
.platform-support-note>i {margin-top:5px;color:#b84100}
.platform-support-note p {font-size:1rem;line-height:1.6;margin:0;max-width:85ch}
.platform-contact {padding:24px;background:#f7f8fb;border-radius:16px;margin-top:30px}
.platform-contact h3 {font-size:1.125rem;line-height:1.5}
.platform-contact p {font-size:1rem;line-height:1.6;color:#626b7a;margin:10px 0 16px}
.platforms-page a:focus-visible,.platforms-page summary:focus-visible {outline:3px solid #b84100;outline-offset:5px}
.platforms-page #sites-title,.platforms-page #falhas {scroll-margin-top:150px}
@media(max-width:1199px){.platform-hero-grid {gap:40px}.platform-support-grid {gap:35px}}
@media(max-width:991.98px){.platform-hero-grid,.platform-support-grid {grid-template-columns:1fr}.platform-hero h1 {max-width:24ch}.platform-hero-panel {max-width:660px}.platform-checks,.platform-guides {gap:14px}.platform-checks li,.platform-guide {padding:22px}}
@media(max-width:767px){.platforms-page h2 {font-size:1.75rem}.platforms-page h3,.platform-hero-panel h2 {font-size:1.3125rem}.platform-hero-panel {padding:24px}.platform-checks,.platform-guides {grid-template-columns:1fr}.platform-checks li,.platform-guide {padding:24px}.platform-support .faq-list details {padding:0 18px}.platform-contact h3 {font-size:1.125rem}.platform-hero-actions {align-items:flex-start;flex-direction:column;gap:22px}}