.ubc{--ubc-ink:oklch(0.24 0.012 250);--ubc-body:oklch(0.36 0.012 250);--ubc-muted:oklch(0.5 0.014 250);--ubc-accent:#1e73be;--ubc-line:oklch(0.91 0.008 250);--ubc-card:#fff;--ubc-radius:14px;--ubc-ease:cubic-bezier(0.22, 1, 0.36, 1);max-width:1200px;margin:0 auto;padding:clamp(1.25rem, 3vw, 2.5rem) 1rem clamp(2.5rem, 5vw, 4rem)}.ubc-head{display:grid;gap:.5rem;margin-bottom:clamp(1.5rem, 3vw, 2.25rem)}.ubc-head__title{margin:0;font-size:clamp(1.625rem, 1.25rem + 1.5vw, 2.25rem);line-height:1.25;letter-spacing:-.02em;font-weight:700;color:var(--ubc-ink);word-break:keep-all;text-wrap:balance}.ubc-head__desc{max-width:44rem;color:var(--ubc-body);font-size:1rem;line-height:1.7;word-break:keep-all}.ubc-head__desc p{margin:0}.ubc-head__count{margin:0;font-size:.875rem;color:var(--ubc-muted);font-variant-numeric:tabular-nums}.ubc-nav{display:flex;gap:.5rem;margin-top:.5rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ubc-nav::-webkit-scrollbar{display:none}.ubc-nav__item{flex:none;display:inline-flex;align-items:center;min-height:36px;padding:0 .875rem;border:1px solid var(--ubc-line);border-radius:999px;background:#fff;color:var(--ubc-body);font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color 0.25s var(--ubc-ease),color 0.25s var(--ubc-ease),background-color 0.25s var(--ubc-ease)}.ubc-nav__item:hover{border-color:var(--ubc-accent);color:var(--ubc-accent)}.ubc-nav__item.is-current{border-color:var(--ubc-accent);background:var(--ubc-accent);color:#fff}.ubc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px, 100%),1fr));gap:clamp(1rem, 2vw, 1.5rem)}.ubc-card{margin:0;min-width:0}.ubc-card__link{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--ubc-line);border-radius:var(--ubc-radius);background:var(--ubc-card);color:inherit;text-decoration:none;transition:transform 0.35s var(--ubc-ease),box-shadow 0.35s var(--ubc-ease),border-color 0.35s var(--ubc-ease)}.ubc-card__link:hover,.ubc-card__link:focus-visible{transform:translateY(-3px);border-color:oklch(.85 .03 250);box-shadow:0 10px 28px -12px oklch(.3 .04 250 / .28)}.ubc-card__link:focus-visible{outline:2px solid var(--ubc-accent);outline-offset:3px}.ubc-card__media{aspect-ratio:16 / 10;overflow:hidden;background:oklch(.96 .008 250)}.ubc-card__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.6s var(--ubc-ease)}.ubc-card__link:hover .ubc-card__img{transform:scale(1.04)}.ubc--movie-blog .ubc-card__media{aspect-ratio:3 / 4}.ubc--movie-blog .ubc-card__img{object-position:center top}.ubc-cover{--ubc-hue:250;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%;background:oklch(.95 .035 var(--ubc-hue));color:oklch(.38 .08 var(--ubc-hue))}.ubc-cover__icon{font-size:clamp(2.25rem, 4vw, 2.75rem);line-height:1}.ubc-cover__label{font-size:.8125rem;font-weight:600;letter-spacing:.01em}.ubc-card__body{display:flex;flex:1;flex-direction:column;gap:.5rem;padding:1rem 1.125rem 1.125rem}.ubc-card__title{display:-webkit-box;margin:0;overflow:hidden;font-size:1.0625rem;line-height:1.45;font-weight:700;color:var(--ubc-ink);word-break:keep-all;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ubc-card__link:hover .ubc-card__title{color:var(--ubc-accent)}.ubc-card__excerpt{display:-webkit-box;margin:0;overflow:hidden;font-size:.9375rem;line-height:1.6;color:var(--ubc-body);word-break:keep-all;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical}.ubc-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:auto 0 0;padding-top:.25rem;font-size:.8125rem;color:var(--ubc-muted);font-variant-numeric:tabular-nums}.ubc-card__cat{color:var(--ubc-accent);font-weight:600}.ubc-card__cat::after{content:"·";margin-left:.5rem;color:var(--ubc-muted);font-weight:400}.ubc-card.is-new{animation:ubc-in 0.5s var(--ubc-ease) both;animation-delay:calc(var(--ubc-i, 0) * 40ms)}@keyframes ubc-in{from{opacity:0;transform:translateY(10px)}}.ubc-more{display:grid;justify-items:center;gap:.75rem;margin-top:clamp(1.5rem, 3vw, 2.5rem)}.ubc-sentinel{width:100%;height:1px}.ubc-status{margin:0;min-height:1.4em;font-size:.875rem;color:var(--ubc-muted)}.ubc-more__btn{display:inline-flex;align-items:center;min-height:44px;padding:0 1.5rem;border:1px solid var(--ubc-line);border-radius:999px;background:#fff;color:var(--ubc-ink);font-weight:600;text-decoration:none}.ubc-more__btn:hover{border-color:var(--ubc-accent);color:var(--ubc-accent)}.ubc-more.is-auto:not(.is-error) .ubc-more__btn{display:none}.ubc-more.is-loading .ubc-status::before{content:"";display:inline-block;width:.9em;height:.9em;margin-right:.4em;vertical-align:-.12em;border:2px solid var(--ubc-line);border-top-color:var(--ubc-accent);border-radius:50%;animation:ubc-spin 0.8s linear infinite}@keyframes ubc-spin{to{transform:rotate(360deg)}}.ubc-empty{padding:3rem 0;text-align:center;color:var(--ubc-muted)}.archive.category .site-main>.ubc{background:#fff0}@media (max-width:600px){.ubc-card__body{padding:.875rem 1rem 1rem}}@media (prefers-reduced-motion:reduce){.ubc-card__link,.ubc-card__img,.ubc-card.is-new{transition:none;animation:none}.ubc-card__link:hover,.ubc-card__link:focus-visible,.ubc-card__link:hover .ubc-card__img{transform:none}.ubc-more.is-loading .ubc-status::before{animation-duration:2.4s}}