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