@layer legacy,theme;@layer components{.v2 .pt-grid{grid-template-columns:minmax(0,1fr);display:grid}.v2 .pt{flex-direction:column;gap:16px;min-width:0;display:flex;position:relative}.v2 .pt-img{aspect-ratio:16/9;border:1px solid var(--color-line);background:var(--color-surface);border-radius:12px;transition:border-color .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.v2 .pt-img img{object-fit:cover;width:100%;height:100%;transition:scale .5s cubic-bezier(.2,.7,.2,1);display:block}.v2 .pt-text{flex-direction:column;gap:8px;min-width:0;display:flex}.v2 .pt-meta{color:var(--color-faint);flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:13px;line-height:20px;display:flex}.v2 .pt-meta>*+:before{content:"·";margin-right:8px}.v2 .pt-cat{color:var(--color-muted);align-items:center;gap:7px;font-weight:500;display:inline-flex}.v2 .pt-cat:after{content:"";background:var(--dot,var(--color-faint));border-radius:50%;order:-1;width:6px;height:6px}.v2 .pt-cat[data-cat=Guides]{--dot:var(--s1)}.v2 .pt-cat[data-cat=API]{--dot:var(--s2)}.v2 .pt-cat[data-cat=Models]{--dot:var(--s4)}.v2 .pt-cat[data-cat=Updates]{--dot:var(--s3)}.v2 .pt :is(h2,h3){-webkit-line-clamp:3;letter-spacing:-.01em;color:var(--color-fg);overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:20px;font-weight:600;line-height:28px;display:-webkit-box;overflow:hidden}.v2 .pt :is(h2,h3) a:after{content:"";border-radius:12px;position:absolute;inset:0}.v2 .pt :is(h2,h3) a{text-underline-offset:4px;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px;transition:text-decoration-color .3s cubic-bezier(.4,0,.2,1)}.v2 .pt-desc{-webkit-line-clamp:2;color:var(--color-muted);-webkit-box-orient:vertical;font-size:15px;line-height:24px;display:-webkit-box;overflow:hidden}@media (hover:hover){.v2 .pt:hover .pt-img{border-color:var(--color-edge)}.v2 .pt:hover .pt-img img{scale:1.03}.v2 .pt:hover :is(h2,h3) a{-webkit-text-decoration-color:var(--color-muted);text-decoration-color:var(--color-muted)}}.v2 .pt:focus-within .pt-img{border-color:var(--color-accent)}.v2 .pt:focus-within :is(h2,h3) a{-webkit-text-decoration-color:var(--color-fg);text-decoration-color:var(--color-fg)}.v2 .pt :is(h2,h3) a:focus-visible{outline:none}.v2 .pt :is(h2,h3) a:focus-visible:after{outline:2px solid var(--color-accent);outline-offset:6px}@media (max-width:39.999rem){.v2 .pt-grid .pt{border-top:1px solid var(--color-line);grid-template:"text img""meta img"1fr/minmax(0,1fr) clamp(88px,28vw,120px);align-items:start;gap:6px 16px;padding:18px 0;display:grid}.v2 .pt-grid .pt-text{grid-area:text}.v2 .pt-grid .pt-meta{grid-area:meta}.v2 .pt-grid .pt:last-child{border-bottom:1px solid var(--color-line)}.v2 .pt-grid .pt-img{border-radius:8px;grid-area:img;margin-top:4px}.v2 .pt-grid .pt :is(h2,h3){font-size:17px;line-height:24px}.v2 .pt-grid .pt-desc{display:none}.v2 .pt-grid .pt-meta{font-size:12px;line-height:18px}.v2 .pt-grid .pt :is(h2,h3) a:after{border-radius:0}.v2 .pt.wide :is(h2,h3){font-size:24px;line-height:30px}}@media (min-width:40rem){.v2 .pt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.v2 .pt-grid .pt{grid-row:span 3;grid-template-rows:subgrid;align-content:start;margin-bottom:40px;display:grid}.v2 .pt-grid .pt-text{margin-top:8px}.v2 .pt-grid .pt-meta{margin-top:4px}.v2 .pt.wide :is(h2,h3){font-size:28px;line-height:36px}}@media (min-width:64rem){.v2 .pt-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}.v2 .pt-grid .pt{margin-bottom:48px}.v2 .pt.wide{grid-template-rows:1fr auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 40px;display:grid}.v2 .pt.wide .pt-img{aspect-ratio:2;grid-row:1/-1}.v2 .pt.wide .pt-text{grid-row:2}.v2 .pt.wide .pt-meta{grid-row:3;align-self:start}.v2 .pt.wide :is(h2,h3){letter-spacing:-.02em;font-size:32px;line-height:40px}.v2 .pt.wide .pt-desc{-webkit-line-clamp:3;font-size:17px;line-height:28px}}.v2 .pt-last :is(.pt-img,.sr-img){animation:2.4s cubic-bezier(.4,0,.2,1) v2-last}@keyframes v2-last{0%,45%{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-soft)}}@media (prefers-reduced-motion:reduce){.v2 .pt-last :is(.pt-img,.sr-img){border-color:var(--color-accent);animation:none}}.v2 .post-cover{aspect-ratio:16/9;border:1px solid var(--color-line);background:var(--color-surface);border-radius:12px;overflow:hidden}.v2 .post-cover img{object-fit:cover;width:100%;height:100%;display:block}.v2 .pager{justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.v2 .pg-step{min-width:6rem;color:var(--color-fg)}.v2 .pg-step:last-child{text-align:right}.v2 a.pg-step:hover{text-underline-offset:4px;text-decoration:underline}.v2 .pg-nums{gap:4px;list-style:none;display:none}.v2 .pg-nums :is(a,span){min-width:36px;height:36px;color:var(--color-muted);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.v2 .pg-nums a:hover{background:var(--color-surface-hover);color:var(--color-fg)}.v2 .pg-nums [aria-current]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-fg)}.v2 .pg-of{color:var(--color-muted)}@media (min-width:40rem){.v2 .pg-nums{display:flex}.v2 .pg-of{display:none}}@media (prefers-reduced-motion:reduce){.v2 .pt-img,.v2 .pt-img img,.v2 .pt :is(h2,h3) a{transition:none}.v2 .pt:hover .pt-img img{scale:none}}.v2 .post-body table code{white-space:nowrap}.v2 .post-body table wbr{display:none}.v2 .sr-list{border-top:1px solid var(--color-line);flex-direction:column;display:flex}.v2 .sr{border-bottom:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) clamp(88px,28vw,160px);align-items:start;gap:16px 24px;padding:20px 0;display:grid;position:relative}.v2 .sr-text{flex-direction:column;gap:6px;min-width:0;display:flex}.v2 .sr h2{letter-spacing:-.01em;color:var(--color-fg);overflow-wrap:anywhere;font-size:18px;font-weight:600;line-height:26px}.v2 .sr h2 a{text-underline-offset:4px;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px;transition:text-decoration-color .3s cubic-bezier(.4,0,.2,1)}.v2 .sr h2 a:after{content:"";position:absolute;inset:0}.v2 .sr h2 a:focus-visible{outline:none}.v2 .sr h2 a:focus-visible:after{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:8px}.v2 .sr-desc{-webkit-line-clamp:2;color:var(--color-muted);-webkit-box-orient:vertical;font-size:15px;line-height:24px;display:-webkit-box;overflow:hidden}.v2 .sr .pt-meta{margin-top:2px}.v2 .sr-img{aspect-ratio:16/9;border:1px solid var(--color-line);background:var(--color-surface);border-radius:8px;transition:border-color .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.v2 .sr-img img{object-fit:cover;width:100%;height:100%;display:block}@media (hover:hover){.v2 .sr:hover h2 a{-webkit-text-decoration-color:var(--color-muted);text-decoration-color:var(--color-muted)}.v2 .sr:hover .sr-img{border-color:var(--color-edge)}}@media (max-width:39.999rem){.v2 .sr-desc{display:none}.v2 .sr h2{font-size:17px;line-height:24px}}.v2 #sr[hidden],.v2 #sr-none[hidden],.v2 [data-feed][hidden]{display:none!important}}@layer utilities;