/* Editorial archive, using the shared Cando typography, colors and components. */
.cando-blog-page{background:var(--cando-background-surface)}
.blog-shell{max-width:min(var(--cando-layout-max),1280px);margin-inline:auto;padding:var(--cando-space-6) var(--cando-space-4) var(--cando-space-16)}
.blog-shell :is(h1,h2,h3,p){margin:0}
.blog-breadcrumb{display:flex;align-items:center;gap:var(--cando-space-2);color:var(--cando-text-tertiary);font-size:var(--cando-body-s-size);margin-block-end:var(--cando-space-6)}
.blog-breadcrumb .cando-icon{width:14px;height:14px}
.blog-intro{display:grid;gap:var(--cando-space-6);padding-block:var(--cando-space-4) var(--cando-space-8);border-block-end:1px solid var(--cando-border-disabled)}
.blog-eyebrow{display:inline-block;color:var(--cando-primary-500);font-size:var(--cando-body-s-size);font-weight:var(--cando-font-weight-medium);border-inline-start:3px solid var(--cando-brand-500);padding-inline-start:var(--cando-space-2);margin-block-end:var(--cando-space-3)}
.blog-intro h1{font-size:var(--cando-heading-lg-size);line-height:var(--cando-heading-lg-lh);font-weight:var(--cando-font-weight-extrabold);color:var(--cando-primary-500)}
.blog-intro p{color:var(--cando-text-tertiary);font-size:var(--cando-body-lg-size);line-height:var(--cando-body-lg-lh);margin-block-start:var(--cando-space-3)}
.blog-search{display:flex;align-items:center;background:var(--cando-neutral-0);border:1px solid var(--cando-border-disabled);border-radius:8px;min-width:0}
.blog-search input{background:transparent;border:0;min-width:0;width:100%;padding:var(--cando-space-3) var(--cando-space-4);min-height:48px;color:var(--cando-text-primary)}
.blog-search:focus-within{border-color:var(--cando-primary-400)}
.blog-search input:focus-visible{outline:none}
.blog-search button{display:grid;place-items:center;min-width:48px;min-height:48px;border:0;background:transparent;border-radius:8px}
.blog-search button:hover{background:var(--cando-primary-50)}
.blog-featured{margin-block:var(--cando-space-8)}
.blog-featured__grid,.blog-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--cando-space-6)}
.blog-card{min-width:0;display:flex;flex-direction:column;background:var(--cando-background-surface);border:1px solid var(--cando-border-disabled);border-radius:12px;overflow:hidden;transition:border-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing),box-shadow var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.blog-card:hover,.blog-card:focus-within{border-color:var(--cando-primary-200);box-shadow:0 4px 16px color-mix(in srgb,var(--cando-primary-500) 8%,transparent)}
.blog-card__media{display:block;aspect-ratio:16/9;background:var(--cando-primary-50);overflow:hidden;flex-shrink:0}
.blog-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.blog-card__placeholder{height:100%;display:flex;gap:var(--cando-space-3);align-items:center;justify-content:center;color:var(--cando-primary-400);font-weight:var(--cando-font-weight-medium);background:linear-gradient(135deg,var(--cando-primary-50),var(--cando-primary-100))}
.blog-card__placeholder .cando-icon{width:32px;height:32px}
.blog-card__body{display:flex;flex-direction:column;align-items:start;flex:1;min-width:0;padding:var(--cando-space-5);gap:var(--cando-space-3)}
.blog-card__category{font-size:var(--cando-body-s-size);line-height:var(--cando-body-s-lh);background:var(--cando-brand-50);color:var(--cando-brand-800);padding:var(--cando-space-1) var(--cando-space-2);border-radius:4px}
.blog-card .blog-card__title{color:var(--cando-primary-500);font-size:var(--cando-body-xl-size);line-height:var(--cando-body-xl-lh);font-weight:var(--cando-font-weight-bold);overflow-wrap:anywhere}
.blog-card .blog-card__title a:hover{color:var(--cando-primary-400)}
.blog-card__excerpt{color:var(--cando-text-tertiary);font-size:var(--cando-body-m-size);line-height:var(--cando-body-m-lh);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--cando-space-2);width:100%;border-block-start:1px solid var(--cando-border-disabled);padding-block-start:var(--cando-space-3);margin-block-start:auto;font-size:var(--cando-body-s-size);color:var(--cando-text-tertiary)}
.blog-card__meta a{display:inline-flex;gap:var(--cando-space-2);align-items:center;color:var(--cando-primary-500);min-height:32px}
.blog-card__meta .cando-icon{width:16px;height:16px}
.blog-results{margin-block-start:var(--cando-space-8)}
.blog-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--cando-space-4);margin-block-end:var(--cando-space-5)}
.blog-section-heading h2{color:var(--cando-primary-500);font-size:var(--cando-heading-s-size);line-height:var(--cando-heading-s-lh)}
.blog-section-heading>span{color:var(--cando-text-tertiary);font-size:var(--cando-body-s-size);white-space:nowrap}
.blog-categories{display:flex;flex-wrap:wrap;gap:var(--cando-space-2);margin-block-end:var(--cando-space-6)}
.blog-categories a{display:inline-flex;align-items:center;min-height:44px;padding:var(--cando-space-2) var(--cando-space-4);border:1px solid var(--cando-border-disabled);border-radius:6px;color:var(--cando-text-tertiary);transition:background-color var(--cando-motion-hover-duration) var(--cando-motion-hover-easing)}
.blog-categories a:hover{background:var(--cando-primary-50);color:var(--cando-primary-500)}
.blog-categories a[aria-current]{background:var(--cando-primary-500);border-color:var(--cando-primary-500);color:var(--cando-background-surface)}
.blog-filter-note{padding-block-end:var(--cando-space-5);color:var(--cando-text-tertiary)}
.blog-filter-note a{display:inline-block;padding:var(--cando-space-2);color:var(--cando-primary-500);text-decoration:underline}
.blog-empty{text-align:center;background:var(--cando-neutral-0);padding:var(--cando-space-12) var(--cando-space-6);border-radius:12px}
.blog-empty>.cando-icon{width:40px;height:40px;color:var(--cando-primary-400);margin-block-end:var(--cando-space-4)}
.blog-empty p{color:var(--cando-text-tertiary);margin-block:var(--cando-space-3) var(--cando-space-6)}
@media(min-width:768px){.blog-shell{padding-inline:var(--cando-space-6)}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-featured__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card--lead{grid-column:1/-1}.blog-card--lead .blog-card__media{aspect-ratio:21/9}.blog-card--lead .blog-card__title{font-size:var(--cando-heading-s-size);line-height:var(--cando-heading-s-lh)}}
@media(min-width:1024px){.blog-intro{grid-template-columns:minmax(0,1fr) 360px;align-items:center}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-featured__grid{grid-template-columns:1.1fr 1fr;grid-template-rows:repeat(2,1fr)}.blog-card--lead{grid-column:auto;grid-row:1/3}.blog-card--lead .blog-card__media{aspect-ratio:2.4}.blog-card--compact{display:grid;grid-template-columns:36% minmax(0,1fr)}.blog-card--compact .blog-card__media{aspect-ratio:auto;height:100%;min-height:180px}.blog-card--compact .blog-card__body{padding:var(--cando-space-4);gap:var(--cando-space-2)}.blog-card--compact .blog-card__title{font-size:var(--cando-body-lg-size);line-height:var(--cando-body-lg-lh)}.blog-card--compact .blog-card__excerpt{display:none}.blog-featured__grid--single{grid-template-columns:1fr;grid-template-rows:auto}.blog-featured__grid--single .blog-card{display:grid;grid-template-columns:1fr 1fr}.blog-featured__grid--single .blog-card__media{aspect-ratio:2}}

.blog-review-note{padding:var(--cando-space-3) var(--cando-space-4);background:var(--cando-info-50);color:var(--cando-info-700);border-radius:6px;font-size:var(--cando-body-s-size)}
.blog-review-note a{text-decoration:underline;margin-inline-start:var(--cando-space-2)}

.blog-category__intro{padding:var(--cando-space-6);border:1px solid var(--cando-primary-100);border-radius:12px;background:linear-gradient(110deg,var(--cando-background-surface),var(--cando-primary-50));margin-block-start:var(--cando-space-6)}
.blog-category__intro h1{overflow-wrap:anywhere}
.blog-category__description>:last-child{margin-block-end:0}
.blog-category__description a{text-decoration:underline;color:var(--cando-primary-500)}
.blog-category__intro .blog-search{background:var(--cando-background-surface)}
.blog-category .blog-breadcrumb{flex-wrap:wrap}
@media(max-width:767px){.blog-category__intro{padding:var(--cando-space-5) var(--cando-space-4)}}