/*! * @file segments/blog/post-page.css * @segment blog * @type ds24-section--post * * Digistore24 section-specific CSS: Blog Post Page * * Single blog post layout — full-width background, sidebar + main content grid. * * Notes: * - Depends on: global/tokens.css → --ds24-header-height, --ds24-radius-card, --ds24-color-* * */ .ds24-segment--blog .ds24-section--post{padding:0;position:relative}.ds24-segment--blog .ds24-section--post:before{content:"";z-index:0;background-image:url(/ds24-assets/img/article-background-image.jpg);background-position:50%;background-size:cover;height:500px;position:absolute;top:0;left:0;right:0}.ds24-segment--blog .ds24-layout--post{z-index:1;grid-template-columns:320px 1fr;align-items:start;display:grid;position:relative}.ds24-segment--blog .ds24-section--post-hero{margin-bottom:var(--ds24-space-md)}.ds24-segment--blog .ds24-section--post-hero .post-category-label{font-size:24px;font-weight:var(--ds24-font-medium);color:var(--ds24-color-black);margin-bottom:var(--ds24-space-md)}.ds24-segment--blog .ds24-section--post-hero .post-category-label a{color:inherit;transition:opacity .3s}.ds24-segment--blog .ds24-section--post-hero .post-category-label a:hover{opacity:.75}.ds24-segment--blog .ds24-section--post-hero .post-title{font-size:48px;line-height:1;font-weight:var(--ds24-font-bold);color:var(--ds24-color-black);margin-bottom:var(--ds24-space-md)}.ds24-segment--blog .ds24-section--post-hero .post-meta{gap:var(--ds24-space-xs);flex-wrap:wrap;display:flex}.ds24-segment--blog .ds24-section--post-hero .post-tags{flex-wrap:wrap;gap:6px;display:flex}.ds24-segment--blog .ds24-section--post-hero .post-tag{font-size:14px;font-weight:var(--ds24-font-medium);color:var(--ds24-color-black);background-color:var(--ds24-color-bg-off);border-radius:6px;padding:6px 8px 4px;line-height:1;text-decoration:none;transition:all .3s}.ds24-segment--blog .ds24-section--post-hero .post-tag:hover{opacity:.7;text-decoration:none}.ds24-segment--blog .ds24-section--post-hero .meta-row{color:var(--ds24-color-black);font-size:14px;font-weight:var(--ds24-font-medium);align-items:center;gap:8px;display:flex}.ds24-segment--blog .ds24-section--post-hero .meta-row span,.ds24-segment--blog .ds24-section--post-hero .meta-row time{position:relative;top:2px}.ds24-segment--blog .ds24-section--post-hero .meta-icon{color:var(--ds24-color-muted);stroke-width:2px;flex-shrink:0}.ds24-segment--blog .ds24-section--post-hero .post-hero-img{border-radius:var(--ds24-radius-card);margin-top:var(--ds24-space-md);overflow:hidden}.ds24-segment--blog .ds24-section--post-hero .post-hero-img img{width:100%;height:auto;display:block}.ds24-segment--blog .ds24-section--post-hero .post-summary{margin-top:var(--ds24-space-md);color:var(--ds24-color-black);font-weight:var(--ds24-font-medium)}.ds24-segment--blog .ds24-layout--post .post-sidebar{top:calc(var(--ds24-header-height) + var(--ds24-subnav-height) + 80px);height:calc(100vh - var(--ds24-header-height) - var(--ds24-subnav-height) - 160px);padding-right:var(--ds24-space-md);position:sticky}.ds24-segment--blog .ds24-layout--post .post-main{border-left:1px solid var(--ds24-color-border);padding-left:var(--ds24-space-lg);overflow-x:hidden}.ds24-segment--blog .ds24-layout--container.ds24-section--related~.ds24-layout--container.ds24-section--related{padding-top:0}.ds24-segment--blog .ds24-section--related h2{margin-bottom:var(--ds24-space-md)}.ds24-segment--blog .ds24-section--related .related-grid{gap:var(--ds24-space-md);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1279px){.ds24-segment--blog .ds24-layout--post .post-sidebar{top:calc(var(--ds24-header-height) + var(--ds24-subnav-height) + 40px);height:calc(100vh - var(--ds24-header-height) - var(--ds24-subnav-height) - 80px)}.ds24-segment--blog .ds24-layout--post .post-main{padding-left:40px}}@media (width<=1023px){.ds24-segment--blog .ds24-layout--post{grid-template-columns:1fr}.ds24-segment--blog .ds24-layout--post .post-sidebar{z-index:1;order:-1;height:auto;position:static}.ds24-segment--blog .ds24-layout--post .post-main{border-left:none;padding-left:0}.ds24-segment--blog .ds24-section--related .related-grid{grid-template-columns:repeat(2,1fr)}.ds24-segment--blog .ds24-section--related .ds24-component--post-card.is--last{display:none}}@media (width<=743px){.ds24-segment--blog .ds24-section--post-hero .post-title{font-size:34px}.ds24-segment--blog .ds24-section--post-hero .post-category-label{font-size:21px}.ds24-segment--blog .ds24-section--related .related-grid{grid-template-columns:1fr}.ds24-segment--blog .ds24-section--related .ds24-component--post-card.is--last{display:flex}}.ds24-segment--blog .ds24-component--prose{font-size:21px;font-weight:var(--ds24-font-light)}.ds24-segment--blog .ds24-component--prose h2,.ds24-segment--blog .ds24-component--prose h3,.ds24-segment--blog .ds24-component--prose h4,.ds24-segment--blog .ds24-component--prose h5{margin-top:2em;margin-bottom:1em}.ds24-segment--blog .ds24-component--prose h2{font-size:36px}.ds24-segment--blog .ds24-component--prose h3{font-size:30px}.ds24-segment--blog .ds24-component--prose h4{font-size:26px}.ds24-segment--blog .ds24-component--prose h5{font-size:24px}.ds24-segment--blog .ds24-component--prose p{margin-bottom:1.2em;font-size:21px}.ds24-segment--blog .ds24-component--prose ul,.ds24-segment--blog .ds24-component--prose ol{margin-bottom:1.2em;padding-left:0;font-size:18px}.ds24-segment--blog .ds24-component--prose ul{list-style:none}.ds24-segment--blog .ds24-component--prose li{margin-bottom:1em}.ds24-segment--blog .ds24-component--prose ul>li{padding-left:28px;position:relative}.ds24-segment--blog .ds24-component--prose ul>li:before{content:"";border-style:solid;border-width:3px 3px 0 0;border-color:var(--ds24-color-accent);width:12px;height:7px;display:inline-block;position:absolute;top:8px;left:2px;transform:rotate(130deg)}.ds24-segment--blog .ds24-component--prose ul ul,.ds24-segment--blog .ds24-component--prose ul ol,.ds24-segment--blog .ds24-component--prose ol ul,.ds24-segment--blog .ds24-component--prose ol ol{margin-top:1em;margin-bottom:1em;padding-left:0}.ds24-segment--blog .ds24-component--prose ul ul{margin-left:10px}.ds24-segment--blog .ds24-component--prose ul ol,.ds24-segment--blog .ds24-component--prose ol ul,.ds24-segment--blog .ds24-component--prose ol ol{margin-left:30px}.ds24-segment--blog .ds24-component--prose ul ul>li{padding-left:20px}.ds24-segment--blog .ds24-component--prose ul ul>li:before{content:"•";width:6px;height:6px;color:var(--ds24-color-accent);border:none;font-size:18px;top:2px;left:0;transform:none}.ds24-segment--blog .ds24-component--prose ul ul ul>li:before{content:"";background-color:var(--ds24-color-accent);width:6px;height:6px;top:10px}.ds24-segment--blog .ds24-component--prose ol{padding-left:1.5em;list-style-type:decimal}.ds24-segment--blog .ds24-component--prose ol ol{list-style-type:lower-alpha}.ds24-segment--blog .ds24-component--prose ol ol ol{list-style-type:lower-roman}.ds24-segment--blog .ds24-component--prose blockquote{border-left:4px solid var(--ds24-color-accent);padding:var(--ds24-space-sm) var(--ds24-space-md);background:var(--ds24-color-bg-off);border-radius:0 8px 8px 0;margin:1.5em 0;font-size:21px}.ds24-segment--blog .ds24-component--prose strong{font-weight:var(--ds24-font-bold)}.ds24-segment--blog .ds24-component--prose .ds24-element--underline{text-decoration:underline}.ds24-segment--blog .ds24-component--prose p a,.ds24-segment--blog .ds24-component--prose li a{color:inherit;-webkit-text-decoration:underline 2px var(--ds24-color-accent);text-decoration:underline 2px var(--ds24-color-accent);text-underline-offset:4px;transition:all .3s}.ds24-segment--blog .ds24-component--prose p a:hover,.ds24-segment--blog .ds24-component--prose li a:hover{color:inherit;opacity:.7}.ds24-segment--blog .ds24-component--prose img{border-radius:12px;margin:1.5em 0}.ds24-segment--blog .ds24-component--prose code{color:var(--ds24-color-blue);border:1px solid var(--ds24-color-border);white-space:pre;background:#f9fafb;border-radius:6px;padding:.15em .45em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:16px}.ds24-segment--blog .ds24-component--prose pre code{font-size:inherit;color:inherit;background:0 0;border:none;border-radius:0;padding:0}@media (width<=743px){.ds24-segment--blog .ds24-component--prose{font-size:18px}.ds24-segment--blog .ds24-component--prose h2{font-size:30px}.ds24-segment--blog .ds24-component--prose h3{font-size:26px}.ds24-segment--blog .ds24-component--prose h4{font-size:24px}.ds24-segment--blog .ds24-component--prose h5{font-size:21px}.ds24-segment--blog .ds24-component--prose ul,.ds24-segment--blog .ds24-component--prose ol{font-size:16px}.ds24-segment--blog .ds24-component--prose blockquote{padding:15px 20px;font-size:18px}}.ds24-segment--blog .ds24-component--pte-image{margin:2em 0}.ds24-segment--blog .ds24-component--pte-image img{border-radius:12px;width:100%}.ds24-segment--blog .ds24-component--pte-image .pte-caption{text-align:center;color:var(--ds24-color-muted);margin-top:-20px;font-size:16px}.ds24-segment--blog .ds24-component--highlight-block{text-align:left;background-color:var(--ds24-color-bg-off);padding:var(--ds24-space-md);gap:var(--ds24-space-sm);border-radius:8px;flex-direction:column;margin:2em 0;display:flex}.ds24-segment--blog .ds24-component--highlight-block .highlight-title{font-size:24px;font-weight:var(--ds24-font-medium)}.ds24-segment--blog .ds24-component--highlight-block .highlight-title .type--highlight{color:var(--ds24-color-blue)}.ds24-segment--blog .ds24-component--highlight-block .highlight-text{font-size:21px}.ds24-segment--blog .ds24-component--highlight-block .highlight-text p{margin-bottom:.8em}.ds24-segment--blog .ds24-component--highlight-block .highlight-text p:last-child{margin-bottom:0}.ds24-segment--blog .ds24-component--highlight-block .highlight-text ul{flex-direction:column;gap:12px;margin:0 0 .8em;padding-left:0;list-style:none;display:flex}.ds24-segment--blog .ds24-component--highlight-block .highlight-text ul>li{margin-bottom:.3em;padding-left:28px;position:relative}.ds24-segment--blog .ds24-component--highlight-block .highlight-text ul>li:before{content:"";border-style:solid;border-width:3px 3px 0 0;border-color:var(--ds24-color-blue);width:12px;height:7px;display:inline-block;position:absolute;top:8px;left:2px;transform:rotate(130deg)}.ds24-segment--blog .ds24-component--highlight-block .highlight-text ol{counter-reset:highlight-ol;flex-direction:column;gap:12px;margin:0 0 .8em;padding-left:0;list-style:none;display:flex}.ds24-segment--blog .ds24-component--highlight-block .highlight-text ol>li{counter-increment:highlight-ol;min-height:28px;margin-bottom:.3em;padding-left:36px;position:relative}.ds24-segment--blog .ds24-component--highlight-block .highlight-text ol>li:before{content:counter(highlight-ol);background-color:var(--ds24-color-blue);color:#fff;width:24px;height:24px;font-size:13px;font-weight:var(--ds24-font-bold);text-align:center;border-radius:50%;line-height:26px;position:absolute;top:-1px;left:0}.ds24-segment--blog .ds24-component--highlight-block .highlight-title,.ds24-segment--blog .ds24-component--highlight-block .highlight-text,.ds24-segment--blog .ds24-component--highlight-block .ds24-element--button-block{margin:0}@media (width<=743px){.ds24-segment--blog .ds24-component--highlight-block{padding:var(--ds24-space-md)}}.ds24-segment--blog .ds24-component--info-callout{border-left:4px solid;border-radius:0 12px 12px 0;margin:1.5em 0;padding:16px 20px}.ds24-segment--blog .ds24-component--info-callout.type--info{border-left-color:var(--ds24-color-accent);background:var(--ds24-color-bg-off)}.ds24-segment--blog .ds24-component--info-callout.type--warning{background:#fdeded;border-left-color:#e46767}.ds24-segment--blog .ds24-component--info-callout.type--success{background:#e7ffe6;border-left-color:#35aa2b}.ds24-segment--blog .ds24-component--info-callout .callout-title{font-weight:var(--ds24-font-bold);margin-bottom:4px;font-size:16px;display:block}.ds24-segment--blog .ds24-component--prose .ds24-component--info-callout .callout-body{margin:0;font-size:16px;line-height:1.2}.ds24-segment--blog .ds24-component--video-embed{margin:2em 0}.ds24-segment--blog .ds24-component--video-embed .video-wrapper{aspect-ratio:16/9;border-radius:12px;position:relative;overflow:hidden}.ds24-segment--blog .ds24-component--video-embed .video-wrapper iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.ds24-segment--blog .ds24-component--video-embed .video-caption{text-align:center;color:var(--ds24-color-muted);margin-top:20px;font-size:16px}hr.ds24-element--divider{border:none;border-top:2px solid var(--ds24-color-muted);margin:60px 0}div.ds24-element--divider{user-select:none;justify-content:center;align-items:center;margin:60px 0;display:flex}.ds24-segment--blog .ds24-element--divider.type--star{color:var(--ds24-color-accent);letter-spacing:.2em;font-size:18px}.ds24-segment--blog .ds24-element--divider.type--diamond{color:var(--ds24-color-muted);letter-spacing:.2em;font-size:16px}.ds24-segment--blog .ds24-element--divider.type--dots{color:var(--ds24-color-muted);letter-spacing:0;font-size:32px;line-height:1}.ds24-segment--blog .ds24-component--html-table{margin:2em 0}.ds24-segment--blog .ds24-component--html-table .pte-table{width:100%;font-size:18px}.ds24-segment--blog .ds24-component--html-table .pte-table__row{grid-template-columns:repeat(var(--col-count,3), 1fr);border-bottom:1px solid var(--ds24-color-border);display:grid}.ds24-segment--blog .ds24-component--html-table .pte-table__cell{vertical-align:top;padding:14px 16px 10px}.ds24-segment--blog .ds24-component--html-table .pte-table__row--head{background:var(--ds24-color-bg-off);border-bottom:1px solid #9da9b059}.ds24-segment--blog .ds24-component--html-table .pte-table__cell--head{font-weight:var(--ds24-font-medium);white-space:nowrap;font-size:16px}.ds24-segment--blog .ds24-component--html-table .pte-table__row:nth-child(odd):not(.pte-table__row--head) .pte-table__cell{background:#f9fafb}.ds24-segment--blog .ds24-component--html-table .pte-table-caption{color:var(--ds24-color-muted);text-align:center;margin-top:20px;font-size:16px}@media (width<=743px){.ds24-segment--blog .ds24-component--html-table .pte-table{font-size:15px}.ds24-segment--blog .ds24-component--html-table .pte-table__row{border-top:none;border-bottom:1px solid #9da9b059;padding:0;display:block}.ds24-segment--blog .ds24-component--html-table .pte-table__row--head{display:none}.ds24-segment--blog .ds24-component--html-table .pte-table__row:last-child{border-bottom:1px solid #9da9b059;padding-bottom:12px}.ds24-segment--blog .ds24-component--html-table .pte-table__cell{flex-direction:column;gap:6px;padding:12px;font-size:16px;line-height:1.5;display:flex}.ds24-segment--blog .ds24-component--html-table .pte-table__cell:first-of-type{background-color:var(--ds24-color-bg-off)}.ds24-segment--blog .ds24-component--html-table .pte-table__cell:before{content:attr(data-label);font-weight:var(--ds24-font-medium);white-space:nowrap;flex-shrink:0}.ds24-segment--blog .ds24-component--html-table .pte-table__cell[data-label=""]:before{display:none}}.ds24-segment--blog .ds24-component--two-col{grid-template-columns:1fr 1fr;align-items:start;gap:2em;margin:2em 0;display:grid}.ds24-segment--blog .ds24-component--two-col.layout--60-40{grid-template-columns:3fr 2fr}.ds24-segment--blog .ds24-component--two-col.layout--40-60{grid-template-columns:2fr 3fr}.ds24-segment--blog .ds24-component--two-col .two-col-column{min-width:0}.ds24-segment--blog .ds24-component--two-col .two-col-column>:first-child{margin-top:0}.ds24-segment--blog .ds24-component--two-col .two-col-column>:last-child{margin-bottom:0}@media (width<=743px){.ds24-segment--blog .ds24-component--two-col,.ds24-segment--blog .ds24-component--two-col.layout--60-40,.ds24-segment--blog .ds24-component--two-col.layout--40-60{grid-template-columns:1fr}}.ds24-segment--blog .ds24-component--compare{text-align:center;margin:2em 0}.ds24-segment--blog .ds24-component--compare .cmp-title{margin-bottom:1em}.ds24-segment--blog .ds24-component--compare .cmp-caption{color:var(--ds24-color-muted);text-align:center;margin-top:20px;font-size:16px}.ds24-segment--blog .ds24-component--compare .cmp-col-title{font-weight:var(--ds24-font-medium);color:var(--ds24-color-white);text-transform:uppercase;font-size:18px;position:relative;top:2px}.ds24-segment--blog .ds24-component--compare .cmp-logo{object-fit:contain;width:auto;max-height:56px;margin:0 auto;display:block}.ds24-segment--blog .ds24-component--compare .cmp-cell{font-size:16px;line-height:1.4;font-weight:var(--ds24-font-medium);border-right:1px solid var(--ds24-color-border);border-bottom:1px solid var(--ds24-color-border)}.ds24-segment--blog .ds24-component--compare .cmp-cell p,.ds24-segment--blog .ds24-component--compare .cmp-cell ul,.ds24-segment--blog .ds24-component--compare .cmp-cell ol{margin:0}.ds24-segment--blog .ds24-component--compare .cmp-cell ul,.ds24-segment--blog .ds24-component--compare .cmp-cell ol{padding-left:1.25em}.ds24-segment--blog .ds24-component--compare .cmp-mark{font-weight:var(--ds24-font-bold)}.ds24-segment--blog .ds24-component--compare .cmp-mark.type--positive{color:#1e73cd}.ds24-segment--blog .ds24-component--compare .cmp-mark.type--negative{color:#fd0606}.ds24-segment--blog .ds24-component--compare .cmp-mark.type--neutral{color:#dda832}.ds24-segment--blog .ds24-component--compare:not(.layout--full) .cmp-header{gap:var(--ds24-space-md);grid-template-columns:1fr 1fr;display:grid}.ds24-segment--blog .ds24-component--compare:not(.layout--full) .cmp-header-col{text-align:center;background:#1e73cd;padding:18px 20px}.ds24-segment--blog .ds24-component--compare:not(.layout--full) .cmp-header-col:last-child{background:var(--ds24-color-gray)}.ds24-segment--blog .ds24-component--compare:not(.layout--full) .cmp-body{flex-direction:column;display:flex}.ds24-segment--blog .ds24-component--compare:not(.layout--full) .cmp-row{gap:var(--ds24-space-md);grid-template-columns:1fr 1fr;display:grid}.ds24-segment--blog .ds24-component--compare:not(.layout--full) .cmp-cell{border-left:1px solid var(--ds24-color-border);justify-content:center;align-items:center;padding:14px 20px;display:flex}.ds24-segment--blog .ds24-component--compare:not(.layout--full) .cmp-body .cmp-row:nth-child(2n) .cmp-cell{background:#f9fafb}@media (width<=640px){.ds24-segment--blog .ds24-component--compare:not(.layout--full) .cmp-header,.ds24-segment--blog .ds24-component--compare:not(.layout--full) .cmp-row{gap:10px;display:flex}.ds24-segment--blog .ds24-component--compare:not(.layout--full) .cmp-header-col,.ds24-segment--blog .ds24-component--compare:not(.layout--full) .cmp-cell{width:100%}.ds24-segment--blog .ds24-component--compare:not(.layout--full) .cmp-header-col{padding:14px 16px}.ds24-segment--blog .ds24-component--compare:not(.layout--full) .cmp-col-title{font-size:16px}.ds24-segment--blog .ds24-component--compare:not(.layout--full) .cmp-cell{padding:12px 14px;font-size:14px}}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-subtitle{margin-top:-.5em;margin-bottom:var(--ds24-space-md);color:var(--ds24-color-text-muted);text-align:center;font-size:21px}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-grid{flex-direction:column;display:flex}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-header-row,.ds24-segment--blog .ds24-component--compare.layout--full .cmp-row{grid-template-columns:200px 1fr 1fr;gap:0;display:grid}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-th{text-align:center;justify-content:center;align-items:center;padding:16px 20px;display:flex}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-th--feature{border:1px solid var(--ds24-color-border);background:#f9fafb;justify-content:flex-start}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-th--feature .cmp-col-title{color:var(--ds24-color-text-muted);letter-spacing:.06em;font-size:13px}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-th--left{background:#1e73cd}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-th--right{background:var(--ds24-color-gray)}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-logo{max-height:48px}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-cell{text-align:left;align-items:start;padding:14px 18px;display:flex}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-cell--feature{font-weight:var(--ds24-font-medium);color:var(--ds24-color-text);text-align:left;border-left:1px solid var(--ds24-color-border);font-size:14px}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-grid .cmp-row:nth-child(odd) .cmp-cell{background:#f9fafb}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-mark{vertical-align:middle;font-size:14px;line-height:1;font-weight:var(--ds24-font-medium);border-radius:6px;margin-top:-2px;margin-right:4px;padding:6px 8px 4px;display:inline-block}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-mark.type--positive{color:#166534;background:#dcfce7}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-mark.type--negative{color:#991b1b;background:#fee2e2}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-mark.type--neutral{color:#92400e;background:#fef3c7}@media (width<=680px){.ds24-segment--blog .ds24-component--compare.layout--full .cmp-header-row{display:none}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-subtitle{margin-bottom:20px}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-row{border:1px solid var(--ds24-color-border);grid-template-rows:auto auto;grid-template-columns:1fr 1fr;margin-bottom:12px;display:grid;overflow:hidden}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-cell--feature{border-bottom:1px solid var(--ds24-color-border);border-left:none;border-right:none;grid-column:1/-1;padding:8px 14px;background:#f3f4f6!important}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-cell--left,.ds24-segment--blog .ds24-component--compare.layout--full .cmp-cell--right{border:none;flex-direction:column;align-items:flex-start;padding:10px 14px;font-size:14px}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-cell--left{border-right:1px solid var(--ds24-color-border)}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-cell--left:before,.ds24-segment--blog .ds24-component--compare.layout--full .cmp-cell--right:before{content:attr(data-col);text-transform:uppercase;letter-spacing:.05em;color:var(--ds24-color-text-muted);margin-bottom:10px;font-size:10px;font-weight:700;display:block}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-grid .cmp-row:nth-child(odd) .cmp-cell{background:unset}.ds24-segment--blog .ds24-component--compare.layout--full .cmp-mark{margin-right:2px;font-size:12px}}.ds24-segment--blog .ds24-component--download-block{margin-block:2rem}.ds24-segment--blog .ds24-component--download-block .ds24-headline{margin-block-end:1rem}.ds24-segment--blog .ds24-component--download-block .ds24-items{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.ds24-segment--blog .ds24-component--download-block .ds24-item{border:1px solid var(--ds24-color-border);border-radius:var(--ds24-radius-md);background:var(--ds24-color-surface);align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.ds24-segment--blog .ds24-component--download-block .ds24-item:before{display:none}.ds24-segment--blog .ds24-component--download-block .ds24-element--icon{color:var(--ds24-color-primary);flex-shrink:0;display:flex}.ds24-segment--blog .ds24-component--download-block .ds24-label{font-weight:var(--ds24-font-weight-medium);word-break:break-word;flex:1}.ds24-segment--blog .ds24-component--download-block .ds24-label:before{content:attr(data-filetype);font-size:12px;font-weight:var(--ds24-font-bold);letter-spacing:.06em;color:var(--ds24-color-text-muted);margin-inline-end:14px;position:relative;top:-1px}.ds24-segment--blog .ds24-component--download-block .ds24-element--button.type--secondary{white-space:nowrap;padding:var(--ds24-space-btn-sm) var(--ds24-space-btn-md);flex-shrink:0;text-decoration:none}@media (width<=743px){.ds24-segment--blog .ds24-component--download-block .ds24-item{flex-wrap:wrap}.ds24-segment--blog .ds24-component--download-block .ds24-element--button.type--secondary{text-align:center;width:100%}}.ds24-segment--blog .ds24-component--accordion-block{margin:2em 0}.ds24-segment--blog .ds24-component--accordion-block .accordion-block-headline{margin:0 0 1em}.ds24-segment--blog .ds24-component--accordion-block .accordion-block-item{border-bottom:1px solid var(--ds24-color-border)}.ds24-segment--blog .ds24-component--accordion-block .accordion-block-item:first-child{border-top:1px solid var(--ds24-color-border)}.ds24-segment--blog .ds24-component--accordion-block .accordion-block-title{padding:var(--ds24-space-xs) 0;color:var(--ds24-color-text);cursor:pointer;user-select:none;font-weight:var(--ds24-font-medium);justify-content:space-between;align-items:center;gap:16px;margin:0;transition:opacity .2s;display:flex}.ds24-segment--blog .ds24-component--accordion-block .accordion-block-title:hover{opacity:.75}.ds24-segment--blog .ds24-component--accordion-block .accordion-block-title:after{content:"+";text-align:center;flex-shrink:0;width:1.25em;font-size:1.25em;font-weight:300;line-height:1}.ds24-segment--blog .ds24-component--accordion-block .accordion-block-title[aria-expanded=true]:after{content:"−"}.ds24-segment--blog .ds24-component--accordion-block .accordion-block-text{max-height:0;transition:max-height .3s;overflow:hidden}.ds24-segment--blog .ds24-component--accordion-block .accordion-block-text-inner{padding-bottom:1.25em}.ds24-segment--blog .ds24-component--accordion-block .accordion-block-text-inner p:first-child,.ds24-segment--blog .ds24-component--accordion-block .accordion-block-text-inner ul:first-child,.ds24-segment--blog .ds24-component--accordion-block .accordion-block-text-inner ol:first-child{margin-top:0}.ds24-segment--blog .ds24-component--accordion-block .accordion-block-text-inner p:last-child,.ds24-segment--blog .ds24-component--accordion-block .accordion-block-text-inner ul:last-child,.ds24-segment--blog .ds24-component--accordion-block .accordion-block-text-inner ol:last-child{margin-bottom:0}.ds24-segment--blog .ds24-component--image-carousel{margin:2em 0;position:relative}.ds24-segment--blog .ds24-component--image-carousel .carousel-viewport{border-radius:var(--ds24-radius-md);transition:height .35s;overflow:hidden}.ds24-segment--blog .ds24-component--image-carousel .carousel-track{will-change:transform;transition:transform .45s;display:flex}.ds24-segment--blog .ds24-component--image-carousel .carousel-slide{flex:0 0 100%;min-width:0}.ds24-segment--blog .ds24-component--image-carousel .carousel-slide img{width:100%;height:auto;display:block}.ds24-segment--blog .ds24-component--image-carousel .carousel-caption{color:var(--ds24-color-text-muted);text-align:center;margin:0;padding:.6em .75em;font-size:.85em}.ds24-segment--blog .ds24-component--image-carousel .carousel-prev,.ds24-segment--blog .ds24-component--image-carousel .carousel-next{z-index:2;width:40px;height:40px;color:var(--ds24-color-text);cursor:pointer;opacity:0;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .2s,opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ds24-segment--blog .ds24-component--image-carousel .carousel-prev{left:12px}.ds24-segment--blog .ds24-component--image-carousel .carousel-next{right:12px}.ds24-segment--blog .ds24-component--image-carousel:hover .carousel-prev,.ds24-segment--blog .ds24-component--image-carousel:hover .carousel-next{opacity:1}.ds24-segment--blog .ds24-component--image-carousel .carousel-prev:hover,.ds24-segment--blog .ds24-component--image-carousel .carousel-next:hover{background:#fff}.ds24-segment--blog .ds24-component--image-carousel .carousel-prev svg,.ds24-segment--blog .ds24-component--image-carousel .carousel-next svg{pointer-events:none;width:20px;height:20px}.ds24-segment--blog .ds24-component--image-carousel .carousel-bullets{justify-content:center;gap:6px;padding:10px 0 0;display:flex}.ds24-segment--blog .ds24-component--image-carousel .carousel-bullet{background:var(--ds24-color-border);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.ds24-segment--blog .ds24-component--image-carousel .carousel-bullet.is--active{background:var(--ds24-color-accent);transform:scale(1.25)}@media (width<=743px){.ds24-segment--blog .ds24-component--image-carousel .carousel-prev,.ds24-segment--blog .ds24-component--image-carousel .carousel-next{width:32px;height:32px}.ds24-segment--blog .ds24-component--image-carousel .carousel-prev svg,.ds24-segment--blog .ds24-component--image-carousel .carousel-next svg{width:16px;height:16px}}.ds24-segment--blog .ds24-component--faq-block{background:#f9fafb;border-radius:8px;margin:3em 0 2em;padding:28px 32px 8px}.ds24-segment--blog .ds24-component--faq-block .faq-block-title{margin:0 0 30px}.ds24-segment--blog .ds24-component--faq-block .faq-block-item{border-bottom:1px solid var(--ds24-color-border)}.ds24-segment--blog .ds24-component--faq-block .faq-block-item:last-child{border-bottom:none}.ds24-segment--blog .ds24-component--faq-block .faq-block-question{padding:var(--ds24-space-xs) 0;color:var(--ds24-color-text);cursor:pointer;user-select:none;font-weight:var(--ds24-font-medium);justify-content:space-between;align-items:center;gap:16px;margin:0;transition:all .3s;display:flex}.ds24-segment--blog .ds24-component--faq-block .faq-block-question:hover{opacity:.75}.ds24-segment--blog .ds24-component--faq-block .faq-block-question:after{content:"+";text-align:center;flex-shrink:0;width:1.25em;font-size:1.25em;font-weight:300;line-height:1}.ds24-segment--blog .ds24-component--faq-block .faq-block-question[aria-expanded=true]:after{content:"−"}.ds24-segment--blog .ds24-component--faq-block .faq-block-answer{max-height:0;transition:max-height .3s;overflow:hidden}.ds24-segment--blog .ds24-component--faq-block .faq-block-answer-inner{padding-bottom:1.25em}.ds24-segment--blog .ds24-component--faq-block .faq-block-answer-inner p:first-child,.ds24-segment--blog .ds24-component--faq-block .faq-block-answer-inner ul:first-child,.ds24-segment--blog .ds24-component--faq-block .faq-block-answer-inner ol:first-child{margin-top:0}.ds24-segment--blog .ds24-component--faq-block .faq-block-answer-inner p:last-child,.ds24-segment--blog .ds24-component--faq-block .faq-block-answer-inner ul:last-child,.ds24-segment--blog .ds24-component--faq-block .faq-block-answer-inner ol:last-child{margin-bottom:0}@media (width<=743px){.ds24-segment--blog .ds24-component--faq-block{padding:20px 16px 8px}}.ds24-segment--blog .ds24-component--code-block{border-radius:var(--ds24-radius-md);border:1px solid var(--ds24-color-border);margin:1.75em 0;overflow:hidden}.ds24-segment--blog .ds24-component--code-block .code-filename{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;font-weight:var(--ds24-font-medium);color:#8b949e;background:#161b22;border-bottom:1px solid #30363d;padding:8px 20px}.ds24-segment--blog .ds24-component--code-block .shiki{border-radius:0;margin:0;padding:20px 24px;overflow-x:auto}.ds24-segment--blog .ds24-component--code-block .shiki code{counter-reset:none;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.65}.ds24-segment--blog .ds24-component--code-block{position:relative}.ds24-segment--blog .ds24-component--code-block .code-copy-btn{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;font-weight:var(--ds24-font-medium);color:#8b949e;border-radius:var(--ds24-radius-sm);cursor:pointer;z-index:1;background:#21262d;border:1px solid #30363d;padding:5px 10px;line-height:1;transition:color .15s,background .15s,border-color .15s;position:absolute;top:10px;right:12px}.ds24-segment--blog .ds24-component--code-block .code-copy-btn:hover{color:#e6edf3;background:#30363d;border-color:#8b949e}.ds24-segment--blog .ds24-component--code-block .code-copy-btn.is--copied{color:#3fb950;border-color:#3fb950}.ds24-segment--blog .ds24-component--code-block .code-filename{padding-right:70px}@media (width<=743px){.ds24-segment--blog .ds24-component--code-block .shiki{padding:16px}.ds24-segment--blog .ds24-component--code-block .shiki code{font-size:13px}}.ds24-segment--blog .ds24-component--toc.toc-desktop{flex-direction:column;height:100%;font-size:16px;display:flex}.ds24-segment--blog .ds24-component--toc.toc-desktop .toc-list{scrollbar-width:thin;scrollbar-color:var(--ds24-color-border) transparent;flex:1 1 0;min-height:0;padding-right:12px;overflow-y:scroll}.ds24-segment--blog .ds24-component--toc.toc-desktop .toc-list::-webkit-scrollbar{width:3px}.ds24-segment--blog .ds24-component--toc.toc-desktop .toc-list::-webkit-scrollbar-track{background:0 0}.ds24-segment--blog .ds24-component--toc.toc-desktop .toc-list::-webkit-scrollbar-thumb{background:var(--ds24-color-border);border-radius:2px}.ds24-segment--blog .ds24-component--toc.toc-desktop .toc-list::-webkit-scrollbar-thumb:hover{background:var(--ds24-color-accent)}.ds24-segment--blog .ds24-component--toc.toc-desktop .toc-list.has--fade-bottom{mask-image:linear-gradient(#000 calc(100% - 80px),#0000 100%)}.ds24-segment--blog .ds24-component--toc.toc-desktop .toc-list.has--fade-top{mask-image:linear-gradient(0deg,#000 calc(100% - 80px),#0000 100%)}.ds24-segment--blog .ds24-component--toc.toc-desktop .toc-list.has--fade-top.has--fade-bottom{mask-image:linear-gradient(#0000 0,#000 60px calc(100% - 80px),#0000 100%)}.ds24-segment--blog .ds24-component--toc.toc-desktop .toc-author,.ds24-segment--blog .ds24-component--toc.toc-desktop .toc-share{flex-shrink:0}.ds24-segment--blog .ds24-component--toc .toc-title{font-size:24px;font-weight:var(--ds24-font-medium);color:var(--ds24-color-black);margin-bottom:16px;line-height:1.2}.ds24-segment--blog .ds24-component--toc .toc-list{list-style:none}.ds24-segment--blog .ds24-component--toc .toc-item{padding:var(--ds24-space-xs) 0;border-top:none;border-bottom:1px solid var(--ds24-color-border)}.ds24-segment--blog .ds24-component--toc .toc-item:last-of-type{border-bottom:none}.ds24-segment--blog .ds24-component--toc .toc-link{color:var(--ds24-color-black);text-decoration:underline;-webkit-text-decoration-color:var(--ds24-color-accent);text-decoration-color:var(--ds24-color-accent);text-underline-offset:4px;font-size:16px;line-height:1.2;font-weight:var(--ds24-font-medium);padding:0 16px 0 0;text-decoration-thickness:2px;transition:all .3s;display:block;position:relative}.ds24-segment--blog .ds24-component--toc .toc-link:hover{-webkit-text-decoration-color:var(--ds24-color-border);text-decoration-color:var(--ds24-color-border)}.ds24-segment--blog .ds24-component--toc .toc-link:after{content:"";opacity:0;border:2px solid #9da9b0;border-width:2px 2px 0 0;width:8px;height:8px;transition:all .3s;position:absolute;top:4px;right:4px;transform:rotate(45deg)}.ds24-segment--blog .ds24-component--toc .toc-link.is-active:after{border-color:var(--ds24-color-accent)}.ds24-segment--blog .ds24-component--toc .toc-link.is-active:hover:after{border-color:#9da9b0}.ds24-segment--blog .ds24-component--toc .toc-link.is-active:after,.ds24-segment--blog .ds24-component--toc .toc-link:hover:after{opacity:1;right:2px}.ds24-segment--blog .ds24-component--toc .toc-author{border-top:1px solid var(--ds24-color-border);margin-top:20px;padding-top:20px}.ds24-segment--blog .ds24-component--toc .toc-author-inner{gap:var(--ds24-space-xs);color:inherit;align-items:center;text-decoration:none;transition:opacity .2s;display:flex}.ds24-segment--blog .ds24-component--toc .toc-author-info:hover{opacity:.75}.ds24-segment--blog .ds24-component--toc .toc-author-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:60px;height:60px}.ds24-segment--blog .ds24-component--toc .toc-avatar-placeholder{background:var(--ds24-color-bg-off);border-radius:50%;flex-shrink:0;width:50px;height:50px}.ds24-segment--blog .ds24-component--toc .toc-author-info{flex-direction:column;display:flex}.ds24-segment--blog .ds24-component--toc .toc-author-label{font-size:12px;font-weight:var(--ds24-font-medium);color:var(--ds24-color-accent);margin-bottom:6px}.ds24-segment--blog .ds24-component--toc .toc-author-name{font-size:14px;font-weight:var(--ds24-font-bold);color:var(--ds24-color-black)}.ds24-segment--blog .ds24-component--toc .toc-author-role{color:var(--ds24-color-muted);font-size:12px;font-weight:var(--ds24-font-medium)}.ds24-segment--blog .ds24-component--toc .toc-share{padding-top:var(--ds24-space-md);border-top:1px solid var(--ds24-color-border);align-items:center;margin-top:20px;display:flex}.ds24-segment--blog .ds24-component--toc .toc-share-label{font-size:14px;font-weight:var(--ds24-font-bold);color:var(--ds24-color-black);margin-right:20px;position:relative;top:2px}.ds24-segment--blog .ds24-component--toc .toc-share-icons{border-left:1px solid var(--ds24-color-border);gap:12px;padding:10px 20px;display:flex}.ds24-segment--blog .ds24-component--toc .toc-share-icon{color:var(--ds24-color-muted);align-items:center;transition:color .2s;display:flex}.ds24-segment--blog .ds24-component--toc .toc-share-icon:hover{color:var(--ds24-color-black)}.ds24-segment--blog .toc-mobile-trigger{z-index:90;background:var(--ds24-color-accent);width:50px;height:50px;font-family:var(--ds24-font-family);cursor:pointer;color:var(--ds24-color-white);border:none;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:none;position:fixed;bottom:10px;right:10px}.ds24-segment--blog .toc-mobile-trigger svg{flex-shrink:0;width:24px;height:24px}.ds24-segment--blog .toc-mobile-trigger span{font-size:10px;font-weight:var(--ds24-font-bold);text-transform:uppercase;letter-spacing:.04em;line-height:1}.ds24-segment--blog .toc-mobile-trigger.is-hidden{display:none}.ds24-segment--blog .toc-mobile-backdrop{z-index:99;opacity:0;background:#0006;transition:opacity .3s;display:none;position:fixed;inset:0}.ds24-segment--blog .toc-mobile-backdrop.is-open{opacity:1}.ds24-segment--blog .toc-mobile-sheet{background:var(--ds24-color-white);height:100dvh;box-shadow:none;padding-top:calc(var(--ds24-header-height) + var(--ds24-subnav-height));z-index:1;border-radius:0;flex-direction:column;transition:transform .35s cubic-bezier(.4,0,.2,1);display:none;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.ds24-segment--blog .toc-mobile-sheet.is-open{transform:translateY(0)}.ds24-segment--blog .toc-sheet-header{padding:var(--ds24-space-md);border-bottom:1px solid var(--ds24-color-border);flex-shrink:0;align-items:center;display:flex}.ds24-segment--blog .toc-sheet-header .toc-title{margin-bottom:0;position:relative;top:2px}.ds24-segment--blog .toc-mobile-close{z-index:101;background:var(--ds24-color-black);cursor:pointer;width:50px;height:50px;color:var(--ds24-color-white);border:none;border-radius:25px;justify-content:center;align-items:center;display:none;position:fixed;bottom:10px;right:10px}.ds24-segment--blog .toc-mobile-close svg{flex-shrink:0;width:24px;height:24px}.ds24-segment--blog .toc-mobile-close.is-visible{display:flex}.ds24-segment--blog .toc-sheet-body{min-height:0;padding:var(--ds24-space-md);flex-direction:column;flex:1;display:flex}.ds24-segment--blog .toc-sheet-body .toc-list{flex:1 1 0;min-height:0;overflow-y:auto}.ds24-segment--blog .toc-sheet-body .toc-list.has--fade-bottom{mask-image:linear-gradient(#000 calc(100% - 80px),#0000 100%)}.ds24-segment--blog .toc-sheet-body .toc-list.has--fade-top{mask-image:linear-gradient(0deg,#000 calc(100% - 80px),#0000 100%)}.ds24-segment--blog .toc-sheet-body .toc-list.has--fade-top.has--fade-bottom{mask-image:linear-gradient(#0000 0,#000 60px calc(100% - 80px),#0000 100%)}.ds24-segment--blog .toc-share-mobile{border-top:1px solid var(--ds24-color-border);flex-shrink:0;margin-top:20px;padding-top:20px}@media (width<=1023px){.ds24-segment--blog .ds24-component--toc.toc-desktop{display:none}.ds24-segment--blog .toc-mobile-trigger,.ds24-segment--blog .toc-mobile-sheet,.ds24-segment--blog .toc-mobile-close.is-visible{display:flex}.ds24-segment--blog .toc-sheet-header,.ds24-segment--blog .toc-sheet-body{padding:var(--ds24-space-md)}}.ds24-segment--blog .ds24-component--author-bio{align-items:center;gap:var(--ds24-space-md);padding:var(--ds24-space-md) 0;border-top:1px solid var(--ds24-color-border);border-bottom:1px solid var(--ds24-color-border);margin-top:var(--ds24-space-lg);display:flex}.ds24-segment--blog .ds24-component--author-bio .author-left{align-items:center;gap:var(--ds24-space-xs);flex-shrink:0;max-width:280px;display:flex}.ds24-segment--blog .ds24-component--author-bio .author-avatar{flex-shrink:0;text-decoration:none;transition:opacity .2s;display:block}.ds24-segment--blog .ds24-component--author-bio .author-avatar img{object-fit:cover;border-radius:50%;width:80px;height:80px;display:block}.ds24-segment--blog .ds24-component--author-bio .avatar-placeholder{background:var(--ds24-color-border);border-radius:50%;width:80px;height:80px}.ds24-segment--blog .ds24-component--author-bio .author-info{flex-direction:column;gap:2px;display:flex}.ds24-segment--blog .ds24-component--author-bio .author-label{font-size:14px;font-weight:var(--ds24-font-medium);color:var(--ds24-color-accent)}.ds24-segment--blog .ds24-component--author-bio .author-name{font-size:18px;font-weight:var(--ds24-font-bold);color:var(--ds24-color-black);text-decoration:none;transition:all .2s}.ds24-segment--blog .ds24-component--author-bio a.author-name:hover{opacity:.75}.ds24-segment--blog .ds24-component--author-bio .author-role{color:var(--ds24-color-muted);font-size:14px;font-weight:var(--ds24-font-medium)}.ds24-segment--blog .ds24-component--author-bio .author-divider{background:var(--ds24-color-border);flex-shrink:0;align-self:stretch;width:1px}.ds24-segment--blog .ds24-component--author-bio .author-right{flex:1;min-width:0}.ds24-segment--blog .ds24-component--author-bio .author-bio-text{font-size:18px;font-weight:var(--ds24-font-light);color:var(--ds24-color-black);margin:0;line-height:1.2}@media (width<=1279px){.ds24-segment--blog .ds24-component--author-bio{flex-direction:column;align-items:start;gap:20px}}@media (width<=743px){.ds24-segment--blog .ds24-component--author-bio{align-items:flex-start;gap:var(--ds24-space-lg);flex-direction:column}.ds24-segment--blog .ds24-component--author-bio .author-divider{display:none}}