/* Public variables are read at use sites so host values can be inherited.
   No :root defaults: the consumer stylesheet may load before this asset. */
.cc-blog {
    box-sizing:border-box;
    width:100%; max-width:var(--cc-blog-max-width,1100px);
    margin:var(--cc-blog-margin,0 auto); padding:var(--cc-blog-padding,1.5rem .75rem);
    font-family:var(--cc-blog-font-family,inherit); font-size:var(--cc-blog-font-size,inherit);
    line-height:var(--cc-blog-line-height,1.5); color:var(--cc-blog-color,inherit);
    background:var(--cc-blog-background,transparent);
    --bs-border-color:var(--cc-blog-border-color,#ccd3dd);
    --bs-secondary-color:var(--cc-blog-muted-color,#6c757d);
}
.cc-blog a:not(.btn) { color:var(--cc-blog-link-color,var(--bs-link-color,#0d6efd)); text-decoration:var(--cc-blog-link-decoration,underline); }
.cc-blog a:not(.btn):hover { color:var(--cc-blog-link-hover-color,var(--bs-link-hover-color,#0a58ca)); }
.cc-blog :is(h1,h2,h3,h4) { font-family:var(--cc-blog-heading-font-family,inherit); color:var(--cc-blog-heading-color,inherit); font-weight:var(--cc-blog-heading-weight,500); line-height:var(--cc-blog-heading-line-height,1.2); margin-bottom:var(--cc-blog-heading-margin,.5rem); }
.cc-blog h1 { font-size:var(--cc-blog-title-size,calc(1.375rem + 1.5vw)); }
.cc-blog h2 { font-size:var(--cc-blog-section-title-size,calc(1.325rem + .9vw)); }
.cc-blog .h4 { font-size:var(--cc-blog-subtitle-size,1.5rem); }
.cc-blog p { margin-bottom:var(--cc-blog-paragraph-margin,1rem); }
.cc-blog :is(.text-muted,.form-text) { color:var(--cc-blog-muted-color,#6c757d) !important; }
.cc-blog .small,.cc-blog .form-text { font-size:var(--cc-blog-small-font-size,.875em); }
.cc-blog .cc-blog-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--cc-blog-card-min-width,280px)),1fr)); gap:var(--cc-blog-grid-gap,1.25rem); }
.cc-blog-public .cc-blog-grid.cc-blog-featured-grid { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
.cc-blog .card { background:var(--cc-blog-card-background,#fff); color:var(--cc-blog-card-color,inherit); border:var(--cc-blog-card-border,1px solid var(--cc-blog-border-color,#ccd3dd)); border-radius:var(--cc-blog-card-radius,.75rem); box-shadow:var(--cc-blog-card-shadow,none); }
.cc-blog a.cc-blog-card { display:flex; flex-direction:column; overflow:hidden; height:100%; color:var(--cc-blog-card-color,var(--cc-blog-color,inherit)); text-decoration:none; cursor:pointer; transition:var(--cc-blog-card-transition,border-color .18s ease,box-shadow .18s ease,transform .18s ease); }
.cc-blog a.cc-blog-card:hover,.cc-blog a.cc-blog-card:focus-within { color:inherit; text-decoration:none; border-color:var(--cc-blog-card-hover-border-color,var(--cc-blog-border-color,#ccd3dd)); box-shadow:var(--cc-blog-card-hover-shadow,var(--cc-blog-card-shadow,none)); transform:var(--cc-blog-card-hover-transform,none); }
.cc-blog a.cc-blog-card:focus-visible { outline:var(--cc-blog-card-focus-outline,3px solid var(--cc-blog-focus-color,#86b7fe)); outline-offset:var(--cc-blog-card-focus-offset,3px); }
.cc-blog a.cc-blog-card, .cc-blog a.cc-blog-card * { cursor:pointer; }
.cc-blog .card-body { padding:var(--cc-blog-card-padding,1rem); }
.cc-blog .cc-blog-card h3 { font-size:var(--cc-blog-card-title-size,1.25rem); display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cc-blog .cc-blog-card-featured h3 { font-size:var(--cc-blog-featured-title-size,1.35rem); }
.cc-blog a.cc-blog-card-featured { height:auto; }
.cc-blog .cc-blog-card-featured .card-body { padding:var(--cc-blog-featured-card-padding,var(--cc-blog-card-padding,1rem)); }
.cc-blog .cc-blog-card .card-body { display:flex; flex-direction:column; flex:1; min-width:0; }
.cc-blog .cc-blog-card .card-body > p:not(.small) { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.cc-blog .cc-blog-card-featured { border-color:var(--cc-blog-card-hover-border-color,var(--cc-blog-border-color,#ccd3dd)); }
.cc-blog .cc-blog-card .card-img-top { aspect-ratio:var(--cc-blog-card-image-ratio,16/9); object-fit:var(--cc-blog-card-image-fit,cover); }
.cc-blog .cc-blog-section-heading { display:flex; align-items:center; justify-content:space-between; gap:var(--cc-blog-heading-search-gap,1rem); margin-bottom:var(--cc-blog-heading-search-margin,1rem); }
.cc-blog .cc-blog-section-heading h1 { margin:0; }
.cc-blog .cc-blog-search { display:flex; flex:0 1 var(--cc-blog-search-width,300px); width:min(100%,var(--cc-blog-search-width,300px)); align-items:center; margin:0; }
.cc-blog .cc-blog-search-field { position:relative; width:100%; }
.cc-blog .cc-blog-search-icon { position:absolute; inset-inline-start:var(--cc-blog-search-icon-inset,.75rem); top:50%; width:1rem; height:1rem; color:var(--cc-blog-search-icon-color,var(--cc-blog-muted-color,#6c757d)); transform:translateY(-50%); pointer-events:none; }
.cc-blog .cc-blog-search .form-control { min-width:0; }
.cc-blog .cc-blog-search .form-control { padding-inline-start:var(--cc-blog-search-input-padding,2.35rem); }
.cc-blog .cc-blog-search-status { margin:0 0 var(--cc-blog-search-status-margin,1rem); color:var(--cc-blog-muted-color,#6c757d); }
.cc-blog .cc-blog-admin-tabs { display:flex; flex-wrap:wrap; gap:.25rem; margin:0 0 1rem; border-bottom:1px solid var(--cc-blog-border-color,#ccd3dd); }
.cc-blog .cc-blog-admin-tabs a { display:inline-block; padding:.5rem .875rem; color:var(--cc-blog-muted-color,#6c757d); text-decoration:none; border:1px solid transparent; border-radius:.375rem .375rem 0 0; }
.cc-blog .cc-blog-admin-tabs a:hover { color:var(--cc-blog-link-hover-color,var(--bs-link-hover-color,#0a58ca)); }
.cc-blog .cc-blog-admin-tabs a.active { color:var(--cc-blog-primary,#0d6efd); background:var(--cc-blog-background,#fff); border-color:var(--cc-blog-border-color,#ccd3dd) var(--cc-blog-border-color,#ccd3dd) var(--cc-blog-background,#fff); margin-bottom:-1px; font-weight:600; }
.cc-blog .cc-blog-admin-tabs a:focus-visible,.cc-blog .cc-blog-admin-icon-button:focus-visible { outline:3px solid var(--cc-blog-focus-color,#86b7fe); outline-offset:2px; }
.cc-blog .cc-blog-admin-heading { display:flex; justify-content:space-between; align-items:center; gap:.75rem; margin-bottom:.75rem; }
.cc-blog .cc-blog-admin-heading-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin-inline-start:auto; }
.cc-blog .cc-blog-admin-filters { display:grid; grid-template-columns:minmax(12rem,1fr) minmax(12rem,.65fr) auto; gap:.5rem; align-items:center; }
.cc-blog .cc-blog-admin-actions { display:flex; align-items:center; gap:.375rem; white-space:nowrap; }
.cc-blog .cc-blog-admin-icon-button { display:inline-grid; place-items:center; width:2rem; height:2rem; padding:.35rem; }
.cc-blog .cc-blog-admin-icon-button svg { width:1rem; height:1rem; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.cc-blog .cc-blog-admin-pagination { display:flex; align-items:center; gap:1rem; }
.cc-blog .cc-blog-category-create,.cc-blog .cc-blog-category-edit { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; }
.cc-blog .cc-blog-category-create .form-control,.cc-blog .cc-blog-category-edit .form-control { flex:1 1 12rem; width:auto; min-width:0; }
.cc-blog .cc-blog-category-row { display:flex; align-items:center; gap:.5rem; margin-bottom:.75rem; }
.cc-blog .cc-blog-category-edit { flex:1 1 auto; }
.cc-blog .cc-blog-cover { display:block; max-width:100%; max-height:var(--cc-blog-cover-max-height,600px); object-fit:contain; margin:var(--cc-blog-cover-margin,1.5rem auto); }
.cc-blog .cc-blog-article-body { display:flow-root; }
.cc-blog .cc-blog-article-body > .cc-blog-cover { float:left; width:38%; height:auto; max-height:none; margin:0 1.5rem 1rem 0; }
@media(max-width:767.98px) {
    .cc-blog .cc-blog-admin-heading { align-items:flex-start; flex-direction:column; }
    .cc-blog .cc-blog-admin-heading-actions { margin-inline-start:0; }
    .cc-blog .cc-blog-admin-filters { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
    .cc-blog .cc-blog-admin-filters .btn { grid-column:1/-1; justify-self:start; }
    .cc-blog .cc-blog-category-row { align-items:stretch; }
    .cc-blog .cc-blog-category-edit { flex-direction:column; align-items:stretch; }
    .cc-blog .cc-blog-category-edit .form-control { flex:0 1 auto; width:100%; }
    .cc-blog .cc-blog-category-edit .btn { align-self:flex-start; }
    .cc-blog .cc-blog-article-body > .cc-blog-cover { float:none; width:auto; max-width:100%; margin:0 auto 1rem; }
}
@media(max-width:480px) {
    .cc-blog .cc-blog-admin-filters { grid-template-columns:minmax(0,1fr); }
    .cc-blog .cc-blog-admin-filters .btn { grid-column:auto; }
    .cc-blog .cc-blog-category-row { flex-direction:column; }
}
.cc-blog .cc-blog-thumbnail { width:100%; height:var(--cc-blog-thumbnail-height,160px); object-fit:contain; }
.cc-blog :is(.form-control,.form-select) { font-family:inherit; font-size:var(--cc-blog-control-font-size,1rem); color:var(--cc-blog-control-color,var(--cc-blog-color,var(--bs-body-color,#212529))); background-color:var(--cc-blog-control-background,#fff); border:var(--cc-blog-control-border,1px solid var(--cc-blog-border-color,#ccd3dd)); border-radius:var(--cc-blog-control-radius,.375rem); padding:var(--cc-blog-control-padding,.375rem .75rem); min-height:var(--cc-blog-control-min-height,0); }
.cc-blog .form-select { padding-right:2.25rem; }
.cc-blog :is(.form-control,.form-select):focus { border-color:var(--cc-blog-focus-color,#86b7fe); box-shadow:var(--cc-blog-focus-shadow,0 0 0 .25rem rgba(13,110,253,.25)); }
.cc-blog .form-control::placeholder { color:var(--cc-blog-placeholder-color,var(--cc-blog-muted-color,#6c757d)); }
.cc-blog .form-label { font-size:var(--cc-blog-label-font-size,inherit); font-weight:var(--cc-blog-label-weight,400); margin-bottom:var(--cc-blog-label-margin,.5rem); }
.cc-blog .form-check-input:checked { background-color:var(--cc-blog-primary,#0d6efd); border-color:var(--cc-blog-primary,#0d6efd); }
.cc-blog .form-check-input:focus { border-color:var(--cc-blog-focus-color,#86b7fe); box-shadow:var(--cc-blog-focus-shadow,0 0 0 .25rem rgba(13,110,253,.25)); }
.cc-blog .btn { font-family:inherit; font-size:var(--cc-blog-button-font-size,1rem); font-weight:var(--cc-blog-button-weight,400); line-height:var(--cc-blog-button-line-height,1.5); padding:var(--cc-blog-button-padding,.375rem .75rem); border-radius:var(--cc-blog-button-radius,.375rem); min-height:var(--cc-blog-button-min-height,0); border-width:var(--cc-blog-button-border-width,1px); --bs-btn-disabled-opacity:var(--cc-blog-disabled-opacity,.65); --bs-btn-focus-box-shadow:var(--cc-blog-focus-shadow,0 0 0 .25rem rgba(13,110,253,.25)); }
.cc-blog .btn-sm { font-size:var(--cc-blog-button-small-font-size,.875rem); padding:var(--cc-blog-button-small-padding,.25rem .5rem); }
.cc-blog .btn-primary,.cc-blog .btn-outline-primary { --_cc-blog-button-tone:var(--cc-blog-primary,#0d6efd); --_cc-blog-button-hover-tone:var(--cc-blog-primary-hover,#0b5ed7); --_cc-blog-button-foreground:var(--cc-blog-primary-contrast,#fff); }
.cc-blog .btn-outline-secondary { --_cc-blog-button-tone:var(--cc-blog-secondary,#6c757d); --_cc-blog-button-hover-tone:var(--cc-blog-secondary-hover,#5c636a); --_cc-blog-button-foreground:var(--cc-blog-secondary-contrast,#fff); }
.cc-blog .btn-outline-danger { --_cc-blog-button-tone:var(--cc-blog-danger,#dc3545); --_cc-blog-button-hover-tone:var(--cc-blog-danger-hover,#bb2d3b); --_cc-blog-button-foreground:var(--cc-blog-danger-contrast,#fff); }
.cc-blog .btn-primary { --bs-btn-color:var(--_cc-blog-button-foreground); --bs-btn-bg:var(--_cc-blog-button-tone); --bs-btn-border-color:var(--_cc-blog-button-tone); --bs-btn-disabled-color:var(--_cc-blog-button-foreground); --bs-btn-disabled-bg:var(--_cc-blog-button-tone); --bs-btn-disabled-border-color:var(--_cc-blog-button-tone); }
.cc-blog :is(.btn-outline-primary,.btn-outline-secondary,.btn-outline-danger) { --bs-btn-color:var(--_cc-blog-button-tone); --bs-btn-bg:transparent; --bs-btn-border-color:var(--_cc-blog-button-tone); --bs-btn-disabled-color:var(--_cc-blog-button-tone); --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:var(--_cc-blog-button-tone); }
.cc-blog :is(.btn-primary,.btn-outline-primary,.btn-outline-secondary,.btn-outline-danger) { --bs-btn-hover-color:var(--_cc-blog-button-foreground); --bs-btn-hover-bg:var(--_cc-blog-button-hover-tone); --bs-btn-hover-border-color:var(--_cc-blog-button-hover-tone); --bs-btn-active-color:var(--_cc-blog-button-foreground); --bs-btn-active-bg:var(--_cc-blog-button-hover-tone); --bs-btn-active-border-color:var(--_cc-blog-button-hover-tone); }
.cc-blog .table { --bs-table-color:var(--cc-blog-table-color,var(--cc-blog-color,var(--bs-body-color,#212529))); --bs-table-bg:var(--cc-blog-table-background,#fff); --bs-table-border-color:var(--cc-blog-border-color,#ccd3dd); font-size:var(--cc-blog-table-font-size,inherit); }
.cc-blog .table > :not(caption) > * > * { padding:var(--cc-blog-table-padding,.5rem); }
.cc-blog .table thead { --bs-table-bg:var(--cc-blog-table-header-background,var(--cc-blog-table-background,#fff)); --bs-table-color:var(--cc-blog-table-header-color,var(--cc-blog-color,var(--bs-body-color,#212529))); }
.cc-blog .text-bg-primary { color:var(--cc-blog-primary-contrast,#fff) !important; background-color:var(--cc-blog-primary,#0d6efd) !important; }
.cc-blog .badge { border-radius:var(--cc-blog-badge-radius,.375rem); }
.cc-blog .text-danger { color:var(--cc-blog-danger,#dc3545) !important; }
.cc-blog .alert { border-radius:var(--cc-blog-alert-radius,.375rem); padding:var(--cc-blog-alert-padding,1rem); }
.cc-blog .alert-info { --bs-alert-color:var(--cc-blog-info-color,#055160); --bs-alert-bg:var(--cc-blog-info-background,#cff4fc); --bs-alert-border-color:var(--cc-blog-info-border,#9eeaf9); }
.cc-blog .alert-danger { --bs-alert-color:var(--cc-blog-error-color,#842029); --bs-alert-bg:var(--cc-blog-error-background,#f8d7da); --bs-alert-border-color:var(--cc-blog-error-border,#f1aeb5); }
/* Scoped equivalents of spacing utilities used by these views. */
.cc-blog .mb-3 { margin-bottom:var(--cc-blog-space-3,1rem) !important; }
.cc-blog .mb-4 { margin-bottom:var(--cc-blog-space-4,1.5rem) !important; }
.cc-blog .mt-2 { margin-top:var(--cc-blog-space-2,.5rem) !important; }
.cc-blog .mt-3 { margin-top:var(--cc-blog-space-3,1rem) !important; }
.cc-blog .mt-4 { margin-top:var(--cc-blog-space-4,1.5rem) !important; }
.cc-blog .my-3 { margin-top:var(--cc-blog-space-3,1rem) !important; margin-bottom:var(--cc-blog-space-3,1rem) !important; }
.cc-blog .gap-2 { gap:var(--cc-blog-space-2,.5rem) !important; }
.cc-blog .gap-3 { gap:var(--cc-blog-space-3,1rem) !important; }
.cc-blog .p-3 { padding:var(--cc-blog-space-3,1rem) !important; }
.cc-blog .g-2 { --bs-gutter-x:var(--cc-blog-space-2,.5rem); --bs-gutter-y:var(--cc-blog-space-2,.5rem); }
.cc-blog .g-3 { --bs-gutter-x:var(--cc-blog-space-3,1rem); --bs-gutter-y:var(--cc-blog-space-3,1rem); }
.cc-blog .cc-blog-content { font-size:var(--cc-blog-content-font-size,inherit); line-height:var(--cc-blog-content-line-height,1.7); overflow-wrap:anywhere; }
.cc-blog .cc-blog-content img { display:block; max-width:100%; height:auto; margin:var(--cc-blog-content-image-margin,1rem 0); }
.cc-blog .cc-blog-content img[data-align=center] { margin-left:auto; margin-right:auto; }
.cc-blog .cc-blog-content img[data-align=right] { margin-left:auto; }
.cc-blog .cc-blog-content img[data-flow=left] { float:left; max-width:38%; margin:.25rem 1.25rem 1rem 0; }
.cc-blog .cc-blog-content img[data-flow=right] { float:right; max-width:38%; margin:.25rem 0 1rem 1.25rem; }
.cc-blog .cc-blog-content img[data-flow=center] { float:none; clear:both; max-width:100%; margin:1rem auto; }
.cc-blog .cc-blog-content:has(img[data-flow])::after { content:""; display:table; clear:both; }
.cc-blog .cc-blog-content.cc-blog-content table[data-image-columns] { display:table; width:100%; min-width:0; table-layout:fixed; overflow:visible; }
.cc-blog .cc-blog-content.cc-blog-content table[data-image-columns="2"] td { width:50%; vertical-align:top; }
.cc-blog .cc-blog-content.cc-blog-content table[data-image-columns="3"] td { width:33.333%; vertical-align:top; }
.cc-blog .cc-blog-content.cc-blog-content table[data-image-columns] td,.cc-blog .cc-blog-content.cc-blog-content table[data-image-columns] th { border:0; padding:.25rem; min-width:0; }
.cc-blog .cc-blog-content.cc-blog-content table[data-image-columns] img { float:none; display:block; width:auto; max-width:100%; height:auto; margin:.25rem auto; }
.cc-blog .cc-blog-editor [data-resize-container] { width:max-content; max-width:100%; }
.cc-blog .cc-blog-editor [data-resize-wrapper] { max-width:100%; min-width:0; }
.cc-blog .cc-blog-editor [data-resize-container]:has(img[data-flow=left]) { float:left; max-width:38%; margin:.25rem 1.25rem 1rem 0; }
.cc-blog .cc-blog-editor [data-resize-container]:has(img[data-flow=right]) { float:right; max-width:38%; margin:.25rem 0 1rem 1.25rem; }
.cc-blog .cc-blog-editor [data-resize-container]:has(img[data-flow=left]) img,.cc-blog .cc-blog-editor [data-resize-container]:has(img[data-flow=right]) img { max-width:100%; height:auto !important; }
.cc-blog .cc-blog-editor [data-resize-container]:has(img[data-flow=center]) { float:none; clear:both; max-width:100%; margin:1rem auto; }
.cc-blog .cc-blog-editor table[data-image-columns] { display:table; width:100%; min-width:0; table-layout:fixed; overflow:visible; }
.cc-blog .cc-blog-editor .cc-blog-image-row-editor { overflow:visible; }
.cc-blog .cc-blog-editor .cc-blog-image-row-editor > table { width:100%; min-width:0; table-layout:fixed; border:0; margin:.5rem 0; }
.cc-blog .cc-blog-editor .cc-blog-image-row-editor > table td { width:50%; vertical-align:top; border:0; padding:.25rem; min-width:0; }
.cc-blog .cc-blog-editor .cc-blog-image-row-editor > table td.cc-blog-image-cell-target { outline:2px dashed var(--cc-blog-editor-selection-color,#276fc9); outline-offset:-2px; }
.cc-blog .cc-blog-editor .cc-blog-image-row-editor-3 > table td { width:33.333%; }
.cc-blog .cc-blog-editor .cc-blog-image-row-editor [data-resize-container] { float:none; clear:none; max-width:100%; margin:.25rem 0; }
.cc-blog .cc-blog-editor .cc-blog-image-row-editor [data-resize-container] img { max-width:100%; height:auto !important; }
.cc-blog .cc-blog-editor table[data-image-columns] img { float:none; max-width:100%; height:auto; }
.cc-blog .cc-blog-image-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:.35rem; padding:.4rem .5rem; border-inline:var(--cc-blog-editor-border,1px solid var(--cc-blog-border-color,#ccd3dd)); background:var(--cc-blog-toolbar-background,#f5f6f8); }
.cc-blog .cc-blog-image-toolbar[hidden] { display:none; }
.cc-blog .cc-blog-image-toolbar .cc-blog-toolbar-group { border-right:0; }
.cc-blog .cc-blog-content table { border-collapse:collapse; width:100%; margin:var(--cc-blog-content-table-margin,1rem 0); }
.cc-blog .cc-blog-content th,.cc-blog .cc-blog-content td { border:var(--cc-blog-content-table-border,1px solid var(--cc-blog-border-color,#ccd3dd)); padding:var(--cc-blog-content-table-padding,.5rem); min-width:50px; }
.cc-blog .cc-blog-content blockquote { padding-left:var(--cc-blog-quote-padding,1rem); border-left:var(--cc-blog-quote-border,3px solid var(--cc-blog-border-color,#ccd3dd)); color:var(--cc-blog-quote-color,inherit); }
.cc-blog .cc-blog-editor { background:var(--cc-blog-editor-background,var(--cc-blog-control-background,#fff)); color:var(--cc-blog-editor-color,inherit); border:var(--cc-blog-editor-border,1px solid var(--cc-blog-border-color,#ccd3dd)); border-radius:0 0 var(--cc-blog-editor-radius,.5rem) var(--cc-blog-editor-radius,.5rem); padding:var(--cc-blog-editor-padding,1rem 2rem); min-height:var(--cc-blog-editor-min-height,350px); }
.cc-blog .cc-blog-editor[hidden],.cc-blog .cc-blog-html-panel[hidden],.cc-blog .cc-blog-editor-tabs[hidden],.cc-blog .cc-blog-toolbar[hidden] { display:none; }
.cc-blog .cc-blog-editor-tabs { display:flex; gap:.25rem; padding:.4rem .5rem 0; border-inline:var(--cc-blog-editor-border,1px solid var(--cc-blog-border-color,#ccd3dd)); background:var(--cc-blog-toolbar-background,#f5f6f8); }
.cc-blog .cc-blog-editor-tabs button { font:inherit; padding:.4rem .75rem; color:var(--cc-blog-toolbar-button-color,inherit); background:var(--cc-blog-toolbar-button-background,#fff); border:var(--cc-blog-toolbar-button-border,1px solid var(--cc-blog-border-color,#ccd3dd)); border-radius:.35rem .35rem 0 0; }
.cc-blog .cc-blog-editor-tabs button[aria-selected=true] { border-bottom-color:var(--cc-blog-editor-background,#fff); font-weight:600; }
.cc-blog .cc-blog-html-panel { padding:1rem; border:var(--cc-blog-editor-border,1px solid var(--cc-blog-border-color,#ccd3dd)); border-radius:0 0 var(--cc-blog-editor-radius,.5rem) var(--cc-blog-editor-radius,.5rem); background:var(--cc-blog-editor-background,#fff); }
.cc-blog .cc-blog-html-panel textarea { width:100%; min-height:350px; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.9rem; line-height:1.5; tab-size:2; resize:vertical; }
.cc-blog .cc-blog-code-error { color:var(--cc-blog-danger,#b42318); margin:.6rem 0 0; }
.cc-blog .cc-blog-code-error[hidden] { display:none; }
.cc-blog .cc-blog-editor:focus-within { border-color:var(--cc-blog-focus-color,#86b7fe); box-shadow:var(--cc-blog-focus-shadow,0 0 0 .25rem rgba(13,110,253,.25)); }
.cc-blog .cc-blog-editor .tiptap { outline:none; min-height:var(--cc-blog-editor-content-min-height,300px); }
.cc-blog .cc-blog-editor [data-resize-wrapper] > img { margin:0; cursor:grab; }
.cc-blog .cc-blog-editor [data-resize-wrapper] > img:active { cursor:grabbing; }
.cc-blog .cc-blog-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:.35rem; padding:var(--cc-blog-toolbar-padding,.5rem); background:var(--cc-blog-toolbar-background,#f5f6f8); border:var(--cc-blog-editor-border,1px solid var(--cc-blog-border-color,#ccd3dd)); border-radius:var(--cc-blog-editor-radius,.5rem) var(--cc-blog-editor-radius,.5rem) 0 0; }
.cc-blog .cc-blog-toolbar-group { display:inline-flex; align-items:center; gap:.15rem; padding-inline:.25rem; border-right:1px solid var(--cc-blog-border-color,#ccd3dd); }
.cc-blog .cc-blog-toolbar-group:last-child { border-right:0; }
.cc-blog .cc-blog-icon-library { position:absolute; width:0; height:0; overflow:hidden; }
.cc-blog .cc-blog-toolbar button,.cc-blog .cc-blog-image-toolbar button { box-sizing:border-box; display:inline-flex; flex:0 0 2.25rem; align-items:center; justify-content:center; width:2.25rem; height:2.25rem; padding:var(--cc-blog-toolbar-button-padding,0); font-family:inherit; font-size:1rem; line-height:1; color:var(--cc-blog-toolbar-button-color,inherit); background:var(--cc-blog-toolbar-button-background,#fff); border:var(--cc-blog-toolbar-button-border,1px solid var(--cc-blog-border-color,#ccd3dd)); border-radius:var(--cc-blog-toolbar-button-radius,.3rem); }
.cc-blog .cc-blog-toolbar button svg,.cc-blog .cc-blog-image-toolbar button svg { display:block; width:1.2rem; height:1.2rem; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.cc-blog .cc-blog-toolbar button:hover:not(:disabled),.cc-blog .cc-blog-image-toolbar button:hover:not(:disabled) { background:var(--cc-blog-toolbar-button-hover-background,#e6effc); }
.cc-blog .cc-blog-toolbar button[aria-pressed=true],.cc-blog .cc-blog-image-toolbar button[aria-pressed=true] { color:var(--cc-blog-primary,#174a86); background:var(--cc-blog-toolbar-button-hover-background,#e6effc); border-color:var(--cc-blog-primary,#7da8df); box-shadow:inset 0 0 0 1px var(--cc-blog-primary,#7da8df); }
.cc-blog .cc-blog-toolbar button:disabled,.cc-blog .cc-blog-image-toolbar button:disabled { opacity:.42; cursor:not-allowed; }
.cc-blog .cc-blog-toolbar button:focus-visible,.cc-blog .cc-blog-image-toolbar button:focus-visible { outline:2px solid var(--cc-blog-focus-color,#86b7fe); outline-offset:2px; }
.cc-blog .cc-blog-edit-header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.75rem 1rem; margin-bottom:1rem; }
.cc-blog .cc-blog-edit-header h1 { margin:0; }
.cc-blog .cc-blog-edit-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.5rem; }
.cc-blog .cc-blog-edit-options { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem 1.5rem; }
.cc-blog .ProseMirror-selectednode { outline:2px solid var(--cc-blog-editor-selection-color,#276fc9); }
.cc-blog .cc-blog-editor [data-resize-handle] { box-sizing:border-box; width:var(--cc-blog-resize-handle-size,16px); height:var(--cc-blog-resize-handle-size,16px); background:var(--cc-blog-editor-selection-color,#276fc9); border:2px solid var(--cc-blog-resize-handle-border-color,#fff); border-radius:50%; z-index:2; touch-action:none; visibility:hidden; }
.cc-blog .cc-blog-editor .ProseMirror-selectednode [data-resize-handle] { visibility:visible; }
.cc-blog .cc-blog-editor [data-resize-handle=bottom-right] { cursor:nwse-resize; }
.cc-blog .cc-blog-editor [data-resize-handle=bottom-left] { cursor:nesw-resize; }
.cc-blog .cc-blog-editor [data-resize-container]:has(img[data-align=center]) { margin-inline:auto; }
.cc-blog .cc-blog-editor [data-resize-container]:has(img[data-align=right]) { margin-left:auto; }
.cc-blog .cc-blog-drag-handle { cursor:grab; color:var(--cc-blog-toolbar-button-color,inherit); border:0; background:var(--cc-blog-toolbar-background,#f5f6f8); border-radius:var(--cc-blog-drag-handle-radius,4px); padding:var(--cc-blog-drag-handle-padding,2px 4px); }
@media (min-width:1200px) {
    .cc-blog h1 { font-size:var(--cc-blog-title-size,2.5rem); }
    .cc-blog h2 { font-size:var(--cc-blog-section-title-size,2rem); }
}
@media (max-width:575.98px) {
    .cc-blog .cc-blog-content img[data-flow=left],.cc-blog .cc-blog-content img[data-flow=right] { float:none; clear:both; max-width:100%; margin:1rem auto; }
    .cc-blog .cc-blog-content.cc-blog-content table[data-image-columns] { display:block; width:100%; min-width:0; }
    .cc-blog .cc-blog-content.cc-blog-content table[data-image-columns] tbody,.cc-blog .cc-blog-content.cc-blog-content table[data-image-columns] tr,.cc-blog .cc-blog-content.cc-blog-content table[data-image-columns] td { display:block; width:100% !important; min-width:0; }
    .cc-blog .cc-blog-content.cc-blog-content table[data-image-columns] td { border:0; padding:.35rem 0; }
    .cc-blog .cc-blog-editor [data-resize-container]:has(img[data-flow=left]),.cc-blog .cc-blog-editor [data-resize-container]:has(img[data-flow=right]) { float:none; clear:both; max-width:100%; margin:1rem auto; }
    .cc-blog .cc-blog-editor [data-resize-container]:has(img[data-flow=left]) img,.cc-blog .cc-blog-editor [data-resize-container]:has(img[data-flow=right]) img { max-width:100%; height:auto !important; }
    .cc-blog .cc-blog-editor .cc-blog-image-row-editor > table,.cc-blog .cc-blog-editor .cc-blog-image-row-editor tbody,.cc-blog .cc-blog-editor .cc-blog-image-row-editor tr,.cc-blog .cc-blog-editor .cc-blog-image-row-editor td { display:block !important; width:100% !important; min-width:0; }
    .cc-blog .cc-blog-editor .cc-blog-image-row-editor td { border:0; padding:.35rem 0; }
    .cc-blog .cc-blog-editor .cc-blog-image-row-editor [data-resize-container] { float:none; clear:none; max-width:100%; margin:.25rem 0; }
    .cc-blog .cc-blog-editor .cc-blog-image-row-editor [data-resize-container] img { max-width:100%; height:auto !important; }
}
@media (prefers-reduced-motion:reduce) { .cc-blog a.cc-blog-card,.cc-blog a.cc-blog-card:hover,.cc-blog a.cc-blog-card:focus-within { transition:none; transform:none; } }
@media (max-width:767.98px) { .cc-blog-public .cc-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:575.98px) { .cc-blog .cc-blog-section-heading { align-items:stretch; flex-direction:column; gap:var(--cc-blog-mobile-heading-gap,.65rem); } .cc-blog .cc-blog-search { flex-basis:auto; width:100%; max-width:none; } .cc-blog-public .cc-blog-grid { grid-template-columns:minmax(0,1fr); } .cc-blog-public .cc-blog-grid.cc-blog-featured-grid { grid-template-columns:minmax(0,1fr); } }
@media (min-width:768px) and (max-width:991.98px) { .cc-blog-public .cc-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:992px) { .cc-blog-public .cc-blog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }