.cdd-blog-list [hidden],
.cdd-blog-article [hidden],
.article-float[hidden] {
display:none!important;
}

.cdd-blog-list,
.cdd-blog-article {
min-width:0;
overflow-x:clip;
}

.cdd-blog-hero {
display:block;
padding-block:var(--hero-pad) var(--space-7);
background:var(--light);
color:var(--ink);
}

.cdd-blog-heading {
min-width:0;
}

.cdd-blog-heading h1 {
margin:0;
font-family:var(--fh);
font-size:var(--text-display);
line-height:var(--lh-heading);
letter-spacing:var(--tracking-heading);
overflow-wrap:break-word;
}

.cdd-blog-heading>p {
margin:var(--space-4) 0 0;
max-width:52rem;
font-size:var(--text-md);
line-height:var(--lh-body);
color:var(--muted);
}

.cdd-blog-count {
display:inline-flex;
align-items:center;
gap:var(--space-2);
margin-top:var(--space-4);
padding:.4em .9em;
border-radius:var(--radius-pill);
background:var(--neutral);
color:var(--neutral-ink);
font-size:var(--text-sm);
line-height:1;
width:fit-content;
}

#blg-article-count {
font-family:var(--fm);
font-variant-numeric:tabular-nums;
}

.cdd-blog-content {
padding-block:var(--space-7) var(--space-section);
}

.cdd-blog-panel {
min-width:0;
}

.cdd-blog-panel+.cdd-blog-panel {
margin-top:var(--space-section);
}

.blg-magazine {
display:grid;
grid-template-columns:minmax(0,1fr);
margin-bottom:var(--space-5);
}

.blog-grid.blg-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-5);
align-items:stretch;
}

.blog-card.blg-featured {
display:flex;
flex-direction:column;
gap:0;
min-width:0;
height:auto;
min-height:0;
align-self:start;
border-radius:var(--r-block);
overflow:hidden;
background:var(--surface);
color:var(--ink);
text-decoration:none;
box-shadow:var(--shadow-card);
transition:transform var(--transition) var(--ease),box-shadow var(--transition) var(--ease);
}

.blg-magazine>.blg-featured {
grid-column:1/-1;
}

.blog-card.blg-featured:hover {
transform:translateY(-4px);
box-shadow:var(--shadow-hover);
}

.blog-card.blg-featured:focus-visible {
outline:2px solid var(--focus);
outline-offset:4px;
}

.blg-featured__media {
position:relative;
width:100%;
height:clamp(15rem,22vw,20rem);
min-width:0;
overflow:hidden;
background:var(--dark);
color:var(--on-dark);
}

.blg-featured__img {
display:block;
width:100%;
height:100%;
object-fit:cover;
transition:transform var(--transition) var(--ease);
}

.blog-card:hover .blg-featured__img {
transform:scale(1.025);
}

.blg-featured__shade {
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(31,42,51,.08),rgba(31,42,51,.94));
color:#fff;
pointer-events:none;
}

.blg-featured__overlay {
position:absolute;
inset:auto 0 0;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-3);
padding:var(--space-5);
min-width:0;
color:#fff;
}

.blg-featured__pill {
display:inline-flex;
align-items:center;
gap:.4em;
padding:.4em .9em;
width:fit-content;
border-radius:var(--radius-pill);
background:var(--paper);
color:var(--dark);
line-height:1;
font-size:var(--text-sm);
}

.blg-featured__hl {
margin:0;
font-family:var(--fh);
font-size:1.3rem;
line-height:var(--lh-card);
letter-spacing:var(--tracking-card);
color:#fff;
overflow-wrap:break-word;
min-width:0;
}

.blg-featured__body {
display:flex;
flex-direction:column;
gap:var(--space-3);
padding:var(--space-5);
min-width:0;
flex:1;
}

.blg-featured__excerpt {
margin:0 0 var(--space-3);
font-size:1rem;
line-height:var(--lh-body);
color:var(--body);
overflow-wrap:break-word;
}

.blg-featured__meta {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-2);
margin-top:auto;
color:var(--muted);
}

.blg-featured__hint {
font-size:var(--text-sm);
line-height:var(--lh-small);
font-variant-numeric:tabular-nums;
}

.blg-featured.blg-compact {
display:flex;
flex-direction:column;
height:100%;
align-self:stretch;
}

.blg-featured.blg-compact .blg-featured__media {
height:clamp(14rem,19vw,17rem);
}

.blg-featured.blg-compact .blg-featured__overlay {
padding:var(--space-4);
}

.blg-featured.blg-compact .blg-featured__body {
padding:var(--space-4);
}

.blg-featured.blg-compact .blg-featured__hl {
font-size:1.2rem;
color:#fff;
}

.blg-featured.blg-compact .blg-featured__body>.blg-featured__hl {
color:var(--ink);
}

.blg-featured.blg-compact .blg-featured__body>.blg-featured__pill {
background:var(--neutral);
color:var(--neutral-ink);
}

.cdd-blog-empty-head {
margin-bottom:var(--space-5);
}

.cdd-blog-empty-head h2,
.cdd-blog-empty-head p {
margin:0;
}

.cdd-blog-empty-head h2 {
font-family:var(--fh);
font-size:var(--text-lg);
line-height:var(--lh-card);
}

.cdd-blog-empty-head p {
margin-top:var(--space-3);
color:var(--muted);
font-size:1rem;
line-height:var(--lh-body);
}

.cdd-blog-entry-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-4);
align-items:stretch;
}

.cdd-blog-entry {
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-5);
border-radius:var(--r-block);
background:var(--s1);
color:var(--i1);
text-decoration:none;
transition:transform var(--transition) var(--ease);
}

.cdd-blog-entry+.cdd-blog-entry {
background:var(--s2);
color:var(--i2);
}

.cdd-blog-entry:hover {
transform:translateY(-4px);
}

.cdd-blog-entry:focus-visible {
outline:2px solid var(--focus);
outline-offset:4px;
}

.cdd-blog-entry h3,
.cdd-blog-entry p {
margin:0;
color:inherit;
}

.cdd-blog-entry h3 {
font-family:var(--fh);
font-size:var(--text-lg);
line-height:var(--lh-card);
overflow-wrap:break-word;
}

.cdd-blog-entry p {
font-size:1rem;
line-height:var(--lh-body);
}

.cdd-blog-entry-label {
font-size:var(--text-sm);
font-weight:600;
}

.cdd-blog-entry-foot {
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-3);
margin-top:auto;
padding-top:var(--space-3);
font-size:var(--text-sm);
}

.cdd-blog-closing {
padding-block:var(--space-5) var(--space-close,var(--space-section));
}

.cdd-blog-closing .c-close-card {
padding:var(--space-6);
border-radius:var(--r-block);
background:var(--dark);
color:var(--on-dark);
}

.cdd-blog-closing .c-close-card h2 {
font-size:1.6rem;
line-height:var(--lh-card);
color:var(--on-dark);
}

.cdd-blog-closing .c-close-card p {
color:var(--on-dark-body);
}

.cdd-blog-closing .c-btn-ghost {
background:var(--dark);
color:var(--on-dark);
border-color:var(--line-dark);
}

.cdd-article-reading {
width:min(calc(100% - var(--gutter)*2),56rem);
margin-inline:auto;
padding-top:var(--hero-pad);
padding-bottom:var(--space-7);
min-width:0;
}

.cdd-article-reading>* {
min-width:0;
padding-inline:0;
}

.cdd-article-crumb {
margin-bottom:var(--crumb-gap);
}

.cdd-article-crumb ol {
display:flex;
flex-wrap:nowrap;
align-items:center;
gap:0;
min-width:0;
margin:0;
padding:0;
list-style:none;
}

.cdd-article-crumb li {
display:flex;
align-items:center;
flex:0 0 auto;
min-width:0;
white-space:nowrap;
}

.cdd-article-crumb li:last-child {
flex:1 1 auto;
overflow:hidden;
}

.cdd-article-crumb li+li::before {
content:"/";
flex:none;
margin-inline:.6rem;
color:var(--muted);
}

.cdd-article-crumb [aria-current="page"] {
display:block;
min-width:0;
max-width:38ch;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.cdd-article-crumb a {
color:var(--body);
text-underline-offset:.2em;
}

.cdd-article-crumb {
font-size:var(--text-sm);
line-height:var(--lh-small);
color:var(--muted);
}

.cdd-article-head h1 {
margin:0;
font-family:var(--fh);
font-size:clamp(1.8rem,3vw,2.8rem);
line-height:1.2;
letter-spacing:var(--tracking-heading);
color:var(--ink);
overflow-wrap:break-word;
}

.cdd-article-meta {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-2);
margin-top:var(--space-4);
}

.blog-article-date,
.blog-article-lead {
display:inline-flex;
flex-wrap:wrap;
align-items:center;
gap:.4em;
width:fit-content;
padding:.5em .9em;
border-radius:var(--radius-pill);
background:var(--neutral);
color:var(--neutral-ink);
font-size:var(--text-sm);
line-height:var(--lh-small);
margin:0;
font-variant-numeric:tabular-nums;
}

.article-hero {
margin:var(--space-5) 0;
}

.article-hero img {
display:block;
width:100%;
height:clamp(14rem,30vw,27rem);
max-height:480px;
object-fit:cover;
border-radius:var(--r-block);
background:var(--s1);
color:var(--i1);
box-shadow:var(--shadow-card);
}

.blog-article-body {
font-size:1rem;
line-height:1.7;
color:var(--body);
overflow-wrap:break-word;
}

.blog-article-body h2,
.blog-article-body h3 {
margin:var(--space-6) 0 var(--space-3);
font-family:var(--fh);
font-size:1.3125rem;
font-weight:650;
line-height:var(--lh-card);
letter-spacing:var(--tracking-card);
color:var(--ink);
}

.blog-article-body h3 {
margin-top:var(--space-5);
}

.blog-article-body [id] {
scroll-margin-top:calc(var(--header-height) + var(--space-4));
}

.blog-article-body p,
.blog-article-body ul,
.blog-article-body ol,
.blog-article-body dl {
margin:0 0 var(--space-4);
}

.blog-article-body ul,
.blog-article-body ol {
padding-inline-start:var(--space-4);
}

.blog-article-body li+li {
margin-top:var(--space-2);
}

.blog-article-body a:not(.c-btn) {
color:var(--primary);
text-underline-offset:.2em;
}

.blog-article-body a:not(.c-btn):hover {
color:var(--primary-hover);
}

.blog-article-body a:not(.c-btn):focus-visible {
outline:2px solid var(--focus);
outline-offset:3px;
}

.blog-article-body dt {
font-weight:700;
color:var(--ink);
}

.blog-article-body dd {
margin:var(--space-2) 0 var(--space-3) var(--space-3);
padding-inline-start:var(--space-3);
border-inline-start:1px solid var(--line);
}

.blog-article-body pre {
position:relative;
overflow-x:auto;
max-width:100%;
margin:var(--space-4) 0;
padding:var(--space-4);
border-radius:var(--r-card);
background:var(--dark);
color:var(--on-dark-body);
font-family:var(--fm);
font-size:.875rem;
line-height:1.6;
}

.blog-article-body code {
font-family:var(--fm);
}

.blog-article-body :not(pre)>code {
padding:.15em .35em;
border-radius:var(--radius-sm);
background:var(--neutral);
color:var(--neutral-ink);
overflow-wrap:anywhere;
}

.blog-article-body pre code {
display:block;
max-width:100%;
overflow-x:auto;
}

.blog-article-body blockquote {
margin:var(--space-4) 0;
padding:var(--space-4);
border-radius:var(--r-card);
background:var(--s2);
color:var(--i2);
}

.blog-article-body blockquote p {
margin:0;
color:inherit;
}

.blog-article-body mark {
padding:.1em .25em;
border-radius:var(--radius-sm);
background:var(--s2);
color:var(--i2);
box-decoration-break:clone;
-webkit-box-decoration-break:clone;
}

.blog-article-body del {
color:var(--muted);
}

.blog-article-body figure {
margin:var(--space-4) 0;
}

.blog-article-body img {
display:block;
max-width:100%;
height:auto;
border-radius:var(--r-card);
box-shadow:var(--shadow-card);
}

.blog-article-body figcaption {
margin-top:var(--space-2);
color:var(--muted);
font-size:var(--text-sm);
line-height:var(--lh-small);
text-align:center;
}

.blog-article-body .table-scroll {
position:relative;
overflow-x:auto;
max-width:100%;
margin:var(--space-4) 0;
}

.blog-article-body table {
display:table;
width:100%;
border-collapse:collapse;
margin:var(--space-4) 0;
background:var(--paper);
color:var(--ink);
font-size:1rem;
text-align:left;
}

.blog-article-body .table-scroll>table {
margin:0;
}

.blog-article-body th,
.blog-article-body td {
padding:var(--space-3);
border-bottom:1px solid var(--line);
vertical-align:top;
text-align:left;
min-width:8rem;
overflow-wrap:break-word;
font-variant-numeric:tabular-nums;
}

.blog-article-body th {
background:var(--light);
color:var(--ink);
font-weight:650;
}

.blog-article-body .article-toc {
margin:var(--space-4) 0;
padding:var(--space-4);
border-radius:var(--r-card);
background:var(--s1);
color:var(--i1);
}

.blog-article-body .article-toc__title {
margin:0 0 var(--space-3);
font-family:var(--fh);
font-weight:700;
color:var(--i1);
}

.blog-article-body .article-toc__list,
.blog-article-body .article-toc__sublist {
margin-bottom:0;
}

.article-toc__list>li::marker {
color:var(--primary);
font-weight:700;
}

.blog-article-body .article-toc__sublist {
margin-top:var(--space-2);
}

.blog-article-body .article-toc a:not(.c-btn) {
color:var(--i1);
}

.article-faq__item {
margin:var(--space-3) 0;
border-radius:var(--r-card);
background:var(--paper);
color:var(--ink);
box-shadow:var(--shadow-card);
}

.article-faq__q {
padding:var(--space-3) var(--space-4);
cursor:pointer;
font-weight:650;
line-height:var(--lh-small);
}

.article-faq__q::marker {
color:var(--primary);
}

.article-faq__a {
margin-inline:var(--space-4);
padding:var(--space-3) var(--space-3) var(--space-3);
border-top:1px solid var(--line);
background:var(--paper);
color:var(--body);
}

.article-faq__a p:last-child {
margin-bottom:0;
}

.blog-article-body .article-further-reading {
margin:var(--space-4) 0;
}

.blog-article-body .article-further-reading h3 {
margin-top:0;
}

.blog-article-body .article-further-reading ul {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
padding:0;
margin:0;
list-style:none;
}

.blog-article-body .article-further-reading li {
min-width:0;
margin:0;
}

.blog-article-body a.article-cta-link {
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--space-3);
height:100%;
padding:var(--space-4);
border:1px solid var(--line);
border-radius:var(--r-card);
background:var(--paper);
color:var(--ink);
text-decoration:none;
transition:transform var(--transition) var(--ease);
}

.blog-article-body a.article-cta-link:hover {
transform:translateY(-3px);
color:var(--ink);
}

.article-mac-promo {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:var(--space-4);
margin:var(--space-4) 0;
padding:var(--space-4);
border-radius:var(--r-card);
background:var(--s4);
color:var(--i4);
}

.blog-article-body .article-mac-promo>p {
flex:1 1 18rem;
min-width:0;
margin:0;
font-weight:600;
color:var(--i4);
}

.article-mac-promo .c-actions {
margin-top:0;
gap:var(--space-2);
}

.article-mac-promo .c-btn-ghost {
color:var(--i4);
border-color:var(--line);
}

.article-float {
position:fixed;
right:var(--gutter);
bottom:var(--space-4);
z-index:var(--z-menu);
display:flex;
flex-direction:column;
gap:var(--space-3);
width:min(calc(100% - var(--gutter)*2),18rem);
padding:var(--space-4);
border-top:3px solid var(--primary);
border-radius:var(--r-card);
background:var(--dark);
color:var(--on-dark);
box-shadow:var(--shadow-hover);
}

.article-float__head {
display:flex;
align-items:flex-start;
gap:var(--space-2);
min-width:0;
}

.article-float__title {
flex:1;
min-width:0;
margin:0;
font-family:var(--fh);
font-size:1rem;
line-height:var(--lh-small);
color:var(--on-dark);
overflow-wrap:break-word;
}

.article-float__close {
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
width:2rem;
height:2rem;
padding:var(--space-1);
border:1px solid var(--line-dark);
border-radius:var(--radius-sm);
background:var(--dark);
color:var(--on-dark);
cursor:pointer;
}

.article-float__close svg {
display:block;
width:1.25rem;
height:1.25rem;
}

.article-float__close:hover {
background:var(--plate-cell);
color:var(--on-dark);
}

.article-float__close:focus-visible {
outline:2px solid var(--focus);
outline-offset:3px;
}

.article-float__cta {
width:100%;
justify-content:center;
font-size:var(--text-sm);
}

html[data-layout-depth="2"] .site-header :is(.c-language,[data-language-mount],[data-language]) {
visibility:hidden;
pointer-events:none;
order:-1;
}

html[data-layout-depth="2"] .site-header :is(.c-lang-menu,[data-language-menu]) {
display:none!important;
}

html[data-layout-depth="2"] [data-footer-languages] {
display:none!important;
}

@media (max-width:900px) {
.article-float {
display:none!important;
}
}

@media (max-width:42rem) {
.cdd-blog-hero {
padding-top:var(--hero-pad);
padding-bottom:var(--space-5);
}

.cdd-blog-content {
padding-top:var(--space-5);
}

.blog-grid.blg-grid,
.cdd-blog-entry-grid,
.blog-article-body .article-further-reading ul {
grid-template-columns:minmax(0,1fr);
}

.blg-featured__overlay,
.blg-featured__body {
padding:var(--space-4);
}

.blg-featured__media,
.blg-featured.blg-compact .blg-featured__media {
height:15rem;
}

.cdd-blog-closing .c-close-card {
padding:var(--space-4);
}

.cdd-article-head h1 {
font-size:2rem;
}

.cdd-article-crumb {
font-size:var(--text-sm);
}

.article-hero img {
height:14rem;
}

.article-mac-promo {
display:flex;
flex-direction:column;
align-items:stretch;
}

.blog-article-body .article-mac-promo>p {
flex:0 1 auto;
}

.article-mac-promo .c-actions {
display:flex;
flex-direction:column;
align-items:stretch;
}

.article-mac-promo .c-btn {
justify-content:center;
}

.blog-article-body th,
.blog-article-body td {
min-width:7rem;
padding:var(--space-3);
}
}

@media (prefers-reduced-motion:reduce) {
.blog-card.blg-featured,
.blg-featured__img,
.cdd-blog-entry,
.blog-article-body a.article-cta-link {
transition:none;
transform:none;
}

.blog-card.blg-featured:hover,
.blog-card:hover .blg-featured__img,
.cdd-blog-entry:hover,
.blog-article-body a.article-cta-link:hover {
transform:none;
}
}