.wig-library-page,
.wig-library-page *,
.wig-save-button,
.wig-follow-button{
	box-sizing:border-box;
}

.wig-library-page{
	width:100%;
	background:var(--wig-content-bg);
	color:var(--wig-content-text);
	font-family:var(--wig-font-family);
	font-size:var(--wig-body-size);
	font-weight:var(--wig-body-weight);
	line-height:var(--wig-body-line-height);
	padding:var(--wig-content-padding);
	border-radius:var(--wig-content-radius);
}

.wig-library-page a{
	color:var(--wig-content-link);
}

.wig-library-page a:hover,
.wig-library-page a:focus{
	color:var(--wig-content-link-hover);
}

.wig-library-page section{
	margin:0 0 var(--wig-section-gap);
}

.wig-library-page section:last-child{
	margin-bottom:0;
}

.wig-library-page h2{
	color:var(--wig-heading-color);
	font-family:var(--wig-heading-font-family);
	font-size:var(--wig-heading-size);
	font-weight:var(--wig-heading-weight);
	line-height:var(--wig-heading-line-height);
	margin:0 0 24px;
}

.wig-library-filters{
	display:flex;
	gap:var(--wig-filter-gap);
	flex-wrap:wrap;
	margin:0 0 28px;
}

.wig-library-filters a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:var(--wig-filter-bg);
	color:var(--wig-filter-text)!important;
	border:1px solid var(--wig-filter-border);
	border-radius:var(--wig-filter-radius);
	padding:var(--wig-filter-pad-v) var(--wig-filter-pad-h);
	font-size:var(--wig-filter-size);
	font-weight:var(--wig-filter-weight);
	line-height:1.2;
	text-decoration:none;
	text-transform:var(--wig-filter-transform);
	transition:background .2s ease,color .2s ease,border-color .2s ease;
}

.wig-library-filters a:hover,
.wig-library-filters a:focus{
	background:var(--wig-filter-hover-bg);
	color:var(--wig-filter-hover-text)!important;
}

.wig-library-filters a.is-active{
	background:var(--wig-filter-active-bg);
	color:var(--wig-filter-active-text)!important;
	border-color:var(--wig-filter-active-bg);
}

.wig-library-grid{
	display:grid;
	grid-template-columns:repeat(var(--wig-card-columns),minmax(0,1fr));
	gap:var(--wig-card-gap);
}

.wig-library-card,
.wig-activity-item,
.wig-notification,
.wig-followed-topic{
	background:var(--wig-card-bg);
	color:var(--wig-card-text);
	border:1px solid var(--wig-card-border);
	border-radius:var(--wig-card-radius);
	padding:var(--wig-card-padding);
	margin:0 0 var(--wig-card-gap);
	overflow:hidden;
}

.wig-library-card{
	padding:0;
	margin:0;
}

.wig-library-card-image,
.wig-library-card img{
	display:block;
	width:100%;
}

.wig-library-card img{
	aspect-ratio:16/9;
	object-fit:cover;
}

.wig-library-card-body{
	padding:var(--wig-card-padding);
}

.wig-library-card h3,
.wig-activity-item h3,
.wig-notification h3{
	color:var(--wig-card-title);
	font-size:var(--wig-card-title-size);
	font-weight:var(--wig-card-title-weight);
	line-height:var(--wig-card-title-line-height);
	margin:0 0 12px;
}

.wig-library-card h3 a,
.wig-activity-item h3 a,
.wig-notification h3 a{
	color:inherit;
	text-decoration:none;
}

.wig-library-card h3 span,
.wig-activity-item h3 span,
.wig-notification h3 span{
	font-weight:400;
	opacity:.85;
}

.wig-library-card p,
.wig-activity-item p,
.wig-notification p,
.wig-followed-topic{
	font-size:var(--wig-card-body-size);
	font-weight:var(--wig-card-body-weight);
	line-height:var(--wig-card-body-line-height);
}

.wig-meta{
	color:var(--wig-card-meta)!important;
	font-size:var(--wig-meta-size)!important;
	font-weight:var(--wig-meta-weight)!important;
}

.wig-notification.is-unread{
	border-left:4px solid var(--wig-unread-accent);
}

.wig-library-actions{
	display:flex;
	gap:12px;
	align-items:center;
	flex-wrap:wrap;
	margin-top:16px;
}

.wig-action-button,
.wig-follow-button,
.wig-library-page form button[type="submit"]{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:var(--wig-action-bg)!important;
	color:var(--wig-action-text)!important;
	border:1px solid var(--wig-action-border)!important;
	border-radius:var(--wig-action-radius)!important;
	padding:var(--wig-action-pad-v) var(--wig-action-pad-h)!important;
	font-size:var(--wig-action-size)!important;
	font-weight:var(--wig-action-weight)!important;
	line-height:1.2;
	text-transform:var(--wig-action-transform);
	text-decoration:none!important;
	cursor:pointer;
	transition:background .2s ease,color .2s ease,border-color .2s ease;
}

.wig-action-button:hover,
.wig-action-button:focus,
.wig-follow-button:hover,
.wig-follow-button:focus,
.wig-library-page form button[type="submit"]:hover,
.wig-library-page form button[type="submit"]:focus{
	background:var(--wig-action-hover-bg)!important;
	color:var(--wig-action-hover-text)!important;
}

.wig-save-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	background:var(--wig-save-bg)!important;
	color:var(--wig-save-text)!important;
	border:1px solid var(--wig-save-border)!important;
	border-radius:var(--wig-save-radius)!important;
	padding:var(--wig-save-pad-v) var(--wig-save-pad-h)!important;
	font-size:var(--wig-save-size)!important;
	font-weight:var(--wig-save-weight)!important;
	width:var(--wig-save-width)!important;
	line-height:1.2;
	text-transform:var(--wig-save-transform);
	text-decoration:none!important;
	cursor:pointer;
	transition:background .2s ease,color .2s ease,border-color .2s ease;
}

.wig-save-button:hover,
.wig-save-button:focus{
	background:var(--wig-save-hover-bg)!important;
	color:var(--wig-save-hover-text)!important;
}

.wig-library-empty,
.wig-library-message{
	background:var(--wig-empty-bg);
	color:var(--wig-empty-text);
	border:1px solid var(--wig-empty-border);
	border-radius:var(--wig-card-radius);
	padding:var(--wig-card-padding);
	font-size:var(--wig-empty-size);
}

.wig-preferences-form{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:var(--wig-form-gap);
}

.wig-pref{
	display:flex;
	align-items:flex-start;
	gap:10px;
	color:var(--wig-label-color);
	font-size:var(--wig-label-size);
	line-height:1.4;
}

.wig-pref input{
	margin-top:.2em;
}

.wig-followed-topic{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:20px;
}

.wig-pagination{
	display:flex;
	gap:8px;
	flex-wrap:wrap;
	margin-top:28px;
}

.wig-pagination a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:var(--wig-page-bg);
	color:var(--wig-page-text)!important;
	border:1px solid var(--wig-page-border);
	border-radius:var(--wig-page-radius);
	padding:9px 13px;
	font-size:var(--wig-page-size);
	text-decoration:none;
}

.wig-pagination a.is-active{
	background:var(--wig-page-active-bg);
	color:var(--wig-page-active-text)!important;
	border-color:var(--wig-page-active-bg);
}

@media(max-width:900px){
	.wig-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:600px){
	.wig-library-grid{grid-template-columns:1fr;}
	.wig-library-actions{align-items:stretch;flex-direction:column;}
	.wig-library-actions>*{width:100%!important;}
	.wig-followed-topic{align-items:stretch;flex-direction:column;}
	.wig-library-filters a{flex:1 1 calc(50% - var(--wig-filter-gap));}
}

.wig-library-page button,
.wig-library-page input,
.wig-library-page select,
.wig-library-page textarea{font-family:inherit}


/* v1.2.4 saved content card refinements */
.wig-library-card .wig-library-card-body{
	display:flex;
	flex-direction:column;
	gap:0;
}

.wig-library-card p.wig-library-card-type{
	color:var(--wig-content-link);
	font-size:14px;
	font-weight:600;
	line-height:1.2;
	text-transform:uppercase;
	letter-spacing:.06em;
	margin:0 0 14px;
}

.wig-library-card h3{
	text-transform:uppercase;
	margin:0 0 14px;
}

.wig-library-card .wig-library-actions{
	flex-direction:column;
	align-items:stretch;
	gap:14px;
}

.wig-library-card .wig-action-button,
.wig-library-card .wig-save-button{
	width:100%!important;
}


/* v1.2.5 saved content card refinements */
.wig-library-saved-page .wig-library-card img{
	aspect-ratio:4/3;
	object-fit:cover;
}

.wig-library-saved-page .wig-library-card h3{
	font-weight:700;
}