.blog-hub-section{margin-bottom:var(--space-5)}.blog-hub-section--tags{margin-bottom:var(--space-7)}.blog-hub-section__label{align-items:center;gap:var(--space-2);letter-spacing:.6px;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);margin-bottom:var(--space-3);font-size:11px;font-weight:500;display:flex}.blog-hub-section__label .material-symbols-outlined{opacity:.7;font-size:16px}.blog-hub-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.blog-hub-filter-chip{border-radius:var(--md-sys-shape-corner-small);cursor:pointer;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:500;font-family:var(--font-roboto,"Roboto"),sans-serif;padding:6px 16px;transition:background .15s,border-color .15s,color .15s}.blog-hub-filter-chip.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:transparent}.blog-hub-filter-chip:hover:not(.active){background:var(--md-sys-color-surface-container)}.blog-tag-cloud{gap:var(--space-2);flex-wrap:wrap;display:flex}.blog-tag-cloud__tag{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);font-size:12px;font-weight:500;font-family:var(--font-roboto,"Roboto"),sans-serif;align-items:center;gap:5px;padding:4px 12px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.blog-tag-cloud__tag:hover{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.blog-tag-cloud__tag.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.blog-tag-cloud__count{opacity:.65;font-size:10px;font-weight:400}.blog-tag-cloud__toggle{border-radius:var(--md-sys-shape-corner-full);border:1px dashed var(--md-sys-color-outline-variant);color:var(--md-sys-color-primary);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-roboto,"Roboto"),sans-serif;background:0 0;align-items:center;padding:4px 12px;transition:background .15s,color .15s;display:inline-flex}.blog-tag-cloud__toggle .material-symbols-outlined{margin-left:4px;font-size:16px}.blog-tag-cloud__toggle:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:transparent}.blog-featured-wrap{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.blog-featured{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);color:inherit;grid-template-rows:280px 1fr;text-decoration:none;transition:box-shadow .2s;display:grid;overflow:hidden}.blog-featured:hover{box-shadow:var(--md-sys-elevation-2)}.blog-featured__img{background:linear-gradient(135deg,var(--md-sys-color-primary-container),var(--md-sys-color-secondary-container));position:relative}.blog-featured__img-file{object-fit:cover}.blog-featured__body{padding:28px}.blog-featured__meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.blog-featured__rating{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:2px;font-size:12px;display:inline-flex}.blog-featured__rating .material-symbols-outlined{color:var(--md-sys-color-rating-star);font-variation-settings:"FILL" 1;font-size:14px}.blog-featured__chip{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:3px 12px;font-size:11px;font-weight:500;display:inline-block}.blog-featured__date{color:var(--md-sys-color-on-surface-variant);font-size:12px}.blog-featured__title{color:var(--md-sys-color-on-surface);margin:0 0 12px;font-size:28px;font-weight:500;line-height:1.25}.blog-featured__excerpt{color:var(--md-sys-color-on-surface-variant);margin:0 0 20px;font-size:14px;line-height:1.65}.blog-featured__author{align-items:center;gap:10px;display:flex}.blog-featured__ava{border-radius:var(--md-sys-shape-corner-full);width:36px;height:36px;display:inline-block;position:relative;overflow:hidden}.blog-featured__ava-img{object-fit:cover}.blog-featured__author-name{color:var(--md-sys-color-on-surface);font-size:13px;font-weight:500}.blog-featured__author-role{color:var(--md-sys-color-on-surface-variant);font-size:11px}.blog-side{gap:var(--space-4);flex-direction:column;display:flex}.blog-mini{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);color:inherit;grid-template-columns:2fr 3fr;align-items:start;text-decoration:none;transition:box-shadow .2s;display:grid;overflow:hidden}.blog-mini:hover{box-shadow:var(--md-sys-elevation-1)}.blog-mini__img{aspect-ratio:16/9;background:linear-gradient(135deg,var(--md-sys-color-primary-container),var(--md-sys-color-tertiary-container));position:relative}.blog-mini__img-file{object-fit:cover}.blog-mini__body{flex-direction:column;justify-content:space-between;gap:8px;padding:14px 16px;display:flex}.blog-mini__title{color:var(--md-sys-color-on-surface);margin:0;font-size:14px;font-weight:500;line-height:1.4}.blog-mini__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.blog-mini__rating{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:2px;font-size:11px;display:inline-flex}.blog-mini__rating .material-symbols-outlined{color:var(--md-sys-color-rating-star);font-variation-settings:"FILL" 1;font-size:12px}.blog-mini__read{color:var(--md-sys-color-primary);align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.blog-mini__read .material-symbols-outlined{font-size:14px}.blog-mini-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.blog-pagination-wrap{margin-top:var(--space-8);justify-content:center;display:flex}.pgn{align-items:center;gap:4px;display:inline-flex}.pgn__btn{min-width:40px;height:40px;font:inherit;color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.pgn__btn:hover{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.pgn__btn.is-active{background:var(--md-sys-color-primary);color:#fff}.pgn__btn:disabled,.pgn__btn[aria-disabled=true]{opacity:.35;cursor:not-allowed;pointer-events:none}.pgn .dots{color:var(--md-sys-color-outline);padding:0 4px;font-size:14px}.blog-difficulty-chip{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.blog-updated-chip{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:3px;font-size:11px;display:inline-flex}.blog-updated-chip .material-symbols-outlined{font-size:13px}.blog-mini__chip{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.blog-mini__date{color:var(--md-sys-color-on-surface-variant);font-size:11px}@media (max-width:900px){.blog-featured-wrap{grid-template-columns:1fr}}@media (max-width:768px){.blog-mini-grid{grid-template-columns:1fr}}@media (max-width:480px){.blog-mini-grid{grid-template-columns:1fr}.blog-featured__title{font-size:24px;line-height:1.3}}