/* Start:/local/templates/intrasevice/css/blog.css?17921496698041*/
/* Blog styles are scoped to this section. */
.blog-page { --blog-purple:#850ba5; --blog-text:#333; --blog-muted:#6a626e; --blog-border:#e8e0ed; color:var(--blog-text); font-family:'Raleway',sans-serif; }
/* The shared footer is absolute; blog pages keep it in normal flow. */
.blog-page ~ footer { position:relative; bottom:auto; }
.blog-page *, .blog-page *::before, .blog-page *::after { box-sizing:border-box; }
.blog-page a { color:var(--blog-purple); text-underline-offset:4px; }
.blog-page a:hover { color:#65087e; }
.blog-page a:focus-visible, .blog-page summary:focus-visible { outline:2px solid var(--blog-purple); outline-offset:5px; border-radius:3px; }
.blog-breadcrumbs { display:flex; flex-wrap:wrap; gap:12px; margin:0 0 32px; font-size:14px; line-height:1.5; color:var(--blog-muted); }
.blog-breadcrumbs a { color:inherit; text-decoration:none; }
.blog-breadcrumbs a:hover { color:var(--blog-purple); text-decoration:underline; }
.blog-meta { display:flex; flex-wrap:wrap; gap:10px 24px; color:var(--blog-muted); font-size:14px; line-height:1.6; }
.blog-index { padding:48px 0 88px; }
.blog-index__inner { width:100%; max-width:1200px; margin:auto; padding:0 28px; }
.blog-page .blog-index__header h1 { margin:0 0 18px; font-size:48px; font-weight:700; line-height:1.15; letter-spacing:-1px; text-align:left; }
.blog-index__header > p { margin:0; max-width:650px; font-size:20px; line-height:1.6; }
.blog-posts { margin-top:44px; }
.blog-preview { display:grid; grid-template-columns:1fr 1fr; gap:36px; padding:32px 0; border-top:1px solid var(--blog-border); border-bottom:1px solid var(--blog-border); }
.blog-preview__image { align-self:start; overflow:hidden; border-radius:16px; }
.blog-preview__image img { display:block; width:100%; height:auto; }
.blog-page .blog-preview h2 { margin:16px 0; text-align:left; font-size:28px; line-height:1.3; font-weight:700; letter-spacing:-.35px; }
.blog-preview h2 a { color:var(--blog-text); text-decoration:none; }
.blog-preview h2 a:hover { color:var(--blog-purple); }
.blog-preview__body > p { margin:0 0 20px; font-size:17px; line-height:1.7; }
.blog-preview__read { font-size:16px; font-weight:700; text-decoration:underline; }
.blog-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,800px) minmax(0,1fr); align-items:start; gap:32px; width:100%; max-width:1480px; margin:0 auto; padding:48px 28px 80px; }
.blog-article { grid-column:2; grid-row:1; min-width:0; }
.blog-sidebar { position:sticky; top:150px; min-width:0; overflow-wrap:anywhere; }
.blog-sidebar:empty { display:none; }
.blog-sidebar--left { grid-column:1; grid-row:1; }
.blog-sidebar--right { grid-column:3; grid-row:1; }
.blog-sidebar img { max-width:100%; height:auto; }
.blog-page .blog-article__header h1 { margin:0 0 24px; text-align:left; font-size:42px; line-height:1.2; font-weight:700; letter-spacing:-.7px; overflow-wrap:break-word; }
.blog-article__header { margin-bottom:32px; }
.blog-prose { font-size:18px; line-height:1.8; overflow-wrap:break-word; }
.blog-prose p { margin:0 0 22px; }
.blog-prose .blog-lead { margin:32px 0; font-size:19px; line-height:1.8; }
.blog-prose h2 { margin:48px 0 22px; text-align:left; font-size:30px; line-height:1.35; font-weight:700; letter-spacing:-.4px; scroll-margin-top:160px; }
.blog-prose h3 { font-size:21px; line-height:1.5; font-weight:700; }
.blog-prose ul, .blog-prose ol { margin:0 0 26px; padding-left:28px; }
.blog-prose li { padding-left:5px; margin-bottom:12px; }
.blog-prose li::marker { color:var(--blog-purple); font-weight:600; }
.blog-prose a { text-decoration:underline; }
.blog-toc { margin:0 0 32px; padding:22px 26px; background:#f7f3fa; border:1px solid var(--blog-border); border-radius:16px; }
.blog-page summary { list-style:none; cursor:pointer; }
.blog-page summary::-webkit-details-marker { display:none; }
.blog-toc > summary, .blog-faq > summary { display:flex; align-items:center; justify-content:space-between; gap:24px; font-weight:700; line-height:1.45; }
.blog-toc > summary { font-size:21px; }
.blog-toc > summary:hover, .blog-faq > summary:hover { color:var(--blog-purple); }
.blog-chevron { flex:0 0 10px; width:10px; height:10px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); margin:-5px 3px 0 0; }
.blog-page details[open] > summary .blog-chevron { transform:rotate(225deg); margin-top:5px; }
.blog-toc nav { margin-top:18px; }
.blog-toc nav ol { margin:0; padding-left:24px; }
.blog-toc nav li { margin:0 0 10px; font-size:16px; line-height:1.6; }
.blog-toc nav li:last-child { margin-bottom:0; }
.blog-toc a { text-decoration:none; }
.blog-toc a:hover { text-decoration:underline; }
.blog-figure { margin:32px 0 38px; }
.blog-figure__link { display:block; position:relative; border:1px solid var(--blog-border); border-radius:12px; overflow:hidden; cursor:zoom-in; }
.blog-figure__link img { display:block; width:100%; height:auto; }
.blog-figure__zoom { position:absolute; right:12px; bottom:12px; display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--blog-border); border-radius:50%; background:white; color:var(--blog-purple); font-size:26px; font-family:sans-serif; line-height:1; }
.blog-figure figcaption { margin-top:12px; color:var(--blog-muted); font-size:14px; line-height:1.6; }
.blog-faq { margin:48px 0; padding:24px 0; border-top:1px solid var(--blog-border); border-bottom:1px solid var(--blog-border); scroll-margin-top:160px; }
.blog-prose .blog-faq > summary h2 { margin:0; font-size:28px; }
.blog-faq__answers { padding-top:28px; }
.blog-faq__item + .blog-faq__item { margin-top:28px; }
.blog-prose .blog-faq__item h3 { margin:0 0 12px; }
.blog-prose .blog-faq__item p { margin:0; }
.blog-cta { margin:48px 0 28px; padding:30px 32px; background:#f0f6e5; border-radius:16px; }
.blog-prose .blog-cta h2 { margin:0 0 18px; font-size:28px; }
.blog-prose .blog-cta__button { display:inline-block; padding:15px 24px; background:#a0d331; color:#26320c; border-radius:10px; font-size:17px; font-weight:700; line-height:1.5; text-decoration:none; text-align:center; }
.blog-prose .blog-cta__button:hover { background:#90c323; color:#26320c; }
.blog-prose .blog-author { margin:26px 0; color:var(--blog-muted); font-size:14px; line-height:1.7; }
.blog-back { display:inline-block; margin-top:16px; font-size:16px; font-weight:600; }
@media (max-width:1100px) {
    .blog-layout { grid-template-columns:minmax(0,800px); justify-content:center; }
    .blog-article { grid-column:1; grid-row:1; }
    .blog-sidebar { grid-column:1; grid-row:auto; position:static; }
}
@media (max-width:700px) {
    .blog-index { padding-top:56px; }
    .blog-index__inner { padding:0 20px; }
    .blog-page .blog-index__header h1 { font-size:36px; }
    .blog-index__header > p { font-size:18px; }
    .blog-posts { margin-top:30px; }
    .blog-preview { grid-template-columns:minmax(0,1fr); gap:24px; padding:24px 0; }
    .blog-page .blog-preview h2 { font-size:25px; }
    .blog-layout { padding:56px 20px; gap:24px; }
    .blog-breadcrumbs { margin-bottom:24px; }
    .blog-page .blog-article__header h1 { font-size:32px; line-height:1.23; letter-spacing:-.4px; }
    .blog-meta { gap:8px 18px; font-size:13px; }
    .blog-prose, .blog-prose .blog-lead { font-size:17px; line-height:1.75; }
    .blog-prose h2 { margin-top:36px; font-size:25px; scroll-margin-top:120px; }
    .blog-prose h3 { font-size:20px; }
    .blog-toc { padding:20px; border-radius:12px; }
    .blog-toc nav li { font-size:15px; }
    .blog-figure { margin:26px 0 30px; }
    .blog-figure figcaption { font-size:13px; }
    .blog-prose .blog-faq > summary h2, .blog-prose .blog-cta h2 { font-size:24px; }
    .blog-faq { margin:36px 0; scroll-margin-top:120px; }
    .blog-cta { margin-top:36px; padding:24px 22px; }
    .blog-prose .blog-cta__button { width:100%; font-size:16px; padding:14px; }
}
@media (max-width:380px) {
    .blog-page .blog-article__header h1 { font-size:29px; }
    .blog-layout { padding-right:16px; padding-left:16px; }
}

/* End */
/* /local/templates/intrasevice/css/blog.css?17921496698041 */