/* The same section classes work in article content and the block editor. */
.ogis-article-lead{font-size:1.25rem;line-height:1.7;color:#43596c}
.ogis-article-section{margin:2.75rem 0}
.ogis-article-takeaways{margin:2rem 0;padding:1.75rem;border-left:4px solid #1a6fac;border-radius:0 12px 12px 0;background:#f2f5f9}
.ogis-article-takeaways h2{margin-top:0}.ogis-article-takeaways ul{margin-bottom:0}
.ogis-article-comparison{gap:1.5rem;margin:2rem 0}.ogis-article-comparison>.wp-block-column{padding:1.5rem;border:1px solid #dce5ed;border-radius:12px}.ogis-article-comparison h3{margin-top:0}
.ogis-article-faq{margin:2.75rem 0}.ogis-article-faq details{border-bottom:1px solid #dce5ed;padding:1rem 0}.ogis-article-faq summary{font-weight:600;cursor:pointer;line-height:1.6}.ogis-article-faq summary:focus-visible{outline:3px solid #1a6fac;outline-offset:5px}
.article-cta .wp-block-button__link{background:#e71f22;color:#fff!important;text-decoration:none!important;border-radius:6px;font-weight:600;padding:14px 24px}.article-cta .wp-block-button__link:hover{background:#bd191c}
.article-cta .wp-block-button__link:focus-visible{outline:3px solid #70ceff;outline-offset:5px}
.article-content .wp-block-table{overflow-x:auto}.article-content table{border-collapse:collapse;width:100%;font-size:1rem}.article-content th,.article-content td{border:1px solid #dce5ed;padding:12px;text-align:left}.article-content th{background:#f2f5f9}
.article-content img{max-width:100%;height:auto}.article-content figcaption{font-size:.875rem;color:#526779}.article-content{overflow-wrap:anywhere}.article-pagination{display:flex;flex-wrap:wrap;gap:12px;margin-top:2rem}
.editor-styles-wrapper .article-cta{background:#0d5694;color:#fff;padding:2.5rem;border-radius:1.5rem;text-align:center}.editor-styles-wrapper .article-cta h2{color:#fff}.editor-styles-wrapper .article-references{border-top:1px solid #dce5ed;padding-top:2rem;margin-top:3rem}
@media(max-width:600px){.ogis-article-takeaways,.ogis-article-comparison>.wp-block-column{padding:1.25rem}.article-content .article-cta{padding:1.5rem}.ogis-article-lead{font-size:1.125rem}}

/* Reusable option tiles, including the four-option technology guide layout. */
.ogis-article-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:2rem 0}
.ogis-article-tiles--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.ogis-article-tile{padding:1.5rem;border:1px solid #dce5ed;border-top:3px solid #1a6fac;border-radius:12px;background:#f7f9fc;min-width:0}
.ogis-article-tile h3{margin-top:0!important;font-size:1.2rem}.ogis-article-tile p:last-child{margin-bottom:0}
@media(max-width:760px){.ogis-article-tiles--three{grid-template-columns:1fr}}
@media(max-width:600px){.ogis-article-tiles{grid-template-columns:1fr}}

/* Divi's desktop sidebar divider does not belong in the standalone article. */
#main-content .ogis-article .container::before{display:none;content:none}

/* Shared CTA button: override article link colors in every interaction state. */
.ogis-article-button,
.article-content a.ogis-article-button,
.article-content a.ogis-article-button:visited,
.article-content a.ogis-article-button:hover,
.article-content a.ogis-article-button:focus,
.article-content a.ogis-article-button:active{background:var(--color-cta,#e71f22);color:#fff;text-decoration:none;max-width:100%;white-space:normal;justify-content:center;text-align:center}
.article-content a.ogis-article-button:focus-visible{outline:3px solid #70ceff;outline-offset:5px}
