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

return [
    // 12-column grid, but tightly packed gaps (gap-4/6) to create a cohesive 'bento box' feel.
    'grid' => 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-12 auto-rows-max gap-4 sm:gap-6 px-4 sm:px-0 relative w-full',
    
    // Main takes 8 columns and stretches across 2 rows for heavy visual weight.
    'main' => 'sm:col-span-2 lg:col-span-8 lg:row-span-2 space-y-4 flex flex-col min-w-0 order-1',
    
    // Aside takes 4 columns. We set it as an internal grid to stack its own widgets.
    'aside' => 'sm:col-span-2 lg:col-span-4 grid grid-cols-1 gap-4 sm:gap-6 order-2',
    
    // Keeps the inner widgets spaced tightly.
    'aside_inner' => 'space-y-4 w-full',
];