:root{--ub-bg:#f5f6f8;--ub-surface:#fff;--ub-text:#202124;--ub-muted:#6d7178;--ub-accent:#facf48;--ub-on-accent:#202124;--ub-radius:1.5rem;--ub-gap:1.25rem;--ub-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ub-content:760px;--ub-wide:1240px}html{scroll-behavior:smooth}
.uniblog{font-family:var(--ub-font);color:var(--ub-text);font-size:1rem;line-height:1.7}.uniblog *{box-sizing:border-box}.ub-shell{width:min(var(--ub-wide),calc(100% - 2rem));margin-inline:auto}.ub-head{padding:clamp(2.5rem,7vw,6rem) 0 2rem}.ub-head h1{font-size:clamp(2.25rem,6vw,5.5rem);line-height:.98;letter-spacing:-.055em;margin:0;max-width:12ch}.ub-filters{display:flex;gap:.5rem;overflow:auto;padding:.25rem 0 1.25rem;scrollbar-width:thin}.ub-filters button{border:1px solid #d9dce1;background:var(--ub-surface);color:var(--ub-text);border-radius:999px;padding:.7rem 1.05rem;font:inherit;font-weight:650;white-space:nowrap;cursor:pointer}.ub-filters button.is-active{background:var(--ub-text);color:#fff;border-color:var(--ub-text)}.ub-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ub-gap)}.ub-grid__item{grid-column:span 4}.ub-grid__item:first-child{grid-column:span 8;grid-row:span 2}.ub-card{position:relative;min-height:390px;height:100%;border-radius:var(--ub-radius);overflow:hidden;background:#28292c;color:#fff;isolation:isolate}.ub-card--large{min-height:600px}.ub-card__image,.ub-card__shade{position:absolute;inset:0;width:100%;height:100%}.ub-card__image{object-fit:cover;transition:transform .45s ease}.ub-card__shade{background:linear-gradient(180deg,rgba(0,0,0,.06) 15%,rgba(0,0,0,.78) 100%);z-index:1}.ub-card__content{position:relative;z-index:2;height:100%;padding:clamp(1.25rem,3vw,2rem);display:flex;flex-direction:column;justify-content:flex-end}.ub-meta{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.8rem;font-weight:700}.ub-meta span{background:rgba(255,255,255,.16);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.24);padding:.35rem .65rem;border-radius:999px}.ub-card__title{font-size:clamp(1.45rem,3vw,2.8rem);line-height:1.08;letter-spacing:-.035em;margin:.9rem 0 1.25rem;max-width:17ch}.ub-card:not(.ub-card--large) .ub-card__title{font-size:clamp(1.35rem,2vw,1.8rem)}.ub-card__link{display:flex;justify-content:space-between;align-items:center;color:#fff;text-decoration:none;font-weight:700;border-top:1px solid rgba(255,255,255,.3);padding-top:1rem}.ub-card:has(.ub-card__link:hover) .ub-card__image{transform:scale(1.035)}.ub-empty{padding:3rem;border:1px dashed #ccd0d7;border-radius:var(--ub-radius);text-align:center;color:var(--ub-muted)}
.ub-carousel{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding:.25rem 0 1rem}.ub-carousel .ub-grid__item{flex:0 0 min(38%,480px);scroll-snap-align:start}.ub-carousel .ub-grid__item:first-child{flex-basis:min(60%,760px)}.ub-carousel .ub-card{min-height:430px}.ub-carousel .ub-card--large{min-height:520px}
.ub-article-progress{position:fixed;z-index:9999;top:0;left:0;height:4px;width:0;background:var(--ub-accent)}.ub-article-head{width:min(1000px,calc(100% - 2rem));margin:clamp(3rem,8vw,8rem) auto 2.5rem}.ub-breadcrumbs{font-size:.875rem;color:var(--ub-muted);margin-bottom:1.5rem}.ub-breadcrumbs a{color:inherit}.ub-article-head h1{font-size:clamp(2.5rem,7vw,6.5rem);letter-spacing:-.06em;line-height:.95;margin:.75rem 0 1.5rem}.ub-article-meta{display:flex;gap:.75rem;flex-wrap:wrap;color:var(--ub-muted)}.ub-cover{display:block;width:min(1240px,calc(100% - 2rem));aspect-ratio:16/8;object-fit:cover;border-radius:var(--ub-radius);margin:2rem auto}.ub-article-layout{width:min(1100px,calc(100% - 2rem));margin:4rem auto;display:grid;grid-template-columns:240px minmax(0,var(--ub-content));gap:clamp(2rem,6vw,6rem);justify-content:center}.ub-toc{position:sticky;top:2rem;align-self:start;border-left:2px solid #e3e5e8;padding-left:1rem}.ub-toc strong{display:block;margin-bottom:.75rem}.ub-toc a{display:block;color:var(--ub-muted);text-decoration:none;font-size:.9rem;line-height:1.35;margin:.65rem 0}.ub-toc a.is-active{color:var(--ub-text);font-weight:700}.ub-content{font-size:clamp(1.05rem,1.5vw,1.2rem)}.ub-content h2,.ub-content h3{scroll-margin-top:2rem;line-height:1.15;letter-spacing:-.035em}.ub-content h2{font-size:clamp(1.8rem,4vw,3rem);margin:3.5rem 0 1rem}.ub-content h3{font-size:clamp(1.4rem,3vw,2rem);margin:2.5rem 0 .75rem}.ub-content img,.ub-content video{max-width:100%;height:auto;border-radius:1rem}.ub-content blockquote{margin:2.5rem 0;padding:1.25rem 1.5rem;border-left:4px solid var(--ub-accent);background:var(--ub-bg);font-size:1.15em}.ub-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:3rem}.ub-tags span{padding:.45rem .75rem;background:var(--ub-bg);border-radius:999px;font-size:.85rem}.ub-author{display:flex;gap:1rem;align-items:center;margin:3rem 0;padding-top:2rem;border-top:1px solid #e5e7eb}.ub-author img{width:56px;height:56px;object-fit:cover;border-radius:50%}.ub-related{width:min(var(--ub-wide),calc(100% - 2rem));margin:5rem auto;overflow:hidden}.ub-related__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,38%);gap:var(--ub-gap);overflow:auto;scroll-snap-type:x mandatory;padding-bottom:1rem}.ub-related__track>*{scroll-snap-align:start}
.ub-content .ql-size-small{font-size:.85em}.ub-content .ql-size-large{font-size:1.25em}.ub-content .ql-size-huge{font-size:1.55em}
@media(max-width:991px){.ub-grid__item,.ub-grid__item:first-child{grid-column:span 6;grid-row:auto}.ub-card--large{min-height:480px}.ub-article-layout{grid-template-columns:1fr}.ub-toc{position:relative;top:auto}}
@media(max-width:640px){.ub-grid__item,.ub-grid__item:first-child{grid-column:1/-1}.ub-card,.ub-card--large{min-height:420px}.ub-cover{aspect-ratio:4/3}.ub-related__track{grid-auto-columns:86%}.ub-carousel .ub-grid__item{flex-basis:78%}.ub-carousel .ub-grid__item:first-child{flex-basis:92%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ub-card__image{transition:none}}
