/* Subpage shared layout — scales via head.css tokens (fluid at 1920+) */

/* In-hero breadcrumbs (legacy hero with text) */
.pl-breadcrumb,
.nl-breadcrumb,
.cl-breadcrumb,
.ct-breadcrumb,
.ab-breadcrumb {
    gap: var(--breadcrumb-gap);
    margin-bottom: var(--breadcrumb-mb);
}

.pl-hero__content,
.nl-hero__content,
.cl-hero__content,
.ct-hero__content,
.ab-hero__content {
    padding: var(--subpage-hero-padding);
}

/* Detail page topbars */
.pd-topbar__inner,
.nd-topbar__inner {
    gap: var(--topbar-gap);
}

/* List page section heads */
.pl-section-head,
.nl-section-head,
.cl-section-head {
    gap: var(--section-head-gap);
    margin-bottom: var(--section-head-mb);
}

/* Pagination (product / news / case lists) */
.pl-pagination,
.nl-pagination,
.cl-pagination {
    gap: var(--pagination-gap);
}

.pl-pagination__arrow,
.nl-pagination__arrow,
.cl-pagination__arrow {
    width: var(--pagination-size);
    height: var(--pagination-size);
    border-radius: var(--pagination-radius);
}

.pl-pagination__nums .page-num,
.nl-pagination__nums .page-num,
.cl-pagination__nums .page-num {
    min-width: var(--pagination-num-size);
    height: var(--pagination-num-size);
    padding: var(--pagination-num-padding);
    border-radius: var(--pagination-radius);
}

.pl-pagination__nums,
.nl-pagination__nums,
.cl-pagination__nums {
    gap: var(--pagination-nums-gap);
}

.pl-pagination__arrow svg,
.nl-pagination__arrow svg,
.cl-pagination__arrow svg {
    width: var(--pagination-icon-size);
    height: var(--pagination-icon-size);
}

/* Empty states */
.pl-empty,
.nl-empty,
.cl-empty {
    padding: var(--empty-padding);
    border-radius: var(--empty-radius);
}

/* CTA banners */
.pl-cta__inner,
.cl-cta__inner {
    gap: var(--cta-gap);
    padding: var(--cta-padding);
    border-radius: var(--cta-radius);
}

/* Contact section title underline */
.ct-section-title::after {
    width: var(--section-line-width);
    height: var(--section-line-height);
}