.ptag{
	--ptag-accent:#3f3d9e;--ptag-line:#dcdcdc;--ptag-head:#111;--ptag-name:#111;--ptag-nameh:#3f3d9e;
	--ptag-meta:#6b6b6b;--ptag-bbg:#f3f3f3;--ptag-bcol:#444;--ptag-border:#eee;
	--ptag-chipbg:#f3f3f3;--ptag-chipcol:#222;--ptag-chiphbg:#3f3d9e;--ptag-chiph:#fff;
	--ptag-hscale:1;--ptag-nscale:1;--ptag-badge:44px;--ptag-hgap:12px;--ptag-rpad:8px;--ptag-gap:12px;
	font-family:inherit;color:inherit;width:100%;max-width:100%;box-sizing:border-box;
	padding-left:var(--ptag-gap);padding-right:var(--ptag-gap);
}
.ptag *{box-sizing:border-box;font-family:inherit}

/* Judul dengan garis aksen */
.ptag .ptag-title{
	position:relative;margin:0 0 var(--ptag-hgap);padding:0 0 .55em;border:0;
	font-size:calc(1.3em * var(--ptag-hscale));font-weight:700;line-height:1.2;color:var(--ptag-head);
}
.ptag .ptag-title::before,.ptag .ptag-title::after{content:"";position:absolute;left:0;bottom:0;height:2px}
.ptag .ptag-title::after{width:100%;background:var(--ptag-line)}
.ptag .ptag-title::before{width:4.6em;background:var(--ptag-accent);z-index:1}
.ptag.no-line .ptag-title{padding-bottom:0}
.ptag.no-line .ptag-title::before,.ptag.no-line .ptag-title::after{display:none}

/* Daftar bernomor */
.ptag-list{list-style:none;margin:0;padding:0}
.ptag-item{display:flex;align-items:center;gap:.85rem;margin:0;padding:var(--ptag-rpad) 0;list-style:none}
.ptag.has-border .ptag-item{border-bottom:1px solid var(--ptag-border)}
.ptag.has-border .ptag-item:last-child{border-bottom:0}
.ptag-num{
	flex:0 0 var(--ptag-badge);width:var(--ptag-badge);height:var(--ptag-badge);
	display:flex;align-items:center;justify-content:center;
	background:var(--ptag-bbg);color:var(--ptag-bcol);border-radius:50%;
	font-size:calc(var(--ptag-badge) * .4);font-weight:500;line-height:1;font-variant-numeric:tabular-nums;
}
.ptag.is-italic .ptag-num{font-style:italic}
.ptag.shape-square .ptag-num{border-radius:calc(var(--ptag-badge) * .25)}
.ptag.shape-none .ptag-num{background:transparent;width:auto;flex-basis:calc(var(--ptag-badge) * .7);font-size:calc(var(--ptag-badge) * .5);font-weight:700}
.ptag-body{flex:1 1 auto;min-width:0}
.ptag-name{
	display:block;font-size:calc(1.02em * var(--ptag-nscale));font-weight:700;line-height:1.35;
	color:var(--ptag-name);text-decoration:none;overflow-wrap:anywhere;
}
.ptag-name:hover,.ptag-name:focus{color:var(--ptag-nameh);text-decoration:none}
.ptag-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35em;margin-top:.25em;font-size:.8em;line-height:1.2;color:var(--ptag-meta)}
.ptag-ico{flex:0 0 auto;margin-right:.1em}
.ptag-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.7;margin:0 .15em}

/* Chip */
.ptag-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5em}
.ptag-chips li{margin:0;padding:0;list-style:none}
.ptag-chip{
	display:inline-flex;align-items:center;gap:.25em;padding:.4em .9em;border-radius:999px;
	background:var(--ptag-chipbg);color:var(--ptag-chipcol);text-decoration:none;
	font-size:calc(.88em * var(--ptag-nscale));font-weight:600;line-height:1.2;transition:background .15s,color .15s;
}
.ptag-chip .ptag-hash{opacity:.55}
.ptag-chip small{font-size:.8em;font-weight:700;opacity:.6}
.ptag-chip:hover,.ptag-chip:focus{background:var(--ptag-chiphbg);color:var(--ptag-chiph);text-decoration:none}

@media (max-width:480px){
	.ptag-item{gap:.7rem}
	.ptag-num{flex-basis:calc(var(--ptag-badge) * .9);width:calc(var(--ptag-badge) * .9);height:calc(var(--ptag-badge) * .9)}
	.ptag.shape-none .ptag-num{width:auto}
	.ptag-meta{font-size:.76em}
}