/* UMS Blog Studio */
.ust-entry-grid { gap: var(--ums-gap, 30px); }
.ust-entry-grid.ums-cols { grid-template-columns: repeat(var(--ums-cols-d, 3), minmax(0, 1fr)); }
@media (max-width: 960px) { .ust-entry-grid.ums-cols { grid-template-columns: repeat(var(--ums-cols-t, 2), minmax(0, 1fr)); } }
@media (max-width: 600px) { .ust-entry-grid.ums-cols { grid-template-columns: repeat(var(--ums-cols-m, 1), minmax(0, 1fr)); } }

.ust-entry-grid--compact { grid-template-columns: 1fr; gap: 12px; }
.ust-entry-grid--compact .ust-entry-card { display: block; border-bottom: 1px solid var(--ust-surface-border, #e6e6e6); padding-bottom: 12px; }
.ust-entry-grid--compact .ust-entry-card > a { display: none; }
.ust-entry-grid--compact .ust-entry-card p:not(.ust-entry-meta) { display: none; }

.ums-ratio-16-9 .ust-entry-card img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; height: auto; }
.ums-ratio-4-3 .ust-entry-card img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; height: auto; }
.ums-ratio-1-1 .ust-entry-card img { aspect-ratio: 1 / 1; object-fit: cover; width: 100%; height: auto; }
.ums-ratio-3-4 .ust-entry-card img { aspect-ratio: 3 / 4; object-fit: cover; width: 100%; height: auto; }
.ums-hide-card-date .ust-entry-card .ust-entry-date { display: none; }
.ums-card-hover-zoom .ust-entry-card > a { display: block; overflow: hidden; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	.ums-card-hover-zoom .ust-entry-card img { transition: transform var(--ums-transition, 250ms) ease; }
	.ums-card-hover-zoom .ust-entry-card:hover img { transform: scale(1.05); }
}
.ums-card-meta { font-size: .85rem; color: var(--ust-surface-text-muted, #5a6371); margin: 4px 0 0; }
.ums-card-more { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }

.ums-with-sidebar { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 32px; align-items: start; }
.ums-with-sidebar--left { grid-template-columns: 300px minmax(0, 1fr); }
.ums-with-sidebar--left .ums-sidebar { order: -1; }
.ums-sidebar .widget { margin-bottom: 28px; }
.ums-sidebar h2, .ums-sidebar h3 { font-size: 1.05rem; }
.ums-sidebar ul { padding-inline-start: 1.1em; }
.ums-sidebar a { display: inline-block; min-height: 32px; }
@media (max-width: 960px) { .ums-with-sidebar, .ums-with-sidebar--left { grid-template-columns: 1fr; } .ums-with-sidebar--left .ums-sidebar { order: 2; } }

.ums-pager__btn { display: none; margin: 24px auto 0; min-height: 48px; }
.ums-pager.is-js .ums-pager__btn { display: block; }
.ums-pager.is-js.is-infinite .ums-pager__btn { display: none; }
.ums-pager.is-js nav.pagination, .ums-pager.is-js .ust-pagination { display: none; }
.ums-pager.is-loading .ums-pager__btn { opacity: .6; }
.ums-pager.is-done { display: none; }

.ums-single-time { font-size: .9rem; color: var(--ust-surface-text-muted, #5a6371); margin: 0 0 12px; }
.ums-toc { border: 1px solid var(--ust-surface-border, #e6e6e6); background: var(--ust-surface-2, #f4f6f8); border-radius: var(--ust-radius, 6px); padding: 14px 18px; margin: 0 0 24px; }
.ums-toc__title { font-weight: 700; margin: 0 0 6px; }
.ums-toc ol { margin: 0; padding-inline-start: 1.2em; }
.ums-toc__l3 { margin-inline-start: 1em; list-style: circle; }
.ums-toc a { display: inline-block; min-height: 32px; line-height: 32px; }
mark { background: color-mix(in srgb, #ffd54a 70%, var(--ust-surface, #fff)); color: inherit; padding: 0 2px; border-radius: 2px; }
.ums-reading-time { font-size: .9rem; color: var(--ust-surface-text-muted, #5a6371); }