<?php
// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound -- Templates use local variables supplied by the render context.
if (!defined('ABSPATH')) {
    exit;
}

return [
    // Added 'relative w-full' for stability. Standardized the gaps to scale 
    // smoothly from mobile (gap-6) to tablet (gap-8) to desktop (gap-10).
    'grid' => 'grid grid-cols-1 lg:grid-cols-12 gap-6 sm:gap-8 lg:gap-10 px-4 sm:px-0 relative w-full',
    
    // Preserved the critical ordering (order-2 on mobile, order-1 on desktop).
    // Added 'min-w-0' to prevent CSS grid overflow from long text/URLs.
    'main' => 'lg:col-span-8 space-y-6 sm:space-y-8 flex flex-col min-w-0 order-2 lg:order-1',
    
    // Preserved the ordering (order-1 on mobile, order-2 on desktop).
    // Synced the vertical rhythm (space-y) to match the main column.
    'aside' => 'lg:col-span-4 space-y-6 sm:space-y-8 order-1 lg:order-2',
    
    // Kept the 'lg:' prefix so it only sticks when side-by-side. 
    // Added smooth transitions, an 'xl' offset, and 'pb-8' to prevent footer collisions.
    'aside_inner' => 'lg:sticky lg:top-24 xl:top-28 space-y-6 sm:space-y-8 transition-transform duration-300 ease-in-out pb-8',
];