/* This stylesheet is used by both the guide editor iframe and the public page. */
.guide-editor-content,
body.guide-editor-content {
    box-sizing: border-box;
    max-width: 76ch;
    margin: 0;
    padding: 30px 34px;
    color: #263446;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 16px;
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.guide-editor-content *,
body.guide-editor-content * { box-sizing: border-box; }
.guide-editor-content > :first-child,
body.guide-editor-content > :first-child { margin-top: 0; }
.guide-editor-content h2, .guide-editor-content h3, .guide-editor-content h4,
body.guide-editor-content h2, body.guide-editor-content h3, body.guide-editor-content h4 { margin: 30px 0 12px; color: #172033; font-family: Poppins, 'Inter Tight', sans-serif; font-weight: 700; line-height: 1.25; }
.guide-editor-content h2, body.guide-editor-content h2 { font-size: 28px; }
.guide-editor-content h3, body.guide-editor-content h3 { font-size: 21px; }
.guide-editor-content h4, body.guide-editor-content h4 { font-size: 17px; }
.guide-editor-content p, body.guide-editor-content p { margin: 0 0 18px; }
.guide-editor-content strong, .guide-editor-content b, body.guide-editor-content strong, body.guide-editor-content b { color: #172033; font-family: Poppins, 'Inter Tight', sans-serif; font-weight: 700; }
.guide-editor-content em, .guide-editor-content i, body.guide-editor-content em, body.guide-editor-content i { color: #4f5a67; }
.guide-editor-content ul, .guide-editor-content ol, body.guide-editor-content ul, body.guide-editor-content ol { margin: 18px 0; padding-left: 22px; }
.guide-editor-content li + li, body.guide-editor-content li + li { margin-top: 8px; }
.guide-editor-content a, body.guide-editor-content a { color: #c94e13; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.guide-editor-content blockquote, body.guide-editor-content blockquote { margin: 24px 0; padding: 14px 18px; border-left: 3px solid #e9530b; background: #fff8f3; color: #5a4a3e; }
.guide-editor-content hr, body.guide-editor-content hr { height: 1px; margin: 28px 0; border: 0; background: #e4ddd5; }
.guide-editor-content pre, body.guide-editor-content pre { overflow-x: auto; margin: 22px 0; padding: 16px 18px; border: 1px solid #e4ddd5; border-radius: 12px; background: #f8f6f3; color: #263446; font: 13px/1.65 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.guide-editor-content code, body.guide-editor-content code { padding: .12em .34em; border-radius: 4px; background: #f3eee8; color: #9d3e12; font: .88em ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.guide-editor-content pre code, body.guide-editor-content pre code { padding: 0; background: transparent; color: inherit; font: inherit; }
.guide-editor-content table, body.guide-editor-content table { width: 100%; margin: 22px 0; border-collapse: collapse; font-size: 14px; }
.guide-editor-content th, .guide-editor-content td, body.guide-editor-content th, body.guide-editor-content td { padding: 10px 12px; border: 1px solid #e4ddd5; text-align: left; vertical-align: top; }
.guide-editor-content th, body.guide-editor-content th { background: #f8f6f3; color: #172033; font-family: Poppins, 'Inter Tight', sans-serif; font-weight: 700; }
.guide-editor-content img, body.guide-editor-content img { display: block; max-width: 100%; height: auto; margin: 22px 0; border-radius: 12px; }
.guide-editor-content figure.image, body.guide-editor-content figure.image { margin: 26px auto; }
.guide-editor-content figure.image img, body.guide-editor-content figure.image img { margin: 0; }
.guide-editor-content figure.image figcaption, body.guide-editor-content figure.image figcaption { margin-top: 8px; color: #77808d; font-family: Poppins, 'Inter Tight', sans-serif; font-size: 12px; text-align: center; }

@media (max-width: 640px) {
    .guide-editor-content,
    body.guide-editor-content { padding: 26px; font-size: 15px; }
}