
/**
 * Yorocker 4.8 — Advanced Widget Suite & Sidebar Composer 2.0
 */
.yr-sidebar-composer{display:grid;gap:var(--yr-vp-rhythm,30px)}
.yr-sidebar-module{
	position:relative;
	padding:var(--yr-vp-panel-pad,24px);
	border:1px solid var(--yr-border,#e1e5ea);
	border-radius:var(--yr-radius,4px);
	background:var(--yr-surface,#fff);
	box-shadow:var(--yr-vp-shadow,0 8px 28px rgba(15,23,42,.05));
}
.yr-sidebar-module--skin-headline .yr-widget__title{
	position:relative;
	margin:0 0 16px;
	padding-bottom:10px;
	border-bottom:2px solid var(--yr-text,#17191d);
}
.yr-sidebar-module--skin-headline .yr-widget__title:after{
	content:"";position:absolute;left:0;bottom:-2px;width:44px;height:3px;background:var(--yr-accent,#0088cc)
}
.yr-sidebar-module--skin-framed{border-width:2px}
.yr-sidebar-module--skin-dark-title{padding-top:0}
.yr-sidebar-module--skin-dark-title .yr-widget__title{
	margin:0 calc(var(--yr-vp-panel-pad,24px) * -1) 16px;
	padding:12px var(--yr-vp-panel-pad,24px);
	background:#17191d;color:#fff;border-bottom:3px solid var(--yr-accent,#0088cc)
}
.yr-sidebar-module--skin-soft{background:var(--yr-surface-alt,#f4f6f8);box-shadow:none}
.yr-sidebar--composer-sticky .yr-sidebar-composer{position:sticky;top:76px}

.yr-sidebar-topics{display:flex;flex-wrap:wrap;gap:7px}
.yr-sidebar-topics a{
	display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--yr-border);
	border-radius:999px;background:var(--yr-surface-alt);color:var(--yr-text);text-decoration:none;font-size:.78rem
}
.yr-sidebar-topics a:hover{border-color:var(--yr-accent);color:var(--yr-accent)}
.yr-sidebar-topics span{color:var(--yr-muted);font-size:.7rem}

.yr-sidebar-authors,.yr-sidebar-comments{display:grid;gap:0}
.yr-sidebar-authors>a,.yr-sidebar-comments>a{
	display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;
	padding:10px 0;border-bottom:1px solid var(--yr-border);text-decoration:none;color:inherit
}
.yr-sidebar-authors>a:last-child,.yr-sidebar-comments>a:last-child{border-bottom:0}
.yr-sidebar-authors img,.yr-sidebar-comments img{border-radius:50%}
.yr-sidebar-authors strong,.yr-sidebar-comments strong{display:block;font-size:.88rem}
.yr-sidebar-authors small,.yr-sidebar-comments small{display:block;color:var(--yr-muted);font-size:.72rem;line-height:1.35}

.yr-sidebar-newsletter{text-align:center}
.yr-sidebar-newsletter p{margin:0 0 12px;color:var(--yr-muted);line-height:1.55}
.yr-sidebar-social{display:flex;flex-wrap:wrap;gap:8px}

.yr-widget-media-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.yr-widget-media-mosaic__item{position:relative;min-width:0;overflow:hidden;border-radius:var(--yr-radius-sm,3px);background:#111}
.yr-widget-media-mosaic__item.is-lead{grid-column:1/-1}
.yr-widget-media-mosaic__media{display:block;aspect-ratio:4/3;overflow:hidden}
.yr-widget-media-mosaic__item.is-lead .yr-widget-media-mosaic__media{aspect-ratio:16/9}
.yr-widget-media-mosaic__media img{width:100%;height:100%;object-fit:cover;display:block}
.yr-widget-media-mosaic__body{
	position:absolute;inset:auto 0 0;padding:10px;
	background:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.08));color:#fff
}
.yr-widget-media-mosaic__body h3{margin:4px 0 0;font-size:.78rem;line-height:1.25}
.yr-widget-media-mosaic__item.is-lead h3{font-size:1rem}
.yr-widget-media-mosaic__body a{color:#fff;text-decoration:none}
.yr-widget-media-mosaic__body .yr-media-badge{position:static;display:inline-flex;margin:0}

.yr-widget-topic-nav{display:grid}
.yr-widget-topic-nav a{
	display:flex;justify-content:space-between;gap:12px;align-items:center;
	padding:9px 0;border-bottom:1px solid var(--yr-border);color:inherit;text-decoration:none
}
.yr-widget-topic-nav a:last-child{border-bottom:0}
.yr-widget-topic-nav strong{
	display:grid;place-items:center;min-width:28px;height:24px;padding:0 6px;border-radius:999px;
	background:var(--yr-surface-alt);color:var(--yr-muted);font-size:.68rem
}

.yr-widget-weather-now{
	display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;
	padding:16px;border-radius:var(--yr-radius);background:linear-gradient(135deg,var(--yr-surface-alt),var(--yr-surface))
}
.yr-widget-weather-now__icon{font-size:2rem;text-align:center}
.yr-widget-weather-now strong{display:block;font-size:1rem}
.yr-widget-weather-now small{display:block;margin-top:4px;color:var(--yr-muted);font-size:.72rem}

.yr-widget-advanced-reading-list .yr-personalized{
	margin:0;padding:0;border:0;box-shadow:none;background:transparent
}
.yr-widget-advanced-reading-list .yr-personalized__head{display:none}
.yr-widget-advanced-reading-list .yr-personalized-list{grid-template-columns:1fr}
.yr-widget-empty{margin:0;color:var(--yr-muted);font-size:.85rem}

html.yr-reader-dark .yr-sidebar-module,
html.yr-reader-dark .yr-widget-weather-now{
	background:var(--yr-surface);border-color:var(--yr-border);color:var(--yr-text)
}
html.yr-reader-dark .yr-sidebar-module--skin-soft{background:var(--yr-surface-alt)}

.yr-sidebar-composer-admin{display:grid;gap:10px;margin-top:14px}
.yr-sidebar-composer-admin__row{border:1px solid #c3c4c7;border-radius:6px;background:#fff}
.yr-sidebar-composer-admin__row>summary{
	display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;cursor:pointer
}
.yr-sidebar-composer-admin__row[open]>summary{border-bottom:1px solid #dcdcde}
.yr-sidebar-composer-admin__row>.yr-switch-row,
.yr-sidebar-composer-admin__row>.yr-field-grid,
.yr-sidebar-composer-admin__row>.yr-inline-checks{margin:12px 14px}
.yr-inline-checks{display:flex;flex-wrap:wrap;gap:14px}

@media(max-width:900px){
	.yr-sidebar--composer-sticky .yr-sidebar-composer{position:static}
}
@media(max-width:600px){
	.yr-sidebar-composer{gap:15px}
	.yr-sidebar-module{padding:18px}
	.yr-widget-media-mosaic{grid-template-columns:1fr}
	.yr-widget-media-mosaic__item.is-lead{grid-column:auto}
}
