/* Shared content spacing for General and Energy.
   Buttons, folded corners, diagonal image crops and hero positioning are component geometry. */
:root{
 --layout-unit:min(calc(100vw / 1440),1.25px);
 --space-1:calc(8*var(--layout-unit));
 --space-2:calc(16*var(--layout-unit));
 --space-3:calc(24*var(--layout-unit));
 --space-4:calc(32*var(--layout-unit));
 --space-5:calc(48*var(--layout-unit));
 --space-6:calc(64*var(--layout-unit));
 --section-gap:calc(96*var(--layout-unit));
 --card-inset:calc(40*var(--layout-unit));
 --sheet-inset:var(--space-5);
 --panel-inset:var(--space-3);
 --content-width:calc(1284*var(--layout-unit));
 --reading-width:calc(1180*var(--layout-unit));
 --page-gutter:48px;
 --recruit-tab-space:calc(var(--font-section)*1.4 + 14px);
}
@media(max-width:1023px){
 :root{--layout-unit:1px;--content-width:690px;--reading-width:690px;--page-gutter:24px;--card-inset:24px;--sheet-inset:24px;--panel-inset:16px;--section-gap:64px;--recruit-tab-space:calc(var(--font-section)*1.4 + 13px)}
}