/* by Creasant - Tablet Styles (Refactored) */
@media (max-width: 1180px) {
    /* ========================================
       1. Global Typography
       ======================================== */

    body {
        font-size: 18px;
    }

    h1 {
        font-size: 32px;
    }

    /* ========================================
       2. Layout Container Background
       ======================================== */

    body:not(.path-frontpage) .layout-container::before {
        top: 300px;
        height: calc(100% - 300px);
    }

    /* ========================================
       3. Page Title Block (Hero) - Shared
       ======================================== */

    .region-breadcrumb .page-container > .block-hkust-page-title {
        margin-bottom: 50px;
    }

    .region-breadcrumb .page-container > .block-hkust-page-title::before {
        width: 75px;
    }

    .region-breadcrumb .page-container > .block-hkust-page-title::after {
        bottom: 30px;
        width: 30px;
    }

    .region-breadcrumb #block-mtpc-pagetitle-3::after,
    .region-breadcrumb #block-mtpc-pagetitle-5::after,
    .region-breadcrumb #block-mtpc-pagetitle-tap-enquiry-form::after,
    .region-breadcrumb .page-container > .mtpc-hero-tap::after {
        top: 160px;
        bottom: unset;
    }

    .region-breadcrumb .page-container > .block-hkust-page-title .page-title-background {
        height: 204px;
    }

    .region-breadcrumb .page-container > .block-hkust-page-title .page-title {
        width: 55%;
        min-height: 204px;
        padding: 90px 0 50px;
        margin-bottom: 60px;
    }

    .region-breadcrumb #block-mtpc-pagetitle-3 .page-title,
    .region-breadcrumb #block-mtpc-pagetitle-5 .page-title,
    .region-breadcrumb #block-mtpc-pagetitle-tap-enquiry-form .page-title,
    .region-breadcrumb .page-container > .mtpc-hero-tap .page-title {
        width: 45%;
    }

    .region-breadcrumb #block-mtpc-pagetitle-3 .page-title h1,
    .region-breadcrumb #block-mtpc-pagetitle-5 .page-title h1,
    .region-breadcrumb #block-mtpc-pagetitle-tap-enquiry-form .page-title h1,
    .region-breadcrumb .page-container > .mtpc-hero-tap .page-title h1 {
        margin-right: -8%;
    }

    .region-breadcrumb #block-mtpc-pagetitle-3 .page-title p:not(:first-of-type),
    .region-breadcrumb #block-mtpc-pagetitle-5 .page-title p:not(:first-of-type),
    .region-breadcrumb #block-mtpc-pagetitle-tap-enquiry-form .page-title p:not(:first-of-type),
    .region-breadcrumb .page-container > .mtpc-hero-tap .page-title p:not(:first-of-type) {
        display: none;
    }

    .region-breadcrumb .page-container > .block-hkust-page-title .page-title-image {
        transform: translateX(0);
        aspect-ratio: 1300 / 470;
    }

    .region-breadcrumb #block-mtpc-pagetitle-3 .page-title-image,
    .region-breadcrumb #block-mtpc-pagetitle-5 .page-title-image,
    .region-breadcrumb #block-mtpc-pagetitle-tap-enquiry-form .page-title-image,
    .region-breadcrumb .page-container > .mtpc-hero-tap .page-title-image {
        transform: translateX(0);
        height: 280px;
    }

    .region-breadcrumb .page-container > .block-hkust-page-title .page-title-content {
        display: block;
        margin-top: 40px;
    }

    /* Breadcrumb - Hide on tablet */
    .region-breadcrumb .block-system-breadcrumb-block nav.breadcrumb {
        display: none;
    }

    /* ========================================
       4. Shared View Styles (All 3 Views)
       ======================================== */

    /* Search Title - Shared */
    .view-available-technologies .search__title,
    .view-featured-technologies .search__title,
    .view-technology-adoption-program .search__title {
        font-size: 28px;
        margin-bottom: 20px;
        padding: 0 30px;
    }

    /* View Filters - Shared */
    .view-available-technologies .view-filters,
    .view-featured-technologies .view-filters,
    .view-technology-adoption-program .view-filters {
        padding: 0 30px 50px;
        margin-bottom: 50px;
    }

    .view-available-technologies .views-exposed-form,
    .view-featured-technologies .views-exposed-form,
    .view-technology-adoption-program .views-exposed-form {
        padding: 0;
    }

    /* Form Select & Text - Shared */
    .view-available-technologies .form-select,
    .view-available-technologies .form-text,
    .view-featured-technologies .form-select,
    .view-featured-technologies .form-text,
    .view-technology-adoption-program .form-select,
    .view-technology-adoption-program .form-text {
        font-size: 18px;
        line-height: 26px;
        padding: 12px 15px !important;
        padding-right: 35px !important;
        background-size: 14px 7px;
    }

    /* Submit Button - Shared */
    .view-available-technologies .button.form-submit,
    .view-featured-technologies .button.form-submit,
    .view-technology-adoption-program .button.form-submit,
    .view-available-technologies .form-actions .search-clear-button,
    .view-featured-technologies .form-actions .search-clear-button,
    .view-technology-adoption-program .form-actions .search-clear-button {
        padding: 10px 20px;
        font-size: 18px;
        width: 200px;
    }

    /* Pagination Wrapper - Tablet */
    .view-available-technologies .pagination,
    .view-featured-technologies .pagination,
    .view-technology-adoption-program .pagination {
        margin-top: 50px;
    }

    /* Pagination Records - Tablet */
    .view-available-technologies .pagination__records,
    .view-featured-technologies .pagination__records,
    .view-technology-adoption-program .pagination__records {
        gap: 10px;
    }

    .view-available-technologies .pagination__records .form-select,
    .view-featured-technologies .pagination__records .form-select,
    .view-technology-adoption-program .pagination__records .form-select {
        width: 73px;
        min-width: 73px;
        padding: 7.5px 15px;
        padding-right: 35px;
        font-size: 18px;
        line-height: 30px;
        background-position: right 10px center;
        background-size: 14px 7px;
    }

    .view-available-technologies .pagination__text,
    .view-featured-technologies .pagination__text,
    .view-technology-adoption-program .pagination__text {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }

    /* Pagination Controls - Tablet */
    .view-available-technologies .pagination__controls .pager__item a,
    .view-featured-technologies .pagination__controls .pager__item a,
    .view-technology-adoption-program .pagination__controls .pager__item a {
        padding: 7.5px 15px;
        font-size: 16px;
        line-height: 24px;
    }

    .view-available-technologies .pagination__controls .pager__item.is-active a,
    .view-featured-technologies .pagination__controls .pager__item.is-active a,
    .view-technology-adoption-program .pagination__controls .pager__item.is-active a {
        /* font-size: 18px;
        line-height: 30px; */
    }

    /* Ellipsis - Tablet */
    .view-available-technologies .pagination__controls .pager__item--ellipsis,
    .view-featured-technologies .pagination__controls .pager__item--ellipsis,
    .view-technology-adoption-program .pagination__controls .pager__item--ellipsis {
        padding: 7.5px 15px;
        font-size: 16px;
        line-height: 24px;
    }

    /* Enquiry Button - Tablet */
    .view-available-technologies .pagination__enquiry,
    .view-featured-technologies .pagination__enquiry,
    .view-technology-adoption-program .pagination__enquiry {
        padding: 10px 22px;
        font-size: 18px;
        line-height: 30px;
    }

    /* ========================================
       5. Available Technologies View (Specific)
       ======================================== */

    .view-available-technologies .form--inline {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto auto auto;
        gap: 10px;
    }

    /* Rearrange filter items for tablet */
    .view-available-technologies .form--inline > .js-form-item:nth-child(1) {
        grid-area: 1 / 1;
    }
    .view-available-technologies .form--inline > .js-form-item:nth-child(2) {
        grid-area: 1 / 2;
    }
    .view-available-technologies .form--inline > .js-form-item:nth-child(3) {
        grid-area: 1 / 3;
    }
    .view-available-technologies .form--inline > .js-form-item:nth-child(4) {
        grid-area: 2 / 1;
    }
    /* Wrapper class follows the exposed filter identifier, now "combine". */
    .view-available-technologies .form--inline > .form-item-combine {
        grid-area: 2 / 2 / 3 / 4;
    }
    .view-available-technologies .form--inline > .js-form-item:nth-child(6) {
        grid-area: 2 / 3;
    }

    .view-available-technologies .form-actions {
        grid-area: 3 / 1 / 4 / 4;
        justify-content: center;
        margin-top: 10px;
    }

    /* Sort By Dropdown - Tablet */
    .view-available-technologies .sort-by-wrapper {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .view-available-technologies .sort-by-wrapper .form-select {
        min-width: 188px;
        font-size: 18px;
        line-height: 26px;
        padding: 10px 15px;
        padding-right: 40px;
        background-size: 14px 7px;
        background-position: right 15px center;
    }

    /* Table */
    .view-available-technologies .view-content {
        padding: 0;
    }

    .view-available-technologies .views-table {
        min-width: 900px;
    }

    .view-available-technologies .views-table th,
    .view-available-technologies .views-table td {
        padding: 18px 9px;
        font-size: 16px;
        line-height: 26px;
    }

    .view-available-technologies .views-table th {
        font-size: 16px;
        line-height: 24px;
        height: 81px;
    }

    /* Table Column Widths - Tablet */
    .view-available-technologies .views-table th:nth-child(1),
    .view-available-technologies .views-table td:nth-child(1) {
        width: 135px;
    }

    .view-available-technologies .views-table th:nth-child(2),
    .view-available-technologies .views-table td:nth-child(2) {
        width: 105px;
    }

    .view-available-technologies .views-table th:nth-child(3),
    .view-available-technologies .views-table td:nth-child(3) {
        width: 145px;
    }

    .view-available-technologies .views-table th:nth-child(4),
    .view-available-technologies .views-table td:nth-child(4) {
        width: 145px;
    }

    .view-available-technologies .views-table th:nth-child(5),
    .view-available-technologies .views-table td:nth-child(5) {
        width: 100px;
    }

    .view-available-technologies .views-table th:nth-child(6),
    .view-available-technologies .views-table td:nth-child(6) {
        width: 83px;
    }

    .view-available-technologies .views-table th:nth-child(7),
    .view-available-technologies .views-table td:nth-child(7) {
        width: 83px;
    }

    .view-available-technologies .views-table th:nth-child(8),
    .view-available-technologies .views-table td:nth-child(8) {
        width: 73px;
    }

    /* ========================================
       6. Featured Technologies View (Specific)
       ======================================== */

    .view-featured-technologies .form--inline {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: auto auto auto;
        gap: 10px;
    }

    /* Rearrange filter items for tablet - 6 column grid */
    .view-featured-technologies .form--inline > .js-form-item:nth-child(1) {
        grid-area: 1 / 1 / 2 / 3;
    }
    .view-featured-technologies .form--inline > .js-form-item:nth-child(3) {
        grid-area: 1 / 3 / 2 / 5;
    }
    .view-featured-technologies .form--inline > .js-form-item:nth-child(4) {
        grid-area: 1 / 5 / 2 / 7;
    }
    /* TRL and Keyword span 3 columns each */
    .view-featured-technologies .form--inline > .js-form-item:nth-child(5) {
        grid-area: 2 / 1 / 3 / 4;
    }
    .view-featured-technologies .form--inline > .js-form-item:nth-child(6) {
        grid-area: 2 / 4 / 3 / 7;
    }

    .view-featured-technologies .form-actions {
        grid-area: 3 / 1 / 4 / 7;
        justify-content: center;
        margin-top: 10px;
    }

    /* Grid */
    .view-featured-technologies .view-content {
        grid-template-columns: repeat(3, 1fr);
        gap: 50px 10px;
        padding: 0 20px;
    }

    .view-featured-technologies .views-row .views-field-title {
        font-size: 18px;
    }

    /* ========================================
       7. Technology Adoption Program View (Specific)
       ======================================== */

    .view-technology-adoption-program .form--inline {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .view-technology-adoption-program .form--inline > .js-form-item:nth-child(1) {
        grid-area: 1 / 1;
    }
    .view-technology-adoption-program .form--inline > .js-form-item:nth-child(2) {
        grid-area: 1 / 2;
    }

    .view-technology-adoption-program .form-actions {
        grid-area: 2 / 1 / 3 / 3;
        justify-content: center;
        margin-top: 10px;
    }

    /* View Toggle */
    .view-toggle {
        margin-bottom: 20px;
    }

    .view-toggle__buttons {
        gap: 15px;
    }

    .view-toggle__icon {
        width: 31px;
        height: 31px;
    }

    /* Grid */
    .view-technology-adoption-program .view-content {
        padding: 0 20px;
        grid-template-columns: repeat(3, 1fr);
        gap: 50px 10px;
    }

    .view-technology-adoption-program .view-content > h3 {
        font-size: 28px;
        margin-bottom: -30px;
    }

    .view-technology-adoption-program .view-grouping-header {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .view-technology-adoption-program .view-grouping-content {
        grid-template-columns: repeat(3, 1fr);
        gap: 50px 10px;
    }

    .view-technology-adoption-program .tap-card__title {
        font-size: 18px;
    }

    /* List View */
    .view-technology-adoption-program .list__container {
        padding: 60px 30px;
    }

    .view-technology-adoption-program .list__group-header {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .view-technology-adoption-program .list__item {
        padding: 20px;
    }

    .view-technology-adoption-program .list__item-title {
        line-height: 30px;
    }

    .view-technology-adoption-program .list__item-code {
        line-height: 28px;
    }

    .view-technology-adoption-program .list__load-more {
        margin-top: 50px;
    }

    /* ========================================
       8. Shared Detail Page Styles (All 3 Node Types)
       ======================================== */

    /* Page Title Override - Shared */
    .mtpc_available_technology.mtpc_pagetitle,
    .mtpc_featured_technology.mtpc_pagetitle,
    .mtpc_technology_adoption_program.mtpc_pagetitle {
        margin-bottom: 50px;
    }

    .mtpc_available_technology.mtpc_pagetitle h1,
    .mtpc_featured_technology.mtpc_pagetitle h1,
    .mtpc_technology_adoption_program.mtpc_pagetitle h1 {
        font-size: 28px;
        padding: 0 20px;
    }

    /* Node Content Layout - Shared */
    .node--type-available-technology.node--view-mode-full .node__content,
    .node--type-featured-technology.node--view-mode-full .node__content,
    .node--type-technology-adoption-program.node--view-mode-full .node__content {
        gap: 40px;
        padding: 0 20px;
    }

    /* Main Content Area - Shared */
    .node--type-available-technology .item-detail__main,
    .node--type-featured-technology .item-detail__main,
    .node--type-technology-adoption-program .item-detail__main {
        padding-top: 0;
    }

    /* Field Label - Shared */
    .node--type-available-technology .field__label,
    .node--type-featured-technology .field__label,
    .node--type-technology-adoption-program .field__label,
    .node--type-technology-adoption-program .item-detail__section-title--compact {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    /* Field Item - Shared */
    .node--type-available-technology .field__item,
    .node--type-featured-technology .field__item,
    .node--type-technology-adoption-program .field__item,
    .node--type-technology-adoption-program .item-detail__text {
        font-size: 18px;
        line-height: 28px;
    }

    /* Side Container - Shared */
    .node--type-available-technology .item-detail__side,
    .node--type-featured-technology .item-detail__side,
    .node--type-technology-adoption-program .item-detail__side {
        width: 368px;
    }

    /* Download PDF Button - Shared */
    .node--type-available-technology .item-detail__download,
    .node--type-featured-technology .item-detail__download,
    .node--type-technology-adoption-program .item-detail__download {
        font-weight: 300;
        margin-bottom: 15px;
    }

    /* Sidebar - Shared */
    .node--type-available-technology .item-detail__sidebar,
    .node--type-featured-technology .item-detail__sidebar,
    .node--type-technology-adoption-program .item-detail__sidebar {
        padding: 15px 20px 56px 15px;
    }

    /* Section Styles - Available Technology */
    .node--type-available-technology .item-detail__section {
        margin-bottom: 30px;
    }

    .node--type-available-technology .item-detail__section-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    /* Patent Info Rows - Available Technology */
    .node--type-available-technology .item-detail__info {
        gap: 10px;
    }

    .node--type-available-technology .item-detail__row {
        flex-direction: column;
        gap: 0;
    }

    .node--type-available-technology .item-detail__label,
    .node--type-available-technology .item-detail__value {
        width: auto;
        color: #003366;
    }

    /* Sidebar Header - Available Technology */
    .node--type-available-technology .item-detail__sidebar-header {
        margin-bottom: 10px;
    }

    .node--type-available-technology .item-detail__expand-all {
        font-weight: 300;
    }

    /* Inventors Section - Available Technology */
    .node--type-available-technology .item-detail__inventors {
        margin-top: 20px;
    }

    .node--type-available-technology .item-detail__inventors-title {
        margin: 0 0 10px 0;
    }

    .node--type-available-technology .item-detail__inventor-label {
        width: 100px;
    }

    /* Description & Content Fields - Available Technology & Featured Technology */
    .node--type-available-technology .field--name-field-description,
    .node--type-featured-technology .field--name-field-description,
    .node--type-available-technology .field--name-field-content,
    .node--type-featured-technology .field--name-field-content {
        margin-bottom: 30px;
    }

    .node--type-available-technology .field--name-field-description .field__label,
    .node--type-featured-technology .field--name-field-description .field__label,
    .node--type-available-technology .field--name-field-content .field__label,
    .node--type-featured-technology .field--name-field-content .field__label {
        margin-bottom: 10px;
    }

    /* Inventors - Shared */
    .node--type-available-technology .field--name-field-inventors,
    .node--type-featured-technology .field--name-field-inventors {
        margin-bottom: 20px;
    }

    .node--type-available-technology .field--name-field-inventors .field__label,
    .node--type-featured-technology .field--name-field-inventors .field__label {
        margin-bottom: 10px;
    }

    /* Other sidebar fields - Shared */
    .node--type-available-technology .field--name-field-app-no,
    .node--type-available-technology .field--name-field-industry,
    .node--type-available-technology .field--name-field-tech-application,
    .node--type-available-technology .field--name-field-tech-focus,
    .node--type-featured-technology .field--name-field-app-no,
    .node--type-featured-technology .field--name-field-applicable-industries,
    .node--type-featured-technology .field--name-field-potential-application,
    .node--type-featured-technology .field--name-field-tech-focus,
    .node--type-featured-technology .field--name-field-trl {
        margin-bottom: 20px;
    }

    /* TRL Inline - Tablet */
    .node--type-featured-technology .field--name-field-trl.field--inline .field__label {
        margin-bottom: 0;
    }

    .node--type-featured-technology .field--name-field-trl.field--inline .field__item,
    .node--type-featured-technology .field--name-field-trl.field--inline .field__item a {
        font-family: "Inter", sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 26px;
        color: #003366;
    }

    /* Contact Section - Available Technology & Featured Technology */
    .node--type-available-technology .item-detail__contact,
    .node--type-featured-technology .item-detail__contact {
        margin-top: 30px;
    }

    .node--type-available-technology .item-detail__contact-title,
    .node--type-featured-technology .item-detail__contact-title {
        font-size: 18px;
        line-height: 26px;
    }

    .node--type-available-technology .item-detail__contact-subtitle,
    .node--type-featured-technology .item-detail__contact-subtitle {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .node--type-available-technology .item-detail__contact-label,
    .node--type-featured-technology .item-detail__contact-label {
        width: 100px;
    }

    /* ========================================
       9. Featured Technology Detail (Specific)
       ======================================== */

    .node--type-featured-technology .item-detail__carousel {
        width: 368px;
    }

    .node--type-featured-technology .item-detail__carousel-nav {
        gap: 14px;
    }

    .node--type-featured-technology .item-detail__carousel-arrow img {
        width: 12px;
        height: 5.5px;
    }

    .node--type-featured-technology .item-detail__enquiry-button,
    .node--type-available-technology .item-detail__enquiry-button {
        padding: 10px 22px;
        font-size: 18px;
        line-height: 30px;
        margin-top: 30px;
    }

    /* ========================================
       10. TAP Detail Page (Specific)
       ======================================== */

    .node--type-technology-adoption-program .item-detail__expand-all {
        font-size: 18px;
    }

    .node--type-technology-adoption-program .item-detail__license-title,
    .node--type-technology-adoption-program .item-detail__inventors-title {
        font-size: 18px;
        line-height: 26px;
    }

    .node--type-technology-adoption-program .item-detail__preview-terms {
        padding: 10px 22px;
        font-size: 18px;
        line-height: 30px;
    }

    .node--type-technology-adoption-program .item-detail__price-value:not(.item-detail__price-value--na) {
        font-size: 28px;
    }

    .node--type-technology-adoption-program .item-detail__enquiry-button {
        padding: 10px 22px;
        font-size: 18px;
        line-height: 30px;
        margin-top: 30px;
    }

    /* ========================================
       11. Shared Enquiry Form Styles
       ======================================== */

    /* Form Container - Shared */
    .webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form,
    .webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form,
    .webform-submission-form.webform-submission-add-form.webform-submission-technology-adoption-program-enqu-form {
        padding: 40px 30px;
        gap: 0 10px;
    }

    /* Form Labels - Shared */
    .webform-submission-available-technologies-enquiry-f-form label,
    .webform-submission-featured-technologies-enquiry-fo-form label,
    .webform-submission-technology-adoption-program-enqu-form label {
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
    }

    /* Form Inputs - Shared */
    .webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form .form-item .form-text,
    .webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form .form-item .form-email,
    .webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form .form-item .form-text,
    .webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form .form-item .form-email,
    .webform-submission-form.webform-submission-add-form.webform-submission-technology-adoption-program-enqu-form .form-item .form-text,
    .webform-submission-form.webform-submission-add-form.webform-submission-technology-adoption-program-enqu-form .form-item .form-email {
        font-size: 18px;
        line-height: 26px;
        padding: 12px 15px;
    }

    /* Form Select - Shared */
    .webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form .form-item .form-select,
    .webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form .form-item .form-select,
    .webform-submission-form.webform-submission-add-form.webform-submission-technology-adoption-program-enqu-form .form-item .form-select {
        font-size: 18px;
        line-height: 26px;
        padding: 12px 15px;
        padding-right: 40px;
        background-size: 14px 7px;
    }

    /* Form Textarea - Shared */
    .webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form .form-item .form-textarea,
    .webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form .form-item .form-textarea,
    .webform-submission-form.webform-submission-add-form.webform-submission-technology-adoption-program-enqu-form .form-item .form-textarea {
        font-size: 18px;
        line-height: 26px;
        padding: 15px;
        height: 250px;
    }

    /* Submit Button - Shared */
    .webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form .form-actions .button,
    .webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form .form-actions input[type="submit"],
    .webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form .form-actions .button,
    .webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form .form-actions input[type="submit"],
    .webform-submission-form.webform-submission-add-form.webform-submission-technology-adoption-program-enqu-form .form-actions .button,
    .webform-submission-form.webform-submission-add-form.webform-submission-technology-adoption-program-enqu-form .form-actions input[type="submit"] {
        font-size: 18px;
        line-height: 30px;
        padding: 10px 15px;
        min-width: 111px;
    }

    /* Readonly input styling - Shared */
    .webform-submission-featured-technologies-enquiry-fo-form .form-item--readonly .form-text[readonly],
    .webform-submission-technology-adoption-program-enqu-form .form-item--readonly .form-text[readonly],
    .webform-submission-available-technologies-enquiry-f-form .form-item--readonly .form-text[readonly] {
        font-size: 18px;
        line-height: 28px;
    }

    /* Title Header - Shared */
    .item-detail__header,
    body:has(.webform-submission-technology-adoption-program-enqu-form) .item-detail__header {
        padding: 0 20px;
        margin-bottom: 50px;
    }

    .item-detail__title,
    body:has(.webform-submission-technology-adoption-program-enqu-form) .item-detail__title {
        font-size: 28px;
    }

    /* ========================================
       12. Enquiry Form Specific Layouts
       ======================================== */
    /* Available Technologies & Featured Technologies Form Layout */
    /* Row 1: Title + First Name + Last Name */
    .webform-submission-available-technologies-enquiry-f-form > .form-item-title,
    .webform-submission-featured-technologies-enquiry-fo-form > .form-item-title {
        grid-column: 1 / 7;
        grid-row: 1;
    }

    .webform-submission-available-technologies-enquiry-f-form > .form-item-first-name,
    .webform-submission-featured-technologies-enquiry-fo-form > .form-item-first-name {
        grid-column: 1 / 4;
        grid-row: 2;
    }

    .webform-submission-available-technologies-enquiry-f-form > .form-item-last-name,
    .webform-submission-featured-technologies-enquiry-fo-form > .form-item-last-name {
        grid-column: 4 / 7;
        grid-row: 2;
    }
    /* Row 2: Job Title + Contact Email */
    .webform-submission-available-technologies-enquiry-f-form > .form-item-job-title,
    .webform-submission-featured-technologies-enquiry-fo-form > .form-item-job-title {
        grid-column: 1 / 4;
        grid-row: 3;
    }

    .webform-submission-available-technologies-enquiry-f-form > .form-item-contact-email,
    .webform-submission-featured-technologies-enquiry-fo-form > .form-item-contact-email {
        grid-column: 4 / 7;
        grid-row: 3;
    }

    /* Row 3: Company + Contact Phone */
    .webform-submission-available-technologies-enquiry-f-form > .form-item-company,
    .webform-submission-featured-technologies-enquiry-fo-form > .form-item-company {
        grid-column: 1 / 4;
        grid-row: 4;
    }

    .webform-submission-available-technologies-enquiry-f-form > .form-item-contact-phone,
    .webform-submission-featured-technologies-enquiry-fo-form > .form-item-contact-phone {
        grid-column: 4 / 7;
        grid-row: 4;
    }

    /* Row 4: Three dropdowns */
    .webform-submission-available-technologies-enquiry-f-form > .form-item-potential-applications,
    .webform-submission-featured-technologies-enquiry-fo-form > .form-item-potential-applications {
        grid-column: 1 / 3;
        grid-row: 5;
    }

    .webform-submission-available-technologies-enquiry-f-form > .form-item-applicable-industries,
    .webform-submission-featured-technologies-enquiry-fo-form > .form-item-applicable-industries {
        grid-column: 3 / 5;
        grid-row: 5;
    }

    .webform-submission-available-technologies-enquiry-f-form > .form-item-technology-focus,
    .webform-submission-featured-technologies-enquiry-fo-form > .form-item-technology-focus {
        grid-column: 5 / 7;
        grid-row: 5;
    }

    /* Row 5: Textarea */
    .webform-submission-available-technologies-enquiry-f-form > .form-item-your-question-enquiry,
    .webform-submission-featured-technologies-enquiry-fo-form > .form-item-your-question-enquiry {
        grid-column: 1 / 7;
        grid-row: 6;
    }

    /* Row 6: Submit button */
    .webform-submission-available-technologies-enquiry-f-form > .form-actions,
    .webform-submission-featured-technologies-enquiry-fo-form > .form-actions {
        grid-column: 1 / 7;
        grid-row: 7;
    }
    /* Pre-filled Enquiry Form - Featured & Available Technologies */
    .webform-submission-featured-technologies-enquiry-fo-form.form--prefilled > .form-item-potential-applications,
    .webform-submission-featured-technologies-enquiry-fo-form.form--prefilled > .form-item-applicable-industries,
    .webform-submission-featured-technologies-enquiry-fo-form.form--prefilled > .form-item-technology-focus,
    .webform-submission-available-technologies-enquiry-f-form.form--prefilled > .form-item-potential-applications,
    .webform-submission-available-technologies-enquiry-f-form.form--prefilled > .form-item-applicable-industries,
    .webform-submission-available-technologies-enquiry-f-form.form--prefilled > .form-item-technology-focus {
        grid-row: 5;
    }

    .webform-submission-featured-technologies-enquiry-fo-form.form--prefilled > .form-item-your-question-enquiry,
    .webform-submission-available-technologies-enquiry-f-form.form--prefilled > .form-item-your-question-enquiry {
        grid-column: 1 / 7;
        grid-row: 6;
    }

    .webform-submission-featured-technologies-enquiry-fo-form.form--prefilled > .form-actions,
    .webform-submission-available-technologies-enquiry-f-form.form--prefilled > .form-actions {
        grid-column: 1 / 7;
        grid-row: 7;
    }

    /* Narrow field widths - TAP */
    .webform-submission-technology-adoption-program-enqu-form.form--prefilled > .form-item-technology-focus,
    .webform-submission-technology-adoption-program-enqu-form.form--prefilled > .form-item-category {
        max-width: 210px;
    }

    /* ========================================
       13. Custom Dropdown Component
       ======================================== */

    .custom-dropdown__trigger {
        font-size: 18px;
        line-height: 26px;
        padding: 12px 15px;
        padding-right: 35px;
        background-size: 14px 7px;
    }

    .custom-dropdown__options {
        width: 466px;
    }

    .custom-dropdown__option {
        gap: 20px;
        padding: 12px 15px;
    }

    .custom-dropdown__icon {
        width: 40px;
        height: auto;
    }

    .custom-dropdown__icon-placeholder {
        width: 40px;
        height: 40px;
    }

    .custom-dropdown__text {
        font-size: 18px;
        line-height: 30px;
        font-weight: 600;
    }

    /* ========================================
       14. Accordion Component
       ======================================== */

    .accordion {
        gap: 20px;
    }

    .accordion__group {
        gap: 20px;
    }

    .accordion__title {
        font-size: 18px;
        line-height: 26px;
    }

    .accordion__arrow {
        width: 14px;
        height: 7px;
    }

    /* ========================================
       15. Overlay Modal
       ======================================== */

    .overlay__close {
        width: 20px;
        height: 20px;
        top: -30px;
    }

    .overlay__header {
        padding: 15px 30px;
    }

    .overlay__title {
        font-size: 24px;
    }

    .overlay__body {
        padding: 30px;
    }

    .overlay__text {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 30px;
    }

    .overlay__button {
        font-size: 18px;
        line-height: 30px;
        padding: 10px 15px;
        min-width: 111px;
    }

    /* ========================================
       16. Home Page
       ======================================== */

    .home {
        padding-bottom: 150px;
    }

    .home__container {
        padding: 0 20px;
    }

    .home__title {
        font-size: 38px;
    }

    .home__subtitle {
        font-size: 32px;
        line-height: normal;
        letter-spacing: 0.32px;
        margin-bottom: 50px;
    }

    .home__hero::before {
        top: 12px;
        left: 18%;
        width: 75px;
    }

    .home__hero::after {
        bottom: -20px;
        right: 15%;
        width: 75px;
    }

    .home__hero-container {
        padding-top: 55px;
    }

    .home__hero-bg {
        left: unset;
        right: -45px;
        width: 776px;
        height: 350px;
        clip-path: polygon(0% 100%, 16% 0%, 100% 0%, 100% 100%);
    }

    .home__hero-wrapper {
        padding: 50px 0 70px;
        gap: 30px;
        max-width: 600px;
    }

    .home__hero-wrapper::before {
        transform: translateX(2%);
        width: 125%;
    }

    .home__search-form {
        width: 600px;
        height: 82px;
        padding: 10px 46px 10px 22px;
    }

    .home__grid-wrapper {
        margin: 150px 0 50px;
    }

    .home__search-form::before {
        top: 20px;
        left: 20px;
    }

    .home__search {
        font-size: 21px;
        line-height: 22.5px;
    }

    .home__search-icon {
        width: 28px;
    }

    .home__grid-container::before {
        content: none;
    }

    .home__grid-wrapper .home__subtitle {
        position: absolute;
        max-width: calc(100% - 720px);
        text-align: left;
        padding-right: 0;
    }

    .home__grid {
        grid-template-columns: repeat(3, 1fr);
        max-width: 620px;
        gap: 5px;
    }

    .home__grid::before {
        transform: translate(-30%, -16%);
        width: 773px;
        aspect-ratio: 773 / 453;
    }

    .home__grid::after {
        bottom: unset;
        top: 120px;
        left: -20px;
        height: 332px;
        background-image: url(/sites/default/files/2026-05/home-grid-image-tablet.png);
    }

    .home__grid-item {
        padding: 15px;
    }

    .home__grid-item--thin {
        padding-left: 5px;
        padding-right: 5px;
    }

    .home__grid-item:nth-child(odd) {
        background-color: #003366;
    }

    .home__grid-item:nth-child(even) {
        background-color: #01a78c;
    }

    .home__grid-number {
        font-size: 52px;
        line-height: 80px;
    }

    .home__carousel {
        padding: 50px 0 0;
    }

    .home__carousel::after {
        width: 75px;
    }

    .home__carousel .swiper {
        padding: 30px;
        margin: -30px;
    }

    .home__card {
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    }

    .home__card-content {
        padding: 25px 15px;
        gap: 20px;
    }

    .home__card-header {
        gap: 5px;
    }

    .home__card-category {
        font-size: 14px;
        line-height: normal;
        margin-bottom: 5px;
    }

    .home__card-title {
        font-size: 21px;
        line-height: 26px;
        font-weight: 300;
    }

    .home__card-details {
        gap: 15px;
    }

    .home__card-field {
        gap: 0;
    }

    .home__card-label {
        font-size: 18px;
        line-height: 26px;
        color: #003366;
    }

    .home__card-value {
        font-size: 16px;
        line-height: 24px;
    }

    .home__card-row {
        gap: 15px 27px;
    }

    .home__card-row .home__card-field:first-child {
        width: 107px;
    }

    .home__card-row .home__card-field:last-child {
        width: 116px;
    }
}

@media (max-width: 930px) {
    .home__grid-wrapper .home__subtitle {
        position: relative;
        max-width: 100%;
        text-align: right;
        margin-bottom: 30px;
    }
}