.pagination{justify-content:center;align-items:center;gap:var(--space-8);margin-top:var(--space-48);flex-wrap:wrap;display:flex}.pagination-list{justify-content:center;align-items:center;gap:var(--space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pagination-page,.pagination-arrow{min-width:42px;height:42px;padding:0 var(--space-10);border:1px solid var(--line-200);border-radius:var(--radius-8);color:var(--ink-900);background:#fff;justify-content:center;align-items:center;font-size:14.5px;font-weight:600;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.pagination-page:hover,.pagination-arrow:not(.is-disabled):hover{border-color:var(--coral-500);color:var(--rose-deep)}.pagination-page:focus-visible,.pagination-arrow:focus-visible{outline:2px solid var(--ink-900);outline-offset:2px}.pagination-page.is-current{background:var(--ink-900);color:#fff;cursor:default;border-color:#0000}.pagination-arrow.is-disabled{opacity:.4;cursor:not-allowed}.pagination-gap{height:42px;padding:0 var(--space-4);color:var(--ink-700);align-items:flex-end;display:inline-flex}@media (max-width:480px){.pagination-page,.pagination-arrow{min-width:38px;height:38px;font-size:13.5px}}
.post-card{border:1px solid var(--line-200);border-radius:var(--radius-12);background:#fff;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.post-card h2{margin:0 0 var(--space-12);font-size:clamp(18px,2vw,21px);line-height:1.35}.post-card h2 a{color:inherit}.post-card h2 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.post-card p{color:var(--ink-700);margin:0;font-size:14.5px;line-height:1.65}.post-card:hover{border-color:var(--accent,#ff7a59);transform:translateY(-3px);box-shadow:0 14px 36px #1d1a151f}.post-card:hover .post-more{gap:var(--space-10);color:var(--accent-deep,#c2410c)}.post-card:focus-within{border-color:var(--accent,#ff7a59)}.post-card-media{aspect-ratio:1200/630;background:var(--asphalt-950);position:relative}.post-card-media img{object-fit:cover;width:100%;height:100%;display:block}.post-card-media.is-placeholder{background:radial-gradient(120% 140% at 78% 18%, rgba(var(--accent-rgb,255, 122, 89), .32), transparent 62%),radial-gradient(90% 120% at 12% 92%, #8b5cf638, transparent 60%),var(--asphalt-950)}.post-card-media.is-placeholder:after{content:"";left:var(--space-26);bottom:var(--space-26);background:var(--brand-gradient);border-radius:999px;width:56px;height:3px;position:absolute}.post-card-body{padding:var(--space-26);flex-direction:column;flex:1;display:flex}.post-meta{align-items:center;gap:var(--space-10);margin-bottom:var(--space-14);color:var(--ink-700);flex-wrap:wrap;font-size:12.5px;display:flex}.post-tag{padding:3px var(--space-10);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep,#c2410c);background:var(--accent-soft,#ff7a591f);border-radius:999px;font-size:11.5px;display:inline-block}.post-more{align-items:center;gap:var(--space-8);padding-top:var(--space-18);color:var(--ink-900);margin-top:auto;font-size:13.5px;font-weight:600;transition:gap .25s,color .25s;display:inline-flex}.post-more:after{content:"→"}.post-empty{color:var(--ink-700);font-size:16px}.post-grid>[class*=col-]:nth-child(4n+1) .post-card{--accent:#ff7a59;--accent-rgb:255, 122, 89;--accent-deep:#c2410c;--accent-soft:#ff7a591f}.post-grid>[class*=col-]:nth-child(4n+2) .post-card{--accent:#ff5d8f;--accent-rgb:255, 93, 143;--accent-deep:#ad1457;--accent-soft:#ff5d8f1f}.post-grid>[class*=col-]:nth-child(4n+3) .post-card{--accent:#8b5cf6;--accent-rgb:139, 92, 246;--accent-deep:#6d28d9;--accent-soft:#8b5cf621}.post-grid>[class*=col-]:nth-child(4n+4) .post-card{--accent:#5b8dff;--accent-rgb:91, 141, 255;--accent-deep:#1d4ed8;--accent-soft:#5b8dff24}.post-card-skeleton{pointer-events:none}.post-card-skeleton:hover{border-color:var(--line-200);box-shadow:none;transform:none}.sk-box,.sk-line{background:linear-gradient(90deg,#1d1a150f 25%,#1d1a151f 37%,#1d1a150f 63%) 0 0/400% 100%;animation:1.4s ease-in-out infinite skShimmer;display:block}.post-card-skeleton .post-card-media.sk-box{border-radius:0}.sk-line{border-radius:999px;height:11px}.sk-tag{width:84px;height:18px}.sk-date{width:96px}.sk-title{height:16px;margin-bottom:var(--space-8)}.sk-text{height:10px;margin-top:var(--space-10)}.sk-short{width:62%}.sk-more{width:104px;height:13px;margin-top:auto}.post-card-skeleton .post-card-body{padding-bottom:calc(var(--space-26) + var(--space-18))}.post-card-skeleton .post-meta{min-height:18px}.pagination-skeleton .sk-pill{border-radius:var(--radius-8);width:42px;height:42px}@keyframes skShimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.sk-box,.sk-line{background:#1d1a1514;animation:none}}
