.collection-list { padding: clamp(2rem, 5vw, 4rem) var(--spacing-md); }
.collection-list__items { gap: var(--spacing-md); grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); max-width: 1140px; margin: 0 auto; display: grid; }
.collection-list__pages { max-width: 1140px; margin: var(--spacing-lg) auto 0; justify-content: center; align-items: center; gap: var(--spacing-sm); display: flex; }
.collection-list__page-link { border: 1px solid color-mix(in srgb, var(--color-foreground) 12%, transparent); border-radius: var(--radius-full); min-width: 44px; min-height: 44px; color: var(--color-foreground); justify-content: center; align-items: center; display: inline-flex; }
.collection-list__page-link:hover { border-color: var(--color-primary); color: var(--color-primary); }
.collection-list__page-number { font-family: var(--font-body); color: var(--color-secondary); font-size: .9rem; }


/* Kartu Artikel */
.cmp-artikel-card .ac{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}
.cmp-artikel-card .ac-media{display:block;aspect-ratio:3/2;background:#f1f7fc;overflow:hidden}
.cmp-artikel-card .ac-media img{width:100%;height:100%;object-fit:cover;display:block}
.cmp-artikel-card .ac-body{flex:1;display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px}
.cmp-artikel-card .ac-meta{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.8rem;color:#64748b}
.cmp-artikel-card .ac-cat{font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#145da0;background:#e7f1fa;border-radius:50px;padding:3px 10px;font-size:.72rem}
.cmp-artikel-card .ac-title{margin:0;font-size:1.15rem;font-weight:600;line-height:1.35}
.cmp-artikel-card .ac-title a{color:#1e293b;text-decoration:none}
.cmp-artikel-card .ac-title a:hover{color:#145da0}
.cmp-artikel-card .ac-excerpt{margin:0;color:#475569;font-size:.95rem;line-height:1.65}
.cmp-artikel-card .ac-more{margin-top:auto;padding-top:6px;font-weight:600;color:#1f75bc;text-decoration:none}
.cmp-artikel-card .ac-more:hover{text-decoration:underline}

/* Halaman Artikel */
.cmp-artikel-page .ap{max-width:760px;margin:0 auto;padding:48px 20px 72px}
.cmp-artikel-page .ap-head{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.cmp-artikel-page .ap-meta{margin:0;font-size:.85rem;color:#64748b;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cmp-artikel-page .ap-back{color:#1f75bc;text-decoration:none;font-weight:600}
.cmp-artikel-page .ap-cat{font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#145da0}
.cmp-artikel-page .ap-title{margin:0;color:#145da0;font-size:clamp(1.75rem,4.5vw,2.5rem);line-height:1.2;font-weight:700}
.cmp-artikel-page .ap-excerpt{margin:0;font-size:1.15rem;line-height:1.7;color:#475569}
.cmp-artikel-page .ap-byline{margin:0;font-size:.9rem;color:#64748b}
.cmp-artikel-page .ap-cover{margin:0 0 32px}
.cmp-artikel-page .ap-cover img{width:100%;height:auto;border-radius:12px;display:block}
.cmp-artikel-page .ap-body{color:#334155;font-size:1.05rem;line-height:1.8}
.cmp-artikel-page .ap-body h2{color:#145da0;font-size:1.5rem;line-height:1.3;margin:40px 0 12px;font-weight:600}
.cmp-artikel-page .ap-body h3{color:#1e293b;font-size:1.2rem;line-height:1.35;margin:28px 0 8px;font-weight:600}
.cmp-artikel-page .ap-body p{margin:0 0 18px}
.cmp-artikel-page .ap-body ul, .cmp-artikel-page .ap-body ol{margin:0 0 18px;padding-left:24px}
.cmp-artikel-page .ap-body ul{list-style:disc}
.cmp-artikel-page .ap-body ol{list-style:decimal}
.cmp-artikel-page .ap-body li{margin-bottom:6px}
.cmp-artikel-page .ap-body a{color:#1f75bc;text-decoration:underline}
.cmp-artikel-page .ap-body strong{color:#1e293b}
.cmp-artikel-page .ap-body table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:.95rem;display:block;overflow-x:auto}
.cmp-artikel-page .ap-body th, .cmp-artikel-page .ap-body td{border:1px solid #e2e8f0;padding:10px 12px;text-align:left;vertical-align:top}
.cmp-artikel-page .ap-body th{background:#f1f7fc;color:#145da0}
.cmp-artikel-page .ap-body blockquote{margin:0 0 18px;padding:12px 18px;border-left:4px solid #1f75bc;background:#f1f7fc;border-radius:0 8px 8px 0}
.cmp-artikel-page .ap-cta{margin-top:48px;padding:28px;border-radius:12px;background:#f1f7fc;text-align:center}
.cmp-artikel-page .ap-cta h2{margin:0 0 8px;color:#145da0;font-size:1.4rem;font-weight:600}
.cmp-artikel-page .ap-cta p{margin:0;color:#475569;line-height:1.7}
.cmp-artikel-page .ap-cta-actions{margin-top:18px!important;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.cmp-artikel-page .ap-btn{display:inline-flex;align-items:center;gap:8px;background:#15803d;color:#fff;font-weight:600;padding:13px 22px;border-radius:50px;text-decoration:none}
.cmp-artikel-page .ap-btn:hover{background:#166534}
.cmp-artikel-page .ap-btn--ghost{background:#fff;color:#145da0;border:1px solid #e2e8f0}
.cmp-artikel-page .ap-btn--ghost:hover{background:#fff}

/* Kartu Portofolio */
.cmp-portofolio-card .pf-card{margin:0;height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}
.cmp-portofolio-card .pf-media{position:relative;aspect-ratio:1/1;background:#f1f7fc;overflow:hidden}
.cmp-portofolio-card .pf-media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:block}
.cmp-portofolio-card .pf-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}
.cmp-portofolio-card .pf-cat{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#145da0;background:#e7f1fa;border-radius:50px;padding:3px 10px}
.cmp-portofolio-card .pf-title{margin:6px 0 0;font-size:1rem;font-weight:600;line-height:1.35;color:#1e293b}
.cmp-portofolio-card .pf-client{margin:0;font-size:.88rem;color:#475569}
.cmp-portofolio-card .pf-spec{margin:0;font-size:.82rem;color:#64748b}
.cmp-portofolio-card .pf-client:empty, .cmp-portofolio-card .pf-spec:empty{display:none}