@layer components{.vzr-articlecard{display:block;text-decoration:none;color:inherit}.vzr-articlecard__cover{aspect-ratio:4 / 3;overflow:hidden;background:var(--rule-2)}.vzr-articlecard__cover img{width:100%;height:100%;object-fit:cover;display:block}.vzr-articlecard__body{padding-top:var(--sp-4)}.vzr-articlecard__kicker{display:block;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-label-lg);letter-spacing:var(--ls-label-lg);text-transform:uppercase;color:var(--accent);margin-bottom:var(--sp-2)}.vzr-articlecard__title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);color:var(--text);margin:0 0 var(--sp-2);transition:color var(--dur-fast)}.vzr-articlecard:hover .vzr-articlecard__title{color:var(--accent)}.vzr-articlecard__desc{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--text-2);margin:0 0 var(--sp-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vzr-articlecard__more{font-size:var(--fs-meta);font-weight:var(--fw-medium);color:var(--accent);display:inline-flex;align-items:center;gap:var(--sp-2)}.vzr-articlecard__arrow{width:var(--icon-sm);height:var(--icon-sm);transition:transform var(--dur-fast)}.vzr-articlecard:hover .vzr-articlecard__arrow{transform:translate(4px)}@media (prefers-reduced-motion: reduce){.vzr-articlecard__title,.vzr-articlecard__arrow{transition:none!important}}}@layer components{.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--rule-2) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:vzr-skeleton 1.4s ease infinite;min-height:var(--tap)}@keyframes vzr-skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background-position:50% 50%}}.skeleton--row{height:var(--sp-16);margin-bottom:var(--sp-2)}.skeleton--row:last-child{margin-bottom:0}.skeleton--tall{height:80px}.msg--info{background:var(--surface-2);padding:var(--sp-4) var(--sp-4)}.state-screen{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-4)}.state-screen>.icon{width:32px;height:32px;color:var(--text)}.state-screen[data-tone=danger]>.icon{color:var(--danger)}.state-screen[data-tone=success]>.icon{color:var(--success)}.state-screen h2{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h3);letter-spacing:var(--ls-h3);margin:0}.state-screen p{font-size:var(--fs-body-sm);line-height:var(--lh-body);color:var(--text-2);margin:0;max-width:60ch}.state-screen__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2)}.state-screen--center{align-items:center;text-align:center;padding:var(--sp-12) 0;margin:0 auto;max-width:var(--measure-xs)}.state-screen--center>.icon{width:40px;height:40px}.state-screen--center p{max-width:46ch}.state-screen--center .state-screen__actions{justify-content:center}@media (min-width: 768px){.state-screen__actions{flex-wrap:nowrap}.state-screen--center{max-width:var(--measure-md)}}}@layer pages{.vzr-blog-intro{max-width:var(--measure-lg);margin-bottom:var(--sp-10)}.vzr-blog-intro__title{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h1);letter-spacing:var(--ls-h3);line-height:var(--lh-h1);margin:0 0 var(--sp-3)}.vzr-blog-intro__desc{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-2);margin:0}.vzr-blog-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-10) var(--sp-8)}@media (min-width: 768px){.vzr-blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.vzr-blog-grid{grid-template-columns:repeat(3,1fr)}}.vzr-blog-more{display:flex;justify-content:center;margin-top:var(--sp-10)}.vzr-blog-loadmore{padding:var(--sp-3) var(--sp-6)}}
