/* MySP Archive (v0.120.0): daftar artikel untuk Kategori, Tag, Pencarian. Semua selektor diberi awalan .mysp-arc agar tidak bentrok dengan tema. */
.mysp-arc-outer{box-sizing:border-box;width:100%;max-width:var(--arc-maxw,1200px);margin:0 auto;padding:32px 20px 56px;color:inherit}
.mysp-arc-outer *,.mysp-arc-outer *::before,.mysp-arc-outer *::after{box-sizing:border-box}
.mysp-arc-layout.has-side{display:flex;gap:32px;align-items:flex-start}
.mysp-arc-main{flex:1;min-width:0}
.mysp-arc-side{flex:0 0 300px;width:300px;max-width:100%;min-width:0}
/* v0.120.1: CSS sidebar tema sering memakai lebar persen / float / posisi khusus (dirancang untuk tata letak tema sendiri), jadi di dalam wrapper ini sidebar menyusut. Paksa mengikuti lebar wrapper. */
.mysp-arc-side>*{float:none!important;position:static!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;writing-mode:horizontal-tb!important}
/* v0.122.2: header arsip = satu gaya dengan halaman tunggal: kartu seperti kartu artikel, judul mengikuti gaya judul tema (.entry-title; tidak dipaksa tebal), teks deskripsi seukuran isi. */
.mysp-arc-head{margin:0 0 24px;padding:22px 24px;border:1px solid rgba(127,127,127,.25);border-radius:14px;background:var(--arc-card-bg,rgba(127,127,127,.05));color:var(--arc-card-fg,inherit)}
.mysp-arc-outer .mysp-arc-title{margin:0 0 8px;padding:0}
.mysp-arc-desc{max-width:none;font-size:.95rem;line-height:1.6;opacity:.85}
.mysp-arc-desc p{margin:0 0 .6em}
.mysp-arc-desc>:last-child{margin-bottom:0}
.mysp-arc-count{margin:10px 0 0;font-size:.8rem;opacity:.7}
.mysp-arc-outer .mysp-arc-sform{display:flex;align-items:stretch;max-width:520px;margin:18px 0 0;padding:0}
.mysp-arc-outer .mysp-arc-sform input[type="search"]{flex:1;min-width:0;height:46px;margin:0;padding:0 18px;border:1px solid rgba(127,127,127,.35);border-right:0;border-radius:999px 0 0 999px;background:var(--arc-card-bg,rgba(127,127,127,.05));color:var(--arc-card-fg,inherit);font:inherit;font-size:.95rem;line-height:1;box-shadow:none;outline:0;-webkit-appearance:none;appearance:none}
.mysp-arc-outer .mysp-arc-sform input[type="search"]:focus{border-color:var(--arc-accent,#2563eb)}
.mysp-arc-outer .mysp-arc-sform input[type="search"]::placeholder{opacity:.55}
.mysp-arc-outer .mysp-arc-sform button{display:inline-flex;align-items:center;gap:8px;height:46px;margin:0;padding:0 22px;border:1px solid var(--arc-accent,#2563eb);border-radius:0 999px 999px 0;background:var(--arc-accent,#2563eb);color:#fff;font:inherit;font-size:.95rem;font-weight:600;line-height:1;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0}
.mysp-arc-outer .mysp-arc-sform button:hover{opacity:.9}
.mysp-arc-empty{padding:32px 0;opacity:.8}

/* Daftar kartu */
.mysp-arc-grid{display:grid;gap:24px;grid-template-columns:repeat(var(--arc-cols,3),minmax(0,1fr))}
.mysp-arc-grid.is-list{grid-template-columns:1fr;gap:20px}
.mysp-arc-card{display:flex;flex-direction:column;min-width:0;border:1px solid rgba(127,127,127,.25);border-radius:14px;overflow:hidden;background:var(--arc-card-bg,rgba(127,127,127,.05));color:var(--arc-card-fg,inherit);transition:transform .2s ease,box-shadow .2s ease}
.mysp-arc-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.mysp-arc-img{display:block;position:relative;overflow:hidden;aspect-ratio:var(--arc-ratio,16/9);background:rgba(127,127,127,.14)}
.mysp-arc-img img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;object-fit:cover;object-position:var(--arc-pos,center);transition:transform .35s ease} /* v0.120.3: gambar mengisi kotak berukuran tetap (di-crop), tidak lagi menentukan tinggi kartu */
.mysp-arc-card:hover .mysp-arc-img img{transform:scale(1.04)}
.mysp-arc-img.is-empty{display:flex;align-items:center;justify-content:center;font-size:2rem;opacity:.45;text-decoration:none;color:inherit}
.mysp-arc-body{display:flex;flex-direction:column;gap:8px;flex:1;padding:16px 18px 20px}
.mysp-arc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:.8rem}
.mysp-arc-meta>*:not(.mysp-arc-cat){opacity:.8}
.mysp-arc-meta a{color:inherit;text-decoration:none}
.mysp-arc-meta a:not(.mysp-arc-cat):hover{text-decoration:underline}
.mysp-arc-meta i{margin-right:3px}
.mysp-arc-au{display:inline-flex;align-items:center}
.mysp-arc-av{width:24px;height:24px;margin:0 6px 0 0;border-radius:50%;object-fit:cover;flex:none}
.mysp-arc-outer .mysp-arc-cat{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--arc-accent,#2563eb);color:#fff;font-weight:600;font-size:.75rem;text-decoration:none}
.mysp-arc-ctitle{margin:0;font-size:1.15rem;line-height:1.35}
.mysp-arc-outer .mysp-arc-ctitle{font-weight:700} /* v0.120.4: judul kartu tebal (tema sering memakai heading tipis) */
.mysp-arc-outer .mysp-arc-ctitle a{color:inherit;font-weight:inherit;text-decoration:none}
.mysp-arc-ctitle a:hover{color:var(--arc-accent,#2563eb)}
.mysp-arc-ex{margin:0;font-size:.95rem;line-height:1.55;opacity:.85}
.mysp-arc-tags{display:flex;flex-wrap:wrap;gap:6px}
.mysp-arc-tag{font-size:.78rem;color:inherit;opacity:.7;text-decoration:none}
.mysp-arc-tag:hover{opacity:1;color:var(--arc-accent,#2563eb)}
.mysp-arc-readmore{margin-top:auto;padding-top:4px;font-weight:600;font-size:.9rem;color:var(--arc-accent,#2563eb);text-decoration:none}
.mysp-arc-readmore:hover{text-decoration:underline}
.mysp-arc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Tampilan daftar: gambar di kiri */
.is-list .mysp-arc-card{flex-direction:row}
.is-list .mysp-arc-img{flex:0 0 34%;max-width:340px;aspect-ratio:var(--arc-ratio,16/9)} /* tinggi dasar = rasio; bila teks lebih tinggi, gambar ikut memanjang (tetap di-crop) */

/* Navigasi */
.mysp-arc-pager ul.page-numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:32px 0 0;padding:0;list-style:none}
.mysp-arc-pager .page-numbers li{margin:0}
.mysp-arc-pager a.page-numbers,.mysp-arc-pager span.page-numbers{display:inline-block;min-width:40px;padding:8px 14px;border:1px solid rgba(127,127,127,.3);border-radius:999px;color:inherit;text-align:center;text-decoration:none;line-height:1.2}
.mysp-arc-pager a.page-numbers:hover{border-color:var(--arc-accent,#2563eb);color:var(--arc-accent,#2563eb)}
.mysp-arc-pager span.page-numbers.current{background:var(--arc-accent,#2563eb);border-color:var(--arc-accent,#2563eb);color:#fff;font-weight:600}
.mysp-arc-pager span.page-numbers.dots{border-color:transparent}
.mysp-arc-morewrap{margin-top:32px;text-align:center}
.mysp-arc-outer a.mysp-arc-more{display:inline-block;padding:12px 28px;border-radius:999px;background:var(--arc-accent,#2563eb);color:#fff;font-weight:600;text-decoration:none;transition:opacity .2s}
.mysp-arc-outer a.mysp-arc-more:hover{opacity:.9}
.mysp-arc-outer a.mysp-arc-more[aria-busy="true"]{opacity:.55;pointer-events:none}

/* Responsif */
@media (max-width:980px){
	.mysp-arc-grid:not(.is-list){grid-template-columns:repeat(min(var(--arc-cols,3),2),minmax(0,1fr))}
	.mysp-arc-layout.has-side{flex-direction:column}
	.mysp-arc-side{flex:none;width:100%;max-width:100%}
}
@media (max-width:640px){
	.mysp-arc-outer{padding:24px 16px 40px}
	.mysp-arc-grid:not(.is-list){grid-template-columns:1fr}
	.is-list .mysp-arc-card{flex-direction:column}
	.is-list .mysp-arc-img{flex:none;max-width:none;aspect-ratio:var(--arc-ratio,16/9)}
}
@media (prefers-reduced-motion:reduce){
	.mysp-arc-card,.mysp-arc-img img{transition:none}
	.mysp-arc-card:hover{transform:none}
	.mysp-arc-card:hover .mysp-arc-img img{transform:none}
}