/* Article layout for Shade Sail Builder Blog posts. */
body.blog-post{margin:0;background:#f3f2ed;color:#1c3032}
body.blog-post main{max-width:none;padding:0 0 48px}
.blog-article{max-width:820px;margin:0 auto;background:#fff;padding:clamp(24px,5vw,56px) clamp(20px,5vw,64px) 72px;line-height:1.65;box-shadow:0 12px 35px rgba(27,44,43,.04)}
.blog-kicker{margin:0 0 10px;font-size:11px;letter-spacing:.18em;font-weight:800;color:#a36533}
.blog-article h1{font:700 clamp(30px,5vw,46px) Manrope,sans-serif;letter-spacing:-.045em;line-height:1.12;margin:0 0 16px;color:#172b30}
.blog-meta{margin:0 0 22px;color:#667675;font-size:13px}
.blog-disclaimer{background:#f3f2ed;border-left:3px solid #bd8554;padding:16px 18px;margin:0 0 28px;color:#51635f;font-style:italic}
.blog-article h2{font:700 22px Manrope,sans-serif;letter-spacing:-.02em;margin:38px 0 14px;color:#172b30}
.blog-article h3{font:700 18px Manrope,sans-serif;margin:26px 0 10px;color:#172b30}
.blog-article p,.blog-article li{color:#51635f;font-size:16px}
.blog-article p{margin:0 0 16px}
.blog-article a{color:#9d6638;font-weight:700}
.blog-figure{margin:28px 0;padding:0}
.blog-figure img{display:block;width:100%;height:auto;border:1px solid #dce2dc;background:#eef2ed}
.blog-figure figcaption{margin:10px 0 0;font-size:13px;line-height:1.5;color:#667675}
.blog-figure .generated-label{display:inline-block;margin-right:6px;padding:1px 7px;border:1px solid #d4c4a8;border-radius:3px;background:#f3f2ed;color:#8a6a3f;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;vertical-align:1px}
.blog-article ul{margin:0 0 18px;padding:0 0 0 1.2em}
.blog-article li{margin:0 0 8px}
.blog-sources li{word-break:break-word}
.blog-back{display:inline-block;margin:0 0 22px;font-size:13px;font-weight:700;text-decoration:none;color:#9d6638}
.blog-footer-note{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px max(3vw,24px);background:#172b30;color:#859d98;font-size:10px;letter-spacing:.16em}
.blog-footer-note a{color:#d7c4a4;text-decoration:none}
html[data-theme=dark] body.blog-post{background:#0e1520;color:#f5f8ff}
html[data-theme=dark] .blog-article{background:#162232;box-shadow:none}
html[data-theme=dark] .blog-article h1,
html[data-theme=dark] .blog-article h2,
html[data-theme=dark] .blog-article h3{color:#f5f8ff}
html[data-theme=dark] .blog-article p,
html[data-theme=dark] .blog-article li,
html[data-theme=dark] .blog-meta,
html[data-theme=dark] .blog-figure figcaption{color:#c1d0e1}
html[data-theme=dark] .blog-disclaimer{background:#1b2735;border-left-color:#e2ad68;color:#c1d0e1}
html[data-theme=dark] .blog-figure img{border-color:#3b5069}
html[data-theme=dark] .blog-figure .generated-label{background:#1b2735;border-color:#6a5a3d;color:#e2ad68}
html[data-theme=dark] .blog-article a{color:#e2ad68}
html[data-theme=light] body.blog-post{background:#f5f8fc}
html[data-theme=light] .blog-article{background:#fff}
@media(max-width:600px){
  .blog-article{padding:22px 16px 48px}
  .blog-article h2{font-size:20px}
}