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

    body {
        font-size: 21px;
    }

    h1 {
        font-size: 26px;
    }

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

    body:not(.path-frontpage) .layout-container::before {
        width: 250%;
    }

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

    .region-breadcrumb .page-container > .block-hkust-page-title {
        padding: 0 20px;
        margin-bottom: 40px;
    }

    .region-breadcrumb .page-container > .block-hkust-page-title::before {
        top: 20px;
        left: 10px;
        width: 50px;
    }

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

    .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: 40px;
        bottom: unset;
    }

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

    .region-breadcrumb .page-container > .block-hkust-page-title .page-title {
        min-height: 156px;
        padding: 60px 0;
        margin-bottom: 40px;
    }

    .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: 64%;
    }

    .region-breadcrumb #block-mtpc-pagetitle-3 .page-title::after,
    .region-breadcrumb #block-mtpc-pagetitle-5 .page-title::after,
    .region-breadcrumb #block-mtpc-pagetitle-tap-enquiry-form .page-title::after,
    .region-breadcrumb .page-container > .mtpc-hero-tap .page-title::after {
        aspect-ratio: 1 / 2.5;
    }

    .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 {
        top: unset;
        bottom: 20px;
        transform: translateX(10%);
        height: 340px;
        aspect-ratio: 900 / 470;
    }

    /* ========================================
       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: 26px;
        margin-bottom: 20px;
        padding: 0 15px;
    }

    /* View Filters Background - Shared */
    .view-available-technologies .view-filters,
    .view-featured-technologies .view-filters,
    .view-technology-adoption-program .view-filters {
        padding-left: 15px;
        padding-right: 15px;
    }

    .view-available-technologies .view-filters::before,
    .view-featured-technologies .view-filters::before,
    .view-technology-adoption-program .view-filters::before {
        height: calc(100% + 300px);
        transform: translateX(-47%);
    }

    .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;
        padding-right: 35px;
        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 {
        width: 100%;
        max-width: 200px;
    }

    /* Pagination Wrapper - Mobile */
    .view-available-technologies .pagination,
    .view-featured-technologies .pagination,
    .view-technology-adoption-program .pagination {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin-top: 50px;
    }

    /* Pagination Records - Mobile */
    .view-available-technologies .pagination__records,
    .view-featured-technologies .pagination__records,
    .view-technology-adoption-program .pagination__records {
        order: -1;
        gap: 10px;
        width: 100%;
        max-width: 226px;
        justify-content: flex-start;
    }

    .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: 16px;
        line-height: 23px;
        height: 50px;
        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: 21px;
        line-height: 33px;
    }

    /* Pagination Controls - Mobile */
    .view-available-technologies .pagination__controls .pager__items,
    .view-featured-technologies .pagination__controls .pager__items,
    .view-technology-adoption-program .pagination__controls .pager__items {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 30px;
    }

    .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: 23px;
    }

    .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: 29px; */
    }

    /* Ellipsis - Mobile */
    .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: 23px;
    }

    /* Enquiry Button - Mobile */
    .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(2, 1fr);
        grid-template-rows: auto auto auto auto;
        gap: 5px;
    }

    /* Rearrange filter items for mobile - 2 columns */
    .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: 2 / 1;
    }

    .view-available-technologies .form--inline > .js-form-item:nth-child(4) {
        grid-area: 2 / 2;
    }

    /* Wrapper class follows the exposed filter identifier, now "combine". */
    .view-available-technologies .form--inline > .form-item-combine {
        grid-area: 3 / 1 / 4 / 3;
    }

    .view-available-technologies .form--inline > .js-form-item:nth-child(6) {
        grid-area: 3 / 2;
    }

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

    /* Sort By Dropdown - Mobile */
    .view-available-technologies .sort-by-wrapper {
        margin-bottom: 15px;
    }

    .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 (hidden on mobile) */
    .view-available-technologies .views-table {
        display: none;
    }

    /* Mobile Cards */
    .view-available-technologies .table__mobile {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0;
    }

    .view-available-technologies .table__mobile-card {
        width: 100%;
        box-sizing: border-box;
    }

    .view-available-technologies .table__mobile-card--alt .table__mobile-content {
        background: #ffffff;
    }

    .view-available-technologies .table__mobile-header {
        background: #b7c2d2;
        padding: 15px 10px;
    }

    .view-available-technologies .table__mobile-title {
        font-family: "Inter", sans-serif;
        font-weight: 600;
        font-size: 21px;
        line-height: 28px;
        color: #0e3466;
        margin: 0;
    }

    .view-available-technologies .table__mobile-content {
        padding: 30px 10px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        background: #f4f4f4;
    }

    .view-available-technologies .table__mobile-field {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .view-available-technologies .table__mobile-label {
        font-family: "Inter", sans-serif;
        font-weight: 600;
        font-size: 21px;
        line-height: 28px;
        color: #0e3466;
    }

    .view-available-technologies .table__mobile-value {
        font-size: 21px;
        line-height: 33px;
        color: #3d3d3d;
    }

    .view-available-technologies .table__mobile-row {
        display: flex;
        flex-direction: row;
        gap: 30px;
    }

    .view-available-technologies .table__mobile-field--half {
        flex: 1;
        width: 50%;
    }

    .view-available-technologies .table__mobile-card--clickable {
        cursor: pointer;
    }

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

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

    /* Rearrange filter items for mobile - 4 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(5) {
        grid-area: 2 / 1 / 3 / 5;
        order: 1;
    }

    .view-featured-technologies .form--inline > .js-form-item:nth-child(4) {
        grid-area: 3 / 1 / 4 / 3;
        order: 2;
    }

    .view-featured-technologies .form--inline > .js-form-item:nth-child(6) {
        grid-area: 3 / 3 / 4 / 5;
        order: 3;
    }

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

    /* Grid (single column on mobile) */
    .view-featured-technologies .view-content {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
        padding: 0 20px;
    }

    .view-featured-technologies .views-row {
        gap: 28px;
    }

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

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

    .view-technology-adoption-program .form--inline {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .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: 2 / 1;
    }

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

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

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

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

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

    .view-technology-adoption-program .tap-card {
        gap: 28px;
    }

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

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

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

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

    .view-technology-adoption-program .list__item-title {
        font-family: "Inter", sans-serif;
        font-weight: 600;
        line-height: 28px;
    }

    .view-technology-adoption-program .list__item-code {
        font-weight: 400;
        line-height: 33px;
    }

    /* ========================================
       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: 40px;
    }

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

    /* Node Content Layout - Shared (single column) */
    .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 {
        flex-direction: column;
        gap: 50px;
        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-family: "Inter", sans-serif;
        font-weight: 600;
        font-size: 21px;
        line-height: 28px;
        color: #0e3466;
        margin-bottom: 15px;
    }

    /* 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: 21px;
        line-height: 33px;
    }

    /* Side Container - Shared (full width) */
    .node--type-available-technology .item-detail__side,
    .node--type-featured-technology .item-detail__side,
    .node--type-technology-adoption-program .item-detail__side {
        width: 100%;
    }

    /* 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 {
        margin-bottom: 20px;
    }

    /* 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: 30px 30px 58px 22px;
    }

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

    .node--type-available-technology .item-detail__section-title {
        font-family: "Inter", sans-serif;
        font-weight: 600;
        font-size: 21px;
        line-height: 28px;
        color: #0e3466;
        margin-bottom: 15px;
    }

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

    .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: #3d3d3d;
        font-weight: 400;
    }

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

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

    .node--type-available-technology .item-detail__inventors-title {
        font-family: "Inter", sans-serif;
        font-weight: 600;
        color: #0e3466;
        font-size: 21px;
        line-height: 28px;
        margin: 0 0 15px 0;
    }

    .node--type-available-technology .item-detail__inventor-row {
        display: flex;
        gap: 20px;
    }

    .node--type-available-technology .item-detail__inventor-label {
        width: 140px;
        color: #3d3d3d;
        font-weight: 400;
    }

    .node--type-available-technology .item-detail__inventor-value {
        color: #3d3d3d;
        font-weight: 400;
    }

    /* 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;
    }

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

    .node--type-available-technology .field--name-field-inventors .field__label,
    .node--type-featured-technology .field--name-field-inventors .field__label {
        font-family: "Inter", sans-serif;
        font-weight: 600;
        color: #0e3466;
        font-size: 21px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .node--type-available-technology .field--name-field-inventors .field__item a,
    .node--type-featured-technology .field--name-field-inventors .field__item a {
        color: #3d3d3d;
        font-weight: 400;
    }

    /* 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: 30px;
    }

    /* TRL Inline - Mobile */
    .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: 600;
        font-size: 21px;
        line-height: 28px;
        color: #0e3466;
    }

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

    .node--type-available-technology .item-detail__contact-title,
    .node--type-featured-technology .item-detail__contact-title {
        font-family: "Inter", sans-serif;
        font-weight: 600;
        font-size: 21px;
        line-height: 28px;
        color: #0e3466;
    }

    .node--type-available-technology .item-detail__contact-subtitle,
    .node--type-featured-technology .item-detail__contact-subtitle {
        margin-bottom: 30px;
    }

    .node--type-available-technology .item-detail__contact-row,
    .node--type-featured-technology .item-detail__contact-row {
        gap: 48px;
    }

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

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

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

    .node--type-featured-technology .item-detail__carousel {
        width: 100%;
    }

    .node--type-featured-technology .item-detail__carousel-main {
        margin-bottom: 20px;
    }

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

    .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: 21px;
    }

    .node--type-technology-adoption-program .item-detail__license-title,
    .node--type-technology-adoption-program .item-detail__inventors-title {
        font-family: "Inter", sans-serif;
        font-weight: 600;
        font-size: 21px;
        line-height: 28px;
        color: #0e3466;
    }

    .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: 26px;
    }

    .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
       ======================================== */

    /* Region Content Container Padding for Enquiry Forms */
    body:has(.webform-submission-available-technologies-enquiry-f-form) .region-content.fixed-width,
    body:has(.webform-submission-featured-technologies-enquiry-fo-form) .region-content.fixed-width,
    body:has(.webform-submission-technology-adoption-program-enqu-form) .region-content.fixed-width {
        padding: 0 20px;
    }

    /* Search Background */
    .search-bg::before {
        height: calc(100% + 300px);
        transform: translateX(-47%);
    }

    /* 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 {
        width: 100%;
        padding: 50px 30px;
        grid-template-columns: 1fr;
        gap: 0;
    }

    /* Form Item Spacing - Shared */
    .webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form > .form-item,
    .webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form > .form-item,
    .webform-submission-form.webform-submission-add-form.webform-submission-technology-adoption-program-enqu-form > .form-item {
        padding-bottom: 20px;
        margin: 0;
    }

    /* 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: 21px;
        font-weight: 600;
        line-height: normal;
    }

    /* 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: 21px;
        line-height: 30px;
        padding: 12px 20px;
    }

    /* 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: 21px;
        line-height: 30px;
        padding: 12px 20px;
        padding-right: 50px;
        background-size: 17px 8px;
    }

    /* 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: 21px;
        line-height: 30px;
        padding: 20px;
        height: 200px;
        min-height: 150px;
    }

    /* 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 22px;
        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: 21px;
        line-height: 33px;
    }

    /* 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: 26px;
    }

    /* ========================================
       12. Enquiry Form Specific Layouts (Single Column)
       ======================================== */

    /* Available Technologies & Featured Technologies Form - Single column */
    .webform-submission-available-technologies-enquiry-f-form > .form-item-title,
    .webform-submission-featured-technologies-enquiry-fo-form > .form-item-title {
        grid-column: 1;
        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;
        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: 1;
        grid-row: 3;
    }

    .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;
        grid-row: 4;
    }

    .webform-submission-available-technologies-enquiry-f-form > .form-item-contact-email,
    .webform-submission-featured-technologies-enquiry-fo-form > .form-item-contact-email {
        grid-column: 1;
        grid-row: 5;
    }

    .webform-submission-available-technologies-enquiry-f-form > .form-item-company,
    .webform-submission-featured-technologies-enquiry-fo-form > .form-item-company {
        grid-column: 1;
        grid-row: 6;
    }

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

    .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;
        grid-row: 8;
    }

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

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

    .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;
        grid-row: 11;
    }

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

    /* Pre-filled Enquiry Form - Featured & Available Technologies (single column) */
    .webform-submission-featured-technologies-enquiry-fo-form.form--prefilled > .form-item-potential-applications,
    .webform-submission-available-technologies-enquiry-f-form.form--prefilled > .form-item-potential-applications {
        grid-column: 1;
        grid-row: 8;
    }

    .webform-submission-featured-technologies-enquiry-fo-form.form--prefilled > .form-item-applicable-industries,
    .webform-submission-available-technologies-enquiry-f-form.form--prefilled > .form-item-applicable-industries {
        grid-column: 1;
        grid-row: 9;
    }

    .webform-submission-featured-technologies-enquiry-fo-form.form--prefilled > .form-item-technology-focus,
    .webform-submission-available-technologies-enquiry-f-form.form--prefilled > .form-item-technology-focus {
        grid-column: 1;
        grid-row: 10;
    }

    .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;
        grid-row: 11;
    }

    .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;
        grid-row: 12;
    }

    /* TAP Enquiry Form - Single column */
    .webform-submission-technology-adoption-program-enqu-form > .form-item-technology-focus {
        grid-column: 1;
        grid-row: 1;
        max-width: none;
    }

    .webform-submission-technology-adoption-program-enqu-form > .form-item-category {
        grid-column: 1;
        grid-row: 2;
        max-width: none;
    }

    .webform-submission-technology-adoption-program-enqu-form > .form-item-title {
        grid-column: 1;
        grid-row: 3;
    }

    .webform-submission-technology-adoption-program-enqu-form > .form-item-first-name {
        grid-column: 1;
        grid-row: 4;
    }

    .webform-submission-technology-adoption-program-enqu-form > .form-item-last-name {
        grid-column: 1;
        grid-row: 5;
    }

    .webform-submission-technology-adoption-program-enqu-form > .form-item-job-title {
        grid-column: 1;
        grid-row: 6;
    }

    .webform-submission-technology-adoption-program-enqu-form > .form-item-contact-email {
        grid-column: 1;
        grid-row: 7;
    }

    .webform-submission-technology-adoption-program-enqu-form > .form-item-company {
        grid-column: 1;
        grid-row: 8;
    }

    .webform-submission-technology-adoption-program-enqu-form > .form-item-contact-phone {
        grid-column: 1;
        grid-row: 9;
    }

    .webform-submission-technology-adoption-program-enqu-form > .form-item-your-question-enquiry {
        grid-column: 1;
        grid-row: 10;
    }

    .webform-submission-technology-adoption-program-enqu-form > .form-actions {
        grid-column: 1;
        grid-row: 11;
    }

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

    .custom-dropdown {
        height: 52px;
    }

    .custom-dropdown__trigger {
        font-size: 18px;
        line-height: 26px;
        padding: 12px 15px;
        padding-right: 35px;
        background-size: 14px 7px;
        height: 52px;
        display: flex;
        align-items: center;
    }

    .custom-dropdown__label {
        line-height: 1;
    }

    .custom-dropdown__options {
        left: unset;
        right: 0;
        max-width: calc(100vw - 40px);
    }

    .custom-dropdown__text {
        font-weight: 400;
    }

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

    .accordion {
        gap: 30px;
    }

    .accordion__group {
        gap: 30px;
    }

    .accordion__title {
        font-family: "Inter", sans-serif;
        font-weight: 600;
        font-size: 21px;
        line-height: 28px;
        color: #0e3466;
    }

    .accordion__arrow {
        width: 20px;
        height: 10px;
    }

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

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

    .overlay__header {
        padding: 15px 20px;
    }

    .overlay__title {
        font-family: "Inter", sans-serif;
        font-weight: 600;
        font-size: 21px;
        line-height: 28px;
    }

    .overlay__body {
        padding: 20px;
    }

    .overlay__text {
        font-size: 21px;
        line-height: 33px;
        margin-bottom: 30px;
    }

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

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

    .home__hero .container--wide,
    .home__grid-container .container--wide,
    .home__carousel .container--wide {
        padding: 0 20px;
    }

    .home__title {
        font-size: 26px;
        line-height: 34px;
        letter-spacing: 0.26px;
    }

    .home__subtitle {
        font-size: 26px;
        line-height: 34px;
        letter-spacing: 0.26px;
        margin-bottom: 40px;
    }

    .home__hero::before {
        top: 5px;
        left: 15%;
        width: 50px;
    }

    .home__hero::after {
        bottom: -10px;
        right: 10%;
        width: 50px;
    }

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

    .home__hero-bg {
        width: 95%;
        height: 283px;
    }

    .home__hero-wrapper {
        padding: 40px 0 65px;
        gap: 20px;
        max-width: unset;
        width: 62%;
        min-width: 300px;
        padding-right: 20px;
    }

    .home__hero-wrapper::before {
        width: 132%;
        clip-path: polygon(0% 100%, 20% 0%, 100% 0%, 80% 100%);
    }

    .home__search-form {
        width: 78vw;
        max-width: 540px;
        height: 56px;
        padding: 10px 36px 10px 16px;
    }

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

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

    .home__search-icon {
        width: 20px;
    }

    .home__grid-wrapper {
        max-width: 540px;
        margin: 50px auto 170px;
    }

    .home__grid-wrapper .home__subtitle {
        margin-bottom: 40px;
    }

    .home__grid {
        width: 540px;
        gap: 5px;
        transform-origin: top left;
    }

    .home__grid::before {
        top: unset;
        bottom: 0;
        transform: translate(-25%, 15%);
        width: 650px;
    }

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

    .home__grid-item {
        padding: 20px 15px;
    }

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

    .home__grid-item--placeholder {
        display: block;
    }

    .home__grid-number {
        font-size: 46px;
        line-height: 70px;
    }

    .home__grid-label {
        font-size: 16px;
        line-height: 23px;
    }

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

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

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

    .home__card-header {
        gap: 0;
    }

    .home__card-category {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0;
    }

    .home__card-title {
        font-size: 26px;
        line-height: 36px;
        font-weight: 400;
    }

    .home__card-details {
        gap: 10px;
    }

    .home__card-field {
        gap: 5px;
    }

    .home__card-label {
        font-size: 21px;
        line-height: 28px;
        color: #0e3466;
    }

    .home__card-value {
        font-size: 21px;
        line-height: 33px;
    }

    .home__card-row {
        gap: 10px 50px;
    }

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

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

    /* ========================================
       17. Mobile Menu Dropdown
       ======================================== */

    .header__menu-content {
        padding: 30px 30px 80px;
    }

    .header__menu-link {
        font-family: "Inter", sans-serif;
        font-size: 21px;
        font-weight: 600;
        line-height: 28px;
    }
}

@media (max-width: 480px) {
    .home__search-form {
        width: calc(100vw - 40px);
    }

    .home__search {
        font-size: 18px;
        line-height: normal;
    }

    /* Search Form - Single Column Layout */
    .view-available-technologies .form--inline {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .view-available-technologies .form--inline > .js-form-item:nth-child(1),
    .view-available-technologies .form--inline > .js-form-item:nth-child(2),
    .view-available-technologies .form--inline > .js-form-item:nth-child(3),
    .view-available-technologies .form--inline > .js-form-item:nth-child(4),
    .view-available-technologies .form--inline > .js-form-item:nth-child(5),
    .view-available-technologies .form--inline > .js-form-item:nth-child(6) {
        grid-area: auto;
    }

    .view-available-technologies .form-actions {
        grid-area: auto;
    }

    .view-featured-technologies .form--inline {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .view-featured-technologies .form--inline > .js-form-item:nth-child(1),
    .view-featured-technologies .form--inline > .js-form-item:nth-child(3),
    .view-featured-technologies .form--inline > .js-form-item:nth-child(4),
    .view-featured-technologies .form--inline > .js-form-item:nth-child(5),
    .view-featured-technologies .form--inline > .js-form-item:nth-child(6) {
        grid-area: auto;
        order: unset;
    }

    .view-featured-technologies .form-actions {
        grid-area: auto;
    }

    /* Header Logo - Very Small Screens */
    .header .logo_one img {
        max-width: 60px;
    }

    .header .logo_two {
        font-size: 10px;
        line-height: 1.2;
    }
}