@layer theme,base;@layer components{.blog-grid-3{grid-template-columns:repeat(3,1fr)}.kb-author-bubble{background:var(--bg-alt);border:1px solid var(--hairline-2);width:22px;height:22px;font-family:var(--font-serif);color:var(--copper-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9.5px;font-style:italic;line-height:1;display:inline-flex}.kb-trending{border-top:1px solid var(--hairline-2);margin:0;padding:0;list-style:none}.kb-trend-item{border-bottom:1px solid var(--hairline-2);grid-template-columns:48px 1fr auto;align-items:center;gap:24px;padding:20px 4px;text-decoration:none;transition:background .2s,padding .25s;display:grid}.kb-trend-item:hover{background:var(--cream);padding-left:12px;padding-right:12px}.kb-trend-rank{font-family:var(--font-serif);text-align:center;background:var(--copper-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-style:italic;line-height:1}.kb-trend-body{min-width:0}.kb-trend-body .article-meta{margin-bottom:6px}.kb-trend-title{font-family:var(--font-serif);color:var(--ink);font-size:19px;font-weight:500;line-height:1.3;display:block}.kb-trend-arrow{color:var(--ink-3);font-size:18px;transition:color .2s,transform .2s}.kb-trend-item:hover .kb-trend-arrow{color:var(--copper-dark);transform:translate(3px)}@media (max-width:600px){.kb-trend-item{grid-template-columns:36px 1fr;gap:14px}.kb-trend-arrow{display:none}.kb-trend-rank{font-size:26px}}@media (max-width:1100px){.blog-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.blog-grid-3{grid-template-columns:1fr}}}@layer utilities;