fix(widgets): restore article list rendering and reference styles

tests/widget-system/tab-posts-style-contract.test.cjs

@@ -20,7 +20,7 @@ function declarations(selector) {
   return result;
 }
 
-test('tab post titles restore reference weight after public typography while preserving the bold option', () => {
+test('tab and single post widget titles restore reference weight while preserving the bold option', () => {
   // public.css sets h2 to 700. The widget must override that selector;
   // the explicit global heading-bold option must still win inside it.
   assert.match(read('assets/css/core/typography.css'), /font-weight:\s*700/);
@@ -28,12 +28,19 @@ test('tab post titles restore reference weight after public typography while pre
   assert.equal(heading['font-weight'], '500');
   assert.equal(heading.color, 'inherit');
   assert.equal(declarations('.widget-tab-post .item-heading.font-bold')['font-weight'], '700');
+  assert.equal(declarations('.widget-main-post .item-heading')['font-weight'], '500');
+  assert.equal(declarations('.widget-main-post .item-heading.font-bold')['font-weight'], '700');
   const shell = declarations('.aksrt-tab-posts-wrap');
   assert.equal(shell['font-size'], '14px');
   assert.equal(shell['line-height'], '1.42857143');
   assert.equal(shell.color, 'var(--main-color,#4e5358)');
   assert.equal(declarations('.widget-tab-post .posts-mini')['vertical-align'], 'baseline');
   assert.equal(declarations('.widget-tab-post .posts-mini-con').flex, 'auto');
+  assert.equal(declarations('.widget-main-post .posts-mini')['vertical-align'], 'baseline');
+  assert.equal(declarations('.widget-main-post .posts-mini-con').flex, 'auto');
+  assert.equal(declarations('.widget-tab-post .item-meta .meta-pay').cursor, 'auto');
+  assert.equal(declarations('.widget-main-post .item-meta .meta-pay').cursor, 'auto');
+  assert.match(css, /\.aksrt-posts-wrap :where\(a, button, input, select, textarea, \[tabindex\]\):focus-visible/);
 });
 
 test('widget pagination restores compact reference metrics over public pagination overrides', () => {
@@ -52,6 +59,10 @@ test('widget pagination restores compact reference metrics over public paginatio
   assert.equal(nestedLabel['min-width'], '0');
   assert.equal(nestedLabel.padding, '0');
   const hover = declarations('.widget-tab-post .pagenav a.page-numbers:hover');
+  assert.equal(declarations('.widget-main-post .pagenav').display, 'block');
+  assert.equal(declarations('.widget-main-post .pagenav .page-numbers').padding, '6px 9px 5px');
+  assert.equal(declarations('.widget-main-post .pagenav a.page-numbers:hover').opacity, '.7');
+  assert.match(read('assets/css/main.css'), /\.pagenav \.current\s*\{[^}]*background-color:\s*var\(--focus-color\)\s*!important;[^}]*color:\s*#fff\s*!important;/s);
   assert.equal(hover.background, 'var(--main-border-color)');
   assert.equal(hover.opacity, '.7');
 });
@@ -61,13 +72,15 @@ test('jump control keeps the reference inline layout and responsive numeric link
   assert.equal(jump.width, 'auto', 'public mobile CSS must not stretch the jump control to a full row');
   assert.equal(jump.display, 'inline-flex');
   const input = declarations('.widget-tab-post .pagenav .pag-jump .jump-input');
+  assert.equal(declarations('.widget-main-post .pagenav .pag-jump').display, 'inline-flex');
+  assert.equal(declarations('.widget-main-post .pagenav .pag-jump .jump-input').position, 'absolute');
   assert.equal(input.position, 'absolute');
   assert.equal(input.width, '100%');
   assert.equal(input.opacity, '0');
   const mobile = css.slice(css.indexOf('@media (max-width:640px)'));
-  assert.match(mobile, /\.widget-tab-post \.pagenav a\.page-numbers\s*\{\s*display:none/);
-  assert.match(mobile, /\.widget-tab-post \.pagenav a\.prev\s*\{\s*display:inline-block/);
-  assert.match(mobile, /\.widget-tab-post \.pagenav \.page-numbers\s*\{\s*min-width:28px;\s*margin:2px;\s*font-size:12px/);
+  assert.match(mobile, /:is\(\.widget-tab-post, \.widget-main-post\) \.pagenav a\.page-numbers\s*\{\s*display:none/);
+  assert.match(mobile, /:is\(\.widget-tab-post, \.widget-main-post\) \.pagenav a\.prev\s*\{\s*display:inline-block/);
+  assert.match(mobile, /:is\(\.widget-tab-post, \.widget-main-post\) \.pagenav \.page-numbers\s*\{\s*min-width:28px;\s*margin:2px;\s*font-size:12px/);
 });
 
 test('modern tabs have one interaction owner and no retired tab selector or unused widget-style field', () => {