/* by Creasant - Refactored CSS */
/* ========================================
   1. Global Overrides
   ======================================== */

.mtpc-well:not(.mtpc-1col-section):not(.mtpc-2col-section):not(.mtpc-3col-section):not(.mtpc-4col-section) {
    background-color: rgba(0, 0, 0, 0.7) !important;
    border: 0 !important;
}

/* Hide MTPC hero section initially to prevent flash before JS transform */
.mtpc-1col-section.hero {
    display: none;
}

/* Allow overflow for views with search backgrounds */
.mtpc-1col-section:has(.view-available-technologies),
.mtpc-1col-section:has(.view-featured-technologies),
.mtpc-1col-section:has(.view-technology-adoption-program) {
    overflow: unset;
}

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

.region-breadcrumb .page-container > .block-hkust-page-title {
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}

.region-breadcrumb .page-container > .block-hkust-page-title * {
    box-sizing: border-box;
}

.region-breadcrumb .page-container > .block-hkust-page-title::before,
.region-breadcrumb .page-container > .block-hkust-page-title::after {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}

.region-breadcrumb .page-container > .block-hkust-page-title::before {
    z-index: 2;
    top: 40px;
    left: 0;
    transform: translateX(-20%);
    width: 200px;
    aspect-ratio: 200 / 80;
    background-image: url(/sites/default/files/2026-05/hero-dots.svg);
}

.region-breadcrumb #block-mtpc-pagetitle-3::before,
.region-breadcrumb #block-mtpc-pagetitle-5::before,
.region-breadcrumb #block-mtpc-pagetitle-tap-enquiry-form::before,
.region-breadcrumb .page-container > .mtpc-hero-tap::before {
    background-image: url(/sites/default/files/2026-05/hero-dots-green.svg);
}

.region-breadcrumb .page-container > .block-hkust-page-title::after {
    z-index: -1;
    bottom: 30px;
    right: 56px;
    width: 80px;
    aspect-ratio: 80 / 200;
    background-image: url(/sites/default/files/2026-05/hero-dots-vertical.svg);
}

.region-breadcrumb .page-container > .block-hkust-page-title .page-title-background {
    position: absolute;
    z-index: -2;
    top: 0;
    left: -40px;
    width: calc(100% + 80px);
    height: 352px;
    background-color: #013467;
    pointer-events: none;
}

.region-breadcrumb .page-container > .block-hkust-page-title .page-container {
    position: relative;
    max-width: 1650px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
}

.region-breadcrumb .page-container > .block-hkust-page-title .page-title {
    position: relative;
    z-index: 1;
    width: 50%;
    background-color: #013467;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 352px;
    margin-bottom: 120px;
    padding: 136px 0 116px;
    color: #ffffff;
}

.region-breadcrumb #block-mtpc-pagetitle-3 .page-title,
.region-breadcrumb .page-container > .mtpc-hero-tap .page-title {
    margin-bottom: 0 !important;
}

.region-breadcrumb .page-container > .block-hkust-page-title .page-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1px;
    width: 9999px;
    height: 100%;
    transform: translateX(-100%);
    background-color: #013467;
    pointer-events: none;
}

.region-breadcrumb .page-container > .block-hkust-page-title .page-title::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2px;
    height: 100%;
    transform: translateX(100%);
    aspect-ratio: 1 / 2;
    background-color: #013467;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    pointer-events: none;
}

/* Green variant for TAP pages */
.region-breadcrumb #block-mtpc-pagetitle-3 .page-title,
.region-breadcrumb #block-mtpc-pagetitle-3 .page-title::before,
.region-breadcrumb #block-mtpc-pagetitle-3 .page-title::after,
.region-breadcrumb #block-mtpc-pagetitle-5 .page-title,
.region-breadcrumb #block-mtpc-pagetitle-5 .page-title::before,
.region-breadcrumb #block-mtpc-pagetitle-5 .page-title::after,
.region-breadcrumb #block-mtpc-pagetitle-tap-enquiry-form .page-title,
.region-breadcrumb #block-mtpc-pagetitle-tap-enquiry-form .page-title::before,
.region-breadcrumb #block-mtpc-pagetitle-tap-enquiry-form .page-title::after,
.region-breadcrumb .page-container > .mtpc-hero-tap .page-title,
.region-breadcrumb .page-container > .mtpc-hero-tap .page-title::before,
.region-breadcrumb .page-container > .mtpc-hero-tap .page-title::after {
    background-color: #01a78c;
}

.region-breadcrumb .page-container > .block-hkust-page-title .page-title h1 {
    position: relative;
    z-index: 1;
    color: #ffffff;
    margin: 0;
}

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

.region-breadcrumb .page-container > .block-hkust-page-title .page-title * {
    color: #ffffff;
}

.region-breadcrumb .page-container > .block-hkust-page-title .page-title-image {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(8%);
    width: auto;
    height: 100%;
    aspect-ratio: 1385 / 470;
    object-fit: cover;
    clip-path: polygon(0% 100%, 15% 0%, 100% 0%, 85% 100%);
}

.region-breadcrumb #block-mtpc-pagetitle-3 .page-title-image,
.region-breadcrumb .page-container > .mtpc-hero-tap .page-title-image {
    transform: translateX(10%);
    height: 617px;
}

.region-breadcrumb .page-container > .block-hkust-page-title .page-hero-header,
.region-breadcrumb .page-container > .block-hkust-page-title .page-title-content {
    display: none;
}

/* ========================================
   3. Shared View Styles (Search, Filters, Pager)
   ======================================== */

/* Search Title - Shared */
.view-available-technologies .search__title,
.view-featured-technologies .search__title,
.view-technology-adoption-program .search__title {
    font-weight: 700;
    font-size: 32px;
    line-height: normal;
    color: #003974;
    margin: 0 0 40px 0;
    max-width: 1470px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
}

.mtpc-1col-section .view-available-technologies .search__title,
.mtpc-1col-section .view-featured-technologies .search__title,
.mtpc-1col-section .view-technology-adoption-program .search__title {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: -20px;
}

/* View Filters Container - Shared */
.view-available-technologies .view-filters,
.view-featured-technologies .view-filters,
.view-technology-adoption-program .view-filters {
    position: relative;
    padding: 0 40px 100px;
    margin-bottom: 100px;
}

.mtpc-1col-section .view-available-technologies .view-filters,
.mtpc-1col-section .view-featured-technologies .view-filters,
.mtpc-1col-section .view-technology-adoption-program .view-filters {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Search Background Pattern - Shared */
.view-available-technologies .view-filters::before,
.view-featured-technologies .view-filters::before,
.view-technology-adoption-program .view-filters::before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    transform: translateX(-45%);
    width: 2487px;
    height: calc(100% + 800px);
    min-height: 1100px;
    background-image: url(/sites/default/files/2026-05/search-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}

/* Exposed Form Container - Shared */
.view-available-technologies .views-exposed-form,
.view-featured-technologies .views-exposed-form,
.view-technology-adoption-program .views-exposed-form {
    max-width: 1470px;
    margin: 0 auto;
    padding: 0;
}

/* Form Item Container - Shared */
.view-available-technologies .js-form-item,
.view-featured-technologies .js-form-item,
.view-technology-adoption-program .js-form-item {
    display: flex;
    flex-direction: column;
}

/* Hide Labels - Shared */
.view-available-technologies .js-form-item label,
.view-featured-technologies .js-form-item label,
.view-technology-adoption-program .js-form-item label {
    display: none;
}

/* Form Select - Shared */
.view-available-technologies .form-select,
.view-featured-technologies .form-select,
.view-technology-adoption-program .form-select {
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
    padding: 15px 20px;
    font-weight: 700;
    color: #003366;
    background-image: url(/sites/default/files/2026-05/dropdown-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 17px 8px;
    appearance: none;
    -webkit-appearance: none;
    padding-right: 40px;
    width: 100%;
    font-family: "Mulish", sans-serif;
    font-size: 21px;
    line-height: 30px;
    border-radius: 0;
}

.view-available-technologies .form-select:focus,
.view-featured-technologies .form-select:focus,
.view-technology-adoption-program .form-select:focus {
    outline: none;
    border-color: #003366;
}

/* Form Text Input - Shared */
.view-available-technologies .form-text,
.view-featured-technologies .form-text,
.view-technology-adoption-program .form-text {
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
    padding: 15px 20px !important;
    font-weight: 700;
    color: #003366;
    width: 100%;
    font-family: "Mulish", sans-serif;
    font-size: 21px;
    line-height: 30px;
    border-radius: 0 !important;
    box-sizing: border-box;
}

.view-available-technologies .form-text:focus,
.view-featured-technologies .form-text:focus,
.view-technology-adoption-program .form-text:focus {
    outline: none;
    border-color: #003366;
}

.view-available-technologies .form-text::placeholder,
.view-featured-technologies .form-text::placeholder,
.view-technology-adoption-program .form-text::placeholder {
    color: #003366;
}

/* Submit Button - Shared Base */
.view-available-technologies .button.form-submit,
.view-featured-technologies .button.form-submit {
    background-color: #013467;
    color: #ffffff;
    padding: 15px 20px;
    font-weight: 500;
    line-height: 30px;
    width: 240px;
    text-align: center;
    border: none;
    font-family: "Mulish", sans-serif;
    font-size: 21px;
    cursor: pointer;
    border-radius: 0;
}

.view-available-technologies .button.form-submit:hover,
.view-featured-technologies .button.form-submit:hover {
    background-color: #002b4d;
}

.view-available-technologies .button.form-submit:active,
.view-featured-technologies .button.form-submit:active {
    background-color: #001f3a;
}

/* TAP Submit Button - Blue variant */
.view-technology-adoption-program .button.form-submit {
    background-color: #013467;
    color: #ffffff;
    padding: 15px 20px;
    font-weight: 700;
    line-height: 30px;
    width: 240px;
    text-align: center;
    border: none;
    font-family: "Mulish", sans-serif;
    font-size: 21px;
    cursor: pointer;
    border-radius: 0;
}

.view-technology-adoption-program .button.form-submit:hover {
    background-color: #002b4d;
}

.view-technology-adoption-program .button.form-submit:active {
    background-color: #001f3a;
}

/* JavaScript-owned Search Clear Button */
.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 {
    background-color: #01a78c;
    color: #ffffff;
    padding: 15px 20px;
    font-weight: 700;
    line-height: 30px;
    width: 240px;
    text-align: center;
    border: none;
    font-family: "Mulish", sans-serif;
    font-size: 21px;
    cursor: pointer;
    border-radius: 0;
}

.view-available-technologies .form-actions .search-clear-button:hover,
.view-featured-technologies .form-actions .search-clear-button:hover,
.view-technology-adoption-program .form-actions .search-clear-button:hover {
    background-color: #018f7a;
}

.view-available-technologies .form-actions .search-clear-button:active,
.view-featured-technologies .form-actions .search-clear-button:active,
.view-technology-adoption-program .form-actions .search-clear-button:active {
    background-color: #016b5c;
}

/* Desktop Available/Featured actions: Clear above Search in one column. */
@media (min-width: 1181px) {
    .view-available-technologies .form-actions,
    .view-featured-technologies .form-actions {
        flex-direction: column-reverse;
    }

    .view-available-technologies .form-actions .button.form-submit,
    .view-featured-technologies .form-actions .button.form-submit {
        margin-left: 0;
        margin-right: 0;
    }
}

/* Pagination Wrapper */
.view-available-technologies .pagination,
.view-featured-technologies .pagination,
.view-technology-adoption-program .pagination {
    max-width: 1650px;
    margin: 50px auto 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}

/* TAP Pagination - Centered */
.view-technology-adoption-program .pagination {
    justify-content: center;
}

/* Pagination Records (Items Per Page) */
.view-available-technologies .pagination__records,
.view-featured-technologies .pagination__records,
.view-technology-adoption-program .pagination__records {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.view-available-technologies .pagination__records .form-item-items-per-page,
.view-featured-technologies .pagination__records .form-item-items-per-page,
.view-technology-adoption-program .pagination__records .form-item-items-per-page {
    margin: 0;
}

.view-available-technologies .pagination__records .form-select,
.view-featured-technologies .pagination__records .form-select,
.view-technology-adoption-program .pagination__records .form-select {
    width: 110px;
    min-width: 110px;
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
    padding: 15px 20px;
    font-family: "Mulish", sans-serif;
    font-size: 21px;
    line-height: 28px;
    font-weight: 700;
    color: #003366;
    background-image: url("/sites/default/files/2026-05/dropdown-arrow.svg");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 17px 8px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 40px;
    cursor: pointer;
}

.view-available-technologies .pagination__records .form-select:focus,
.view-featured-technologies .pagination__records .form-select:focus,
.view-technology-adoption-program .pagination__records .form-select:focus {
    outline: none;
    border-color: #003366;
}

.view-available-technologies .pagination__text,
.view-featured-technologies .pagination__text,
.view-technology-adoption-program .pagination__text {
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    font-size: 21px;
    line-height: 28px;
    color: #003366;
    white-space: nowrap;
}

/* Pagination Controls (Pager Items) */
.view-available-technologies .pagination__controls,
.view-featured-technologies .pagination__controls,
.view-technology-adoption-program .pagination__controls {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
}

.view-available-technologies .pagination__controls .pager__items,
.view-featured-technologies .pagination__controls .pager__items,
.view-technology-adoption-program .pagination__controls .pager__items {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.view-available-technologies .pagination__controls .pager__item,
.view-featured-technologies .pagination__controls .pager__item,
.view-technology-adoption-program .pagination__controls .pager__item {
    margin: 0;
    padding: 0;
}

.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 {
    display: block;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    padding: 15px 20px;
    font-weight: 500;
    font-size: 21px;
    line-height: 28px;
    color: #003366;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    font-family: "Mulish", sans-serif;
}

.view-available-technologies .pagination__controls .pager__item a:hover,
.view-featured-technologies .pagination__controls .pager__item a:hover,
.view-technology-adoption-program .pagination__controls .pager__item a:hover {
    background: #f8f8f8;
}

.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 {
    background: #01a78c;
    border-color: #01a78c;
    color: #ffffff;
}

.view-available-technologies .pagination__controls .pager__item.is-active a:hover,
.view-featured-technologies .pagination__controls .pager__item.is-active a:hover,
.view-technology-adoption-program .pagination__controls .pager__item.is-active a:hover {
    background: #018f7a;
}

/* Ellipsis - Shared */
.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 {
    display: block;
    background: #ffffff;
    border: 1px solid #e1e1e1;
    padding: 15px 20px;
    font-weight: 500;
    font-size: 21px;
    line-height: 28px;
    color: #003366;
    text-align: center;
    white-space: nowrap;
    font-family: "Mulish", sans-serif;
    cursor: default;
}

/* Visually Hidden - Shared */
.view-available-technologies .pagination__controls .pager__item .visually-hidden,
.view-featured-technologies .pagination__controls .pager__item .visually-hidden,
.view-technology-adoption-program .pagination__controls .pager__item .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.view-available-technologies .pagination__enquiry-wrapper,
.view-featured-technologies .pagination__enquiry-wrapper,
.view-technology-adoption-program .pagination__enquiry-wrapper {
    display: flex;
}

.view-available-technologies .pagination__enquiry,
.view-featured-technologies .pagination__enquiry,
.view-technology-adoption-program .pagination__enquiry {
    background: #003366;
    border: none;
    padding: 15px 32px;
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin: 0;
}

.view-available-technologies .pagination__enquiry:hover,
.view-featured-technologies .pagination__enquiry:hover,
.view-technology-adoption-program .pagination__enquiry:hover {
    background: #003974;
    color: #ffffff;
}

.view-available-technologies .pagination__enquiry:active,
.view-featured-technologies .pagination__enquiry:active,
.view-technology-adoption-program .pagination__enquiry:active {
    background: #002b4d;
}

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

/* Grid Layout - 6 filter items in 2 rows */
.view-available-technologies .form--inline {
    display: grid;
    grid-template-columns: 25% 25% 1fr auto;
    grid-template-rows: auto auto;
    gap: 15px;
    align-items: end;
}

/* Row 1 filter items */
.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;
}

/* Row 2 filter items */
.view-available-technologies .form--inline > .js-form-item:nth-child(4) {
    grid-area: 2 / 1;
}
/* Keyword spans two columns. The wrapper class follows the exposed filter's
   identifier, which became "combine" when the keyword filter was switched to
   Global: Combine fields filter, so this must not go back to form-item-title. */
.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: 1 / 4 / 3 / 5;
    align-self: end;
    display: flex;
    gap: 25px;
    margin: 0;
}

/* Sort By Dropdown */
.view-available-technologies .sort-by-wrapper {
    max-width: 1650px;
    margin: 0 auto 30px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

.view-available-technologies .sort-by-wrapper .form-item-sort-by {
    margin: 0;
}

.view-available-technologies .sort-by-wrapper .form-select {
    min-width: 330px;
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
    padding: 15px 20px;
    font-family: "Mulish", sans-serif;
    font-size: 21px;
    line-height: 30px;
    font-weight: 700;
    color: #003366;
    background-image: url("/sites/default/files/2026-05/dropdown-arrow.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 17px 8px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 50px;
    cursor: pointer;
}

.view-available-technologies .sort-by-wrapper .form-select:focus {
    outline: none;
    border-color: #003366;
}

/* Table Styles */
.view-available-technologies .view-content {
    max-width: 1650px;
    margin: 0 auto;
    padding: 0;
    overflow-x: auto;
}

.view-available-technologies .views-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px 0;
    table-layout: auto;
}

.view-available-technologies .views-table thead {
    background: none;
}

.view-available-technologies .views-table th {
    background: #b7c2d2;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    color: #0e3466;
    height: 70px;
    padding: 20px 15px;
    text-align: left;
    vertical-align: top;
}

.view-available-technologies .views-table tbody tr:nth-child(even) td {
    background: #f4f4f4;
}

.view-available-technologies .views-table tbody tr:nth-child(odd) td {
    background: #ffffff;
}

.view-available-technologies .views-table td {
    padding: 20px 15px;
    text-align: left;
    vertical-align: top;
    min-width: unset;
}

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

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

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

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

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

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

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

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

/* Mobile Cards (hidden on desktop) */
.view-available-technologies .table__mobile {
    display: none;
}

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

/* Grid layout for 5 filters (3 columns + button) */
.view-featured-technologies .form--inline {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;
    grid-template-rows: auto auto;
    gap: 15px;
    align-items: end;
}

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

/* Row 2: TRL + Keyword (keyword spans 2 columns) */
.view-featured-technologies .form--inline > .js-form-item:nth-child(5) {
    grid-area: 2 / 1;
}
.view-featured-technologies .form--inline > .js-form-item:nth-child(6) {
    grid-area: 2 / 2 / 3 / 4;
}

.view-featured-technologies .form-actions {
    grid-area: 1 / 4 / 3 / 5;
    align-self: end;
    display: flex;
    gap: 25px;
    margin: 0;
}

@media (min-width: 1181px) {
    .view-featured-technologies .form-actions {
        gap: 31px;
    }
}

/* Grid Content */
.view-featured-technologies .view-content {
    max-width: 1740px;
    margin: 0 auto;
    padding: 0 45px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 20px;
}

/* Override max-width for Featured Technologies pager/footer/pagination */
.view-featured-technologies .pager,
.view-featured-technologies .view-footer,
.view-featured-technologies .pagination {
    max-width: 1740px;
    padding: 0 45px;
}

/* Grid Card Styles */
.view-featured-technologies .views-row {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Image field - show only first image */
.view-featured-technologies .views-row .views-field-field-images .field-content {
    font-size: 0;
    line-height: 0;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.view-featured-technologies .views-row .views-field-field-images .field-content > a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.view-featured-technologies .views-row .views-field-field-images .field-content img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    font-size: 21px;
    line-height: normal;
}

.view-featured-technologies .views-row .views-field-field-images .field-content img:not(:first-child) {
    display: none;
}

/* Title field */
.view-featured-technologies .views-row .views-field-title {
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: #003366;
    margin: 0;
}

.view-featured-technologies .views-row .views-field-title a {
    color: #003366;
    text-decoration: none;
}

.view-featured-technologies .views-row .views-field-title a:hover {
    text-decoration: underline;
}

/* Hide Applicable Industries select (replaced by custom dropdown) */
.view-featured-technologies select[name="field_applicable_industries_target_id"],
.view-featured-technologies .js-form-item-field-applicable-industries-target-id {
    display: none !important;
}

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

/* 2 column layout (Technology Focus + Keyword + Button) */
.view-technology-adoption-program .form--inline {
    display: grid;
    grid-template-columns: 25% 1fr auto;
    gap: 15px;
    align-items: end;
}

.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: 1 / 3;
    align-self: end;
    display: flex;
    gap: 20px;
    margin: 0;
}

/* Grid View */
.view-technology-adoption-program .view-content {
    max-width: 1650px;
    margin: 0 auto;
    padding: 0 45px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 20px;
}

/* Category Grouping Headers */
.view-technology-adoption-program .view-content > h3 {
    grid-column: 1 / -1;
    font-weight: 700;
    font-size: 32px;
    line-height: normal;
    color: #003974;
    margin: 0 0 -70px 0;
}

.view-technology-adoption-program .view-content > h3:not(:first-child) {
    margin-top: 0;
}

/* Legacy support for view-grouping structure */
.view-technology-adoption-program .view-grouping {
    grid-column: 1 / -1;
    margin-bottom: 0;
}

.view-technology-adoption-program .view-grouping:not(:first-child) {
    margin-top: 0;
}

.view-technology-adoption-program .view-grouping-header {
    font-weight: 700;
    font-size: 32px;
    line-height: normal;
    color: #003974;
    margin: 0 0 30px 0;
}

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

/* Grid Cards */
.view-technology-adoption-program .views-row {
    display: block;
}

.view-technology-adoption-program .tap-card {
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-decoration: none;
    color: inherit;
}

.view-technology-adoption-program .tap-card__image {
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    background-color: #e1e1e1;
    font-size: 0;
    line-height: 0;
}

.view-technology-adoption-program .tap-card__image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    display: block;
    font-size: 21px;
    line-height: normal;
}

.view-technology-adoption-program .tap-card__image img:not(:first-child) {
    display: none;
}

.view-technology-adoption-program .tap-card__title {
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: #003366;
    margin: 0;
}

.view-technology-adoption-program .tap-card:hover .tap-card__title {
    text-decoration: underline;
}

.view-technology-adoption-program .tap-card__tech-id {
    display: none;
}

/* List View Container */
.view-technology-adoption-program .list__container {
    display: none;
    max-width: 1650px;
    margin: 0 auto;
    padding: 85px 95px 105px;
    background-color: #ffffff;
    box-sizing: border-box;
}

.view-technology-adoption-program .list__group {
    margin-bottom: 50px;
}

.view-technology-adoption-program .list__group:first-child {
    margin-top: 0;
}

.view-technology-adoption-program .list__group-header {
    font-weight: 700;
    font-size: 32px;
    line-height: normal;
    color: #003974;
    margin: 0 0 30px 0;
    padding: 0;
}

.view-technology-adoption-program .list__item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    width: 100%;
    text-decoration: none;
    box-sizing: border-box;
}

.view-technology-adoption-program .list__item:nth-of-type(odd) {
    background: #f4f4f4;
}

.view-technology-adoption-program .list__item:nth-of-type(even) {
    background: #ffffff;
}

.view-technology-adoption-program .list__item-link {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-decoration: none;
}

.view-technology-adoption-program .list__item-title {
    font-weight: 700;
    color: #003366;
}

.view-technology-adoption-program .list__item-link:hover .list__item-title {
    text-decoration: underline;
}

.view-technology-adoption-program .list__item-code {
    font-weight: 300;
    color: #003366;
}

.view-technology-adoption-program .list__load-more {
    display: flex;
    justify-content: center;
    margin-top: 100px;
}

.view-technology-adoption-program .list__load-more .button {
    background: #003366;
    border: none;
    padding: 15px 32px;
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
    font-family: "Mulish", sans-serif;
}

.view-technology-adoption-program .list__load-more .button:hover {
    background: #003974;
}

.view-technology-adoption-program .list__load-more .button:active {
    background: #002b4d;
}

/* ========================================
   7. Shared Detail Page Styles
   ======================================== */

/* Page Title Override - All Detail Pages */
.mtpc_available_technology.mtpc_pagetitle,
.mtpc_featured_technology.mtpc_pagetitle,
.mtpc_technology_adoption_program.mtpc_pagetitle {
    background-color: transparent;
    max-width: 1650px;
    margin: 0 auto 40px;
    padding: 0 !important;
}

.mtpc_available_technology.mtpc_pagetitle h1,
.mtpc_featured_technology.mtpc_pagetitle h1,
.mtpc_technology_adoption_program.mtpc_pagetitle h1 {
    font-weight: 700;
    font-size: 32px;
    line-height: normal;
    color: #003974;
    letter-spacing: 0.32px;
    max-width: none;
    margin: 0;
    padding: 0 45px;
}

/* Hide last breadcrumb on detail pages */
body:has(.node--type-available-technology) .region-breadcrumb nav.breadcrumb ol li:last-child,
body:has(.node--type-featured-technology) .region-breadcrumb nav.breadcrumb ol li:last-child,
body:has(.node--type-technology-adoption-program) .region-breadcrumb nav.breadcrumb ol li:last-child {
    display: none;
}

/* Hide view content on detail pages */
body:has(.node--type-available-technology) .block-views-blockavailable-technologies-block-1 .view-content,
body:has(.node--type-available-technology) .block-views-blockavailable-technologies-block-1 .pager,
body:has(.node--type-available-technology) .view-available-technologies .sort-by-wrapper,
body:has(.node--type-available-technology) .view-available-technologies .pagination,
body:has(.node--type-featured-technology) .view-featured-technologies .view-content,
body:has(.node--type-featured-technology) .view-featured-technologies .pager,
body:has(.node--type-featured-technology) .view-featured-technologies .view-footer,
body:has(.node--type-featured-technology) .view-featured-technologies .pagination,
body:has(.node--type-technology-adoption-program) .view-technology-adoption-program .view-content,
body:has(.node--type-technology-adoption-program) .view-technology-adoption-program .pager,
body:has(.node--type-technology-adoption-program) .view-technology-adoption-program .view-footer,
body:has(.node--type-technology-adoption-program) .view-technology-adoption-program .view-toggle {
    display: none !important;
}

/* Box Sizing Reset - All Node Types */
.node--type-available-technology,
.node--type-available-technology *,
.node--type-featured-technology,
.node--type-featured-technology *,
.node--type-technology-adoption-program,
.node--type-technology-adoption-program * {
    box-sizing: border-box;
}

/* Two Column Layout - All Node Types */
.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 {
    display: flex;
    gap: 100px;
    max-width: 1650px;
    margin: 0 auto;
    padding: 0 45px;
}

/* Main Content Area (Left Column) */
.node--type-available-technology .item-detail__main,
.node--type-featured-technology .item-detail__main,
.node--type-technology-adoption-program .item-detail__main {
    flex: 1;
    min-width: 0;
    padding-top: 40px;
}

/* Side Container (Right Column) */
.node--type-available-technology .item-detail__side,
.node--type-featured-technology .item-detail__side,
.node--type-technology-adoption-program .item-detail__side {
    width: 500px;
    flex-shrink: 0;
}

/* Download PDF Button */
.node--type-available-technology .item-detail__download,
.node--type-featured-technology .item-detail__download,
.node--type-technology-adoption-program .item-detail__download {
    display: block;
    font-weight: 500;
    text-align: right;
    margin-bottom: 20px;
    cursor: pointer;
    color: #118d9e;
}

/* Sidebar Container */
.node--type-available-technology .item-detail__sidebar,
.node--type-featured-technology .item-detail__sidebar,
.node--type-technology-adoption-program .item-detail__sidebar {
    background: #ffffff;
    padding: 30px 50px 76px;
}

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

.node--type-available-technology .item-detail__section:last-child {
    margin-bottom: 0;
}

.node--type-available-technology .item-detail__section-title {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #003366;
    margin: 0 0 30px 0;
}

/* Patent Info Rows */
.node--type-available-technology .item-detail__info {
    display: flex;
    flex-direction: column;
    gap: 0;
}

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

.node--type-available-technology .item-detail__label {
    width: 150px;
    flex-shrink: 0;
    color: #3d3d3d;
}

.node--type-available-technology .item-detail__value {
    flex-shrink: 0;
    color: #3d3d3d;
}

/* Sidebar Header */
.node--type-available-technology .item-detail__sidebar-header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.node--type-available-technology .item-detail__expand-all {
    font-weight: 500;
    color: #118d9e;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
}

.node--type-available-technology .item-detail__expand-all:hover {
    text-decoration: underline;
}

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

.node--type-available-technology .item-detail__inventors-title {
    font-weight: 700;
    line-height: 30px;
    color: #003366;
    margin: 0 0 30px 0;
}

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

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

.node--type-available-technology .item-detail__inventor-label {
    width: 146px;
    flex-shrink: 0;
    color: #3d3d3d;
}

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

/* Field Label */
.node--type-available-technology .field__label,
.node--type-featured-technology .field__label,
.node--type-technology-adoption-program .field__label {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #003366;
    margin-bottom: 15px;
}

/* Field Item */
.node--type-available-technology .field__item,
.node--type-featured-technology .field__item,
.node--type-technology-adoption-program .field__item {
    font-weight: 300;
    line-height: 33px;
    color: #3d3d3d;
    margin-bottom: 10px;
}

.node--type-available-technology .field__item:last-child,
.node--type-featured-technology .field__item:last-child,
.node--type-technology-adoption-program .field__item:last-child {
    margin-bottom: 0;
}

/* Divider */
.node--type-available-technology .item-detail__divider,
.node--type-featured-technology .item-detail__divider,
.node--type-technology-adoption-program .item-detail__divider {
    height: 1px;
    background: #e1e1e1;
    margin: 20px 0;
}

/* Description Field */
.node--type-available-technology .field--name-field-description,
.node--type-featured-technology .field--name-field-description {
    margin-bottom: 50px;
}

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

/* Content Field */
.node--type-available-technology .field--name-field-content,
.node--type-featured-technology .field--name-field-content {
    margin-bottom: 50px;
}

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

/* Inventors Section */
.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-weight: 700;
    line-height: 30px;
    color: #003366;
    margin-bottom: 15px;
}

.node--type-available-technology .field--name-field-inventors .field__items,
.node--type-featured-technology .field--name-field-inventors .field__items {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.node--type-available-technology .field--name-field-inventors .field__item,
.node--type-featured-technology .field--name-field-inventors .field__item {
    margin-bottom: 0;
}

.node--type-available-technology .field--name-field-inventors .field__item a,
.node--type-featured-technology .field--name-field-inventors .field__item a {
    color: #3d3d3d;
    text-decoration: none;
}

.node--type-available-technology .field--name-field-inventors .field__item a:hover,
.node--type-featured-technology .field--name-field-inventors .field__item a:hover {
    text-decoration: underline;
}

/* Application No Field */
.node--type-available-technology .field--name-field-app-no,
.node--type-featured-technology .field--name-field-app-no {
    margin-bottom: 30px;
}

/* Technology Focus Field */
.node--type-available-technology .field--name-field-tech-focus,
.node--type-featured-technology .field--name-field-tech-focus {
    margin-bottom: 30px;
}

.node--type-available-technology .field--name-field-tech-focus .field__items,
.node--type-featured-technology .field--name-field-tech-focus .field__items {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.node--type-available-technology .field--name-field-tech-focus .field__item a,
.node--type-featured-technology .field--name-field-tech-focus .field__item a {
    color: #3d3d3d;
    text-decoration: none;
}

.node--type-available-technology .field--name-field-tech-focus .field__item a:hover,
.node--type-featured-technology .field--name-field-tech-focus .field__item a:hover {
    text-decoration: underline;
}

/* Contact Section */
.node--type-available-technology .item-detail__contact,
.node--type-featured-technology .item-detail__contact {
    display: flex;
    flex-direction: column;
    gap: 0;
    color: #003366;
    margin-top: 50px;
}

.node--type-available-technology .item-detail__contact-title,
.node--type-featured-technology .item-detail__contact-title {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #003366;
    margin-bottom: 15px;
}

.node--type-available-technology .item-detail__contact-subtitle,
.node--type-featured-technology .item-detail__contact-subtitle {
    color: #003366;
    font-weight: 300;
    margin-bottom: 30px;
}

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

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

.node--type-available-technology .item-detail__contact-value,
.node--type-featured-technology .item-detail__contact-value {
    flex-shrink: 0;
}

/* ========================================
   8. Available Technology Detail (Specific)
   ======================================== */

/* Industry Field */
.node--type-available-technology .field--name-field-industry {
    margin-bottom: 30px;
}

.node--type-available-technology .field--name-field-industry .field__items {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.node--type-available-technology .field--name-field-industry .field__item a {
    color: #3d3d3d;
    text-decoration: none;
}

.node--type-available-technology .field--name-field-industry .field__item a:hover {
    text-decoration: underline;
}

/* Technology Application Field */
.node--type-available-technology .field--name-field-tech-application {
    margin-bottom: 30px;
}

.node--type-available-technology .field--name-field-tech-application .field__items {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.node--type-available-technology .field--name-field-tech-application .field__item a {
    color: #3d3d3d;
    text-decoration: none;
}

.node--type-available-technology .field--name-field-tech-application .field__item a:hover {
    text-decoration: underline;
}

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

/* Applicable Industries Field */
.node--type-featured-technology .field--name-field-applicable-industries {
    margin-bottom: 30px;
}

.node--type-featured-technology .field--name-field-applicable-industries .field__items {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.node--type-featured-technology .field--name-field-applicable-industries .field__item a {
    color: #3d3d3d;
    text-decoration: none;
}

.node--type-featured-technology .field--name-field-applicable-industries .field__item a:hover {
    text-decoration: underline;
}

/* Potential Application Field */
.node--type-featured-technology .field--name-field-potential-application {
    margin-bottom: 30px;
}

.node--type-featured-technology .field--name-field-potential-application .field__items {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.node--type-featured-technology .field--name-field-potential-application .field__item a {
    color: #3d3d3d;
    text-decoration: none;
}

.node--type-featured-technology .field--name-field-potential-application .field__item a:hover {
    text-decoration: underline;
}

/* Technology Readiness Level Field - Inline layout */
.node--type-featured-technology .field--name-field-trl {
    margin-bottom: 30px;
}

.node--type-featured-technology .field--name-field-trl.field--inline {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 10px;
}

.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 {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #003366;
    margin-bottom: 0;
}

.node--type-featured-technology .field--name-field-trl .field__item a {
    color: #3d3d3d;
    text-decoration: none;
}

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

.node--type-featured-technology .field--name-field-trl .field__item a:hover {
    text-decoration: underline;
}

/* Image Carousel */
.node--type-featured-technology .item-detail__carousel {
    width: 500px;
    margin-bottom: 20px;
}

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

.node--type-featured-technology .item-detail__carousel-image {
    max-width: unset;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    cursor: pointer;
}

.node--type-featured-technology .item-detail__carousel-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.node--type-featured-technology .item-detail__carousel-nav .swiper {
    flex: 1;
    overflow: hidden;
}

.node--type-featured-technology .item-detail__carousel-thumb {
    aspect-ratio: 1 / 1;
    cursor: pointer;
    overflow: hidden;
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

.node--type-featured-technology .item-detail__carousel-thumb:hover {
    opacity: 0.8;
}

.node--type-featured-technology .item-detail__carousel-thumb--active {
    opacity: 1;
    border: 2px solid #003366;
}

.node--type-featured-technology .item-detail__carousel-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.node--type-featured-technology .item-detail__carousel-arrow {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.node--type-featured-technology .item-detail__carousel-arrow:disabled,
.node--type-featured-technology .item-detail__carousel-arrow.swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
}

.node--type-featured-technology .item-detail__carousel-arrow--left {
    transform: rotate(90deg);
}

.node--type-featured-technology .item-detail__carousel-arrow--right {
    transform: rotate(-90deg);
}

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

/* Lightbox overlay */
.item-detail__lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    cursor: pointer;
}

.item-detail__lightbox-inner {
    position: relative;
    max-width: 1200px;
    width: 100%;
    padding: 0 40px;
    display: flex;
    justify-content: center;
    cursor: default;
}

.item-detail__lightbox-img {
    max-width: 100%;
    max-height: 90vh;
    object-fit: contain;
}

.item-detail__lightbox-close {
    position: absolute;
    top: -48px;
    right: 40px;
    background: none;
    border: none;
    color: #fff;
    font-size: 40px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    opacity: 0.8;
}

.item-detail__lightbox-close:hover {
    opacity: 1;
    background-color: transparent;
    color: #fff;
}

/* Enquiry Button */
.node--type-featured-technology .item-detail__enquiry-button,
.node--type-available-technology .item-detail__enquiry-button {
    background: #003366;
    border: none;
    padding: 15px 32px;
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-top: 50px;
}

.node--type-featured-technology .item-detail__enquiry-button:hover,
.node--type-available-technology .item-detail__enquiry-button:hover {
    background: #003974;
    color: #ffffff;
}

.node--type-featured-technology .item-detail__enquiry-button:active,
.node--type-available-technology .item-detail__enquiry-button:active {
    background: #002b4d;
}

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

/* Sidebar Header with Expand All */
.node--type-technology-adoption-program .item-detail__sidebar-header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

/* TAP Category - rendered by JS above the License heading, styled to match
   the Price per Unit label/value pair. Keep this file ASCII-only: the theme's
   CSS generator writes non-ASCII as CP1252, which corrupts it in styles.css. */
.node--type-technology-adoption-program .item-detail__category {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.node--type-technology-adoption-program .item-detail__category-label {
    font-weight: 700;
    color: #003366;
}

.node--type-technology-adoption-program .item-detail__category-value {
    font-weight: 300;
    line-height: 33px;
    color: #3d3d3d;
}

.node--type-technology-adoption-program .item-detail__expand-all {
    font-weight: 500;
    color: #118d9e;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    font-family: "Mulish", sans-serif;
    font-size: 21px;
}

.node--type-technology-adoption-program .item-detail__expand-all:hover {
    text-decoration: underline;
}

/* License Section */
.node--type-technology-adoption-program .item-detail__license-title {
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: #003366;
    margin-bottom: 20px;
}

.node--type-technology-adoption-program .item-detail__license-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Preview Terms Button */
.node--type-technology-adoption-program .item-detail__preview-terms {
    background-color: #003366;
    border: none;
    padding: 15px 32px;
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
    font-family: "Mulish", sans-serif;
    width: 100%;
}

.node--type-technology-adoption-program .item-detail__preview-terms:hover {
    background-color: #003974;
}

/* Price Display */
.node--type-technology-adoption-program .item-detail__price {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.node--type-technology-adoption-program .item-detail__price-label {
    font-weight: 700;
    color: #003366;
}

.node--type-technology-adoption-program .item-detail__price-value:not(.item-detail__price-value--na) {
    font-weight: 700;
    font-size: 32px;
    line-height: normal;
    color: #003366;
}

.node--type-technology-adoption-program .item-detail__price-value--na {
    font-weight: 300;
    line-height: 33px;
    color: #3d3d3d;
}

/* Divider Variants */
.node--type-technology-adoption-program .item-detail__divider--margin {
    margin: 30px 0;
}

.node--type-technology-adoption-program .item-detail__divider--margin-wide {
    margin: 50px 0;
}

/* Inventors Section */
.node--type-technology-adoption-program .item-detail__inventors {
    margin-top: 20px;
}

.node--type-technology-adoption-program .item-detail__inventors-title {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #003366;
    margin-bottom: 15px;
}

.node--type-technology-adoption-program .item-detail__inventors-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.node--type-technology-adoption-program .item-detail__inventor-row {
    display: flex;
    gap: 15px;
}

.node--type-technology-adoption-program .item-detail__inventor-value {
    color: #3d3d3d;
}

/* Back Link */
.node--type-technology-adoption-program .item-detail__back-link {
    display: block;
    margin-top: 30px;
    font-weight: 500;
    color: #118d9e;
    text-decoration: none;
    text-align: right;
}

.node--type-technology-adoption-program .item-detail__back-link:hover {
    text-decoration: underline;
}

/* Section Title Compact */
.node--type-technology-adoption-program .item-detail__section-title--compact {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #003366;
    margin-bottom: 10px;
}

/* Detail Page Sections */
.node--type-technology-adoption-program .item-detail__section {
    margin-bottom: 50px;
}

.node--type-technology-adoption-program .item-detail__text {
    font-weight: 300;
    line-height: 33px;
    color: #3d3d3d;
}

.node--type-technology-adoption-program .item-detail__text p {
    margin: 0 0 1em 0;
}

.node--type-technology-adoption-program .item-detail__text p:last-child {
    margin-bottom: 0;
}

.node--type-technology-adoption-program .item-detail__text a {
    color: #118d9e;
}

/* Enquiry Button */
.node--type-technology-adoption-program .item-detail__enquiry-button {
    background: #003366;
    border: none;
    padding: 15px 32px;
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-top: 50px;
    min-width: 240px;
}

.node--type-technology-adoption-program .item-detail__enquiry-button:hover {
    background: #003974;
    color: #ffffff;
}

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

/* Hide Page Title on Enquiry Forms */
body:has(.webform-submission-available-technologies-enquiry-f-form) .mtpc_pagetitle,
body:has(.webform-submission-featured-technologies-enquiry-fo-form) .mtpc_pagetitle,
body:has(.webform-submission-technology-adoption-program-enqu-form) .mtpc_pagetitle {
    display: none;
}

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

/* Search Background Placeholder */
.search-bg {
    position: relative;
    padding-bottom: 100px;
    margin-bottom: 100px;
}

.search-bg--placeholder {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.search-bg::before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    transform: translateX(-45%);
    width: 2487px;
    height: calc(100% + 800px);
    min-height: 1100px;
    background-image: url(/sites/default/files/2026-05/search-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}

.search-bg--placeholder::before {
    bottom: -250px;
}

/* Title Header above form */
.item-detail__header {
    max-width: 1560px;
    margin: 0 auto 40px;
}

.item-detail__title {
    font-weight: 700;
    font-size: 32px;
    line-height: normal;
    color: #003974;
    margin: 0;
}

/* 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 {
    max-width: 1560px;
    margin: 0 auto;
    margin-top: 0;
    padding: 50px;
    background-color: #ffffff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0 20px;
    flex-wrap: unset;
}

/* 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 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 30px;
    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-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 21px;
    line-height: normal;
    color: #0e3466;
}

/* Form Text 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 {
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
    padding: 15px 20px;
    font-family: "Mulish", sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 30px;
    color: #3d3d3d;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
    margin-top: 0;
    transition: none;
}

.webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form .form-item .form-text:focus,
.webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form .form-item .form-email:focus,
.webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form .form-item .form-text:focus,
.webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form .form-item .form-email:focus,
.webform-submission-form.webform-submission-add-form.webform-submission-technology-adoption-program-enqu-form .form-item .form-text:focus,
.webform-submission-form.webform-submission-add-form.webform-submission-technology-adoption-program-enqu-form .form-item .form-email:focus {
    outline: none;
    border-color: #003366;
}

/* Form Select Dropdowns - 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 {
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
    padding: 15px 20px;
    padding-right: 50px;
    font-family: "Mulish", sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 30px;
    color: #3d3d3d;
    background-image: url(/sites/default/files/2026-05/dropdown-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 17px 8px;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
    margin-top: 0;
    transition: none;
}

.webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form .form-item .form-select:focus,
.webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form .form-item .form-select:focus,
.webform-submission-form.webform-submission-add-form.webform-submission-technology-adoption-program-enqu-form .form-item .form-select:focus {
    outline: none;
    border-color: #003366;
}

/* Form Textarea Wrapper - Shared */
.webform-submission-available-technologies-enquiry-f-form .form-textarea-wrapper,
.webform-submission-featured-technologies-enquiry-fo-form .form-textarea-wrapper,
.webform-submission-technology-adoption-program-enqu-form .form-textarea-wrapper {
    width: 100%;
}

/* 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 {
    height: 350px;
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
    padding: 20px;
    font-family: "Mulish", sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 30px;
    color: #3d3d3d;
    resize: vertical;
    min-height: 200px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0;
    margin-top: 0;
    transition: none;
}

.webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form .form-item .form-textarea:focus,
.webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form .form-item .form-textarea:focus,
.webform-submission-form.webform-submission-add-form.webform-submission-technology-adoption-program-enqu-form .form-item .form-textarea:focus {
    outline: none;
    border-color: #003366;
}

/* Form Actions - Shared */
.webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form .form-actions,
.webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form .form-actions,
.webform-submission-form.webform-submission-add-form.webform-submission-technology-adoption-program-enqu-form .form-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
    margin: 0;
}

/* 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"] {
    background-color: #003366;
    border: none;
    padding: 15px 20px;
    min-width: 141px;
    font-family: "Mulish", sans-serif;
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
    margin: 0;
    transition: none;
    -webkit-appearance: none;
}

.webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form .form-actions .button:hover,
.webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form .form-actions input[type="submit"]:hover,
.webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form .form-actions .button:hover,
.webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form .form-actions input[type="submit"]:hover,
.webform-submission-form.webform-submission-add-form.webform-submission-technology-adoption-program-enqu-form .form-actions .button:hover,
.webform-submission-form.webform-submission-add-form.webform-submission-technology-adoption-program-enqu-form .form-actions input[type="submit"]:hover {
    background-color: #003974;
}

.webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form .form-actions .button:active,
.webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form .form-actions input[type="submit"]:active,
.webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form .form-actions .button:active,
.webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form .form-actions input[type="submit"]:active {
    background-color: #002b4d;
}

/* Hidden form elements */
.webform-submission-available-technologies-enquiry-f-form > input[type="hidden"],
.webform-submission-featured-technologies-enquiry-fo-form > input[type="hidden"],
.webform-submission-technology-adoption-program-enqu-form > input[type="hidden"] {
    display: none;
}

/* 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] {
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    cursor: default;
    font-weight: 300;
    line-height: 33px;
    color: #3d3d3d;
}

.webform-submission-featured-technologies-enquiry-fo-form .form-item--readonly,
.webform-submission-technology-adoption-program-enqu-form .form-item--readonly,
.webform-submission-available-technologies-enquiry-f-form .form-item--readonly {
    padding-bottom: 30px;
}

/* Readonly display div styling (JS-generated replacement for hidden selects) */
.webform-submission-form.webform-submission-add-form.webform-submission-featured-technologies-enquiry-fo-form .form-item .form-text.form-text--readonly-display,
.webform-submission-form.webform-submission-add-form.webform-submission-technology-adoption-program-enqu-form .form-item .form-text.form-text--readonly-display,
.webform-submission-form.webform-submission-add-form.webform-submission-available-technologies-enquiry-f-form .form-item .form-text.form-text--readonly-display {
    border: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-family: "Mulish", sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 33px;
    color: #3d3d3d;
    width: auto;
    margin-top: 0;
    transition: none;
}

/* ========================================
   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 / 2;
    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: 2 / 4;
    grid-row: 1;
}

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

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

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

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

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

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

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

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

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

/* Featured Technologies Prefilled Form */
.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 {
    grid-row: 4;
}

.webform-submission-featured-technologies-enquiry-fo-form.form--prefilled > .form-item-potential-applications {
    grid-column: 1 / 3;
}

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

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

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

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

/* Available Technologies Prefilled Form */
.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: 4;
}

.webform-submission-available-technologies-enquiry-f-form.form--prefilled > .form-item-potential-applications {
    grid-column: 1 / 3;
}

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

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

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

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

/* TAP Enquiry Form Layout */
/* Row 1: Technology Focus + Category */
.webform-submission-technology-adoption-program-enqu-form > .form-item-technology-focus {
    grid-column: 1 / 3;
    grid-row: 1;
}

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

/* Narrow field widths for TAP readonly fields */
.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: 322px;
}

.webform-submission-technology-adoption-program-enqu-form.form--prefilled > .form-item-category {
    margin-right: 45px;
}

/* Row 2: Title + First Name + Last Name */
.webform-submission-technology-adoption-program-enqu-form > .form-item-title {
    grid-column: 1 / 3;
    grid-row: 2;
}

.webform-submission-technology-adoption-program-enqu-form > .form-item-first-name {
    grid-column: 3 / 5;
    grid-row: 2;
}

.webform-submission-technology-adoption-program-enqu-form > .form-item-last-name {
    grid-column: 5 / 7;
    grid-row: 2;
}
/* Row 3: Job Title + Contact Email */
.webform-submission-technology-adoption-program-enqu-form > .form-item-job-title {
    grid-column: 1 / 4;
    grid-row: 3;
}

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

/* Row 4: Company + Contact Phone */
.webform-submission-technology-adoption-program-enqu-form > .form-item-company {
    grid-column: 1 / 4;
    grid-row: 4;
}

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

/* Row 5: Textarea */
.webform-submission-technology-adoption-program-enqu-form > .form-item-your-question-enquiry {
    grid-column: 1 / 7;
    grid-row: 5;
}

/* Row 6: Submit button */
.webform-submission-technology-adoption-program-enqu-form > .form-actions {
    grid-column: 1 / 7;
    grid-row: 6;
}

/* Back Link in Form Actions */
.webform-submission-technology-adoption-program-enqu-form .form__back {
    font-weight: 500;
    color: #118d9e;
    text-decoration: none;
}

.webform-submission-technology-adoption-program-enqu-form .form__back:hover {
    text-decoration: underline;
}

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

.custom-dropdown {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 62px;
}

.custom-dropdown__trigger {
    position: absolute;
    bottom: 0;
    left: 0;
    border: 1px solid #e1e1e1;
    background-color: #ffffff;
    padding: 15px 20px;
    font-weight: 700;
    color: #003366;
    background-image: url(/sites/default/files/2026-05/dropdown-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 17px 8px;
    appearance: none;
    -webkit-appearance: none;
    padding-right: 40px;
    width: 100%;
    font-family: "Mulish", sans-serif;
    font-size: 21px;
    line-height: 30px;
    border-radius: 0;
    cursor: pointer;
    box-sizing: border-box;
    display: block;
}

.custom-dropdown__trigger:hover,
.custom-dropdown__trigger:focus {
    outline: none;
    border-color: #003366;
}

.custom-dropdown__label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-dropdown__options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 555px;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    border-top: none;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
    z-index: 1000;
    display: none;
    overflow-y: auto;
    padding: 15px 0;
    max-height: 400px;
}

.custom-dropdown--open .custom-dropdown__options {
    display: block;
}

.custom-dropdown__option {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 15px 20px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.custom-dropdown__option:hover {
    background-color: #f8f9fa;
}

.custom-dropdown__option.selected {
    background-color: #e6f3ff;
}

.custom-dropdown__icon {
    width: 50px;
    height: auto;
    flex-shrink: 0;
}

.custom-dropdown__icon-placeholder {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    display: inline-block;
}

.custom-dropdown__text {
    color: #3d3d3d;
    font-weight: 300;
    font-size: 21px;
    line-height: 33px;
}

.custom-dropdown__selected-icon {
    width: 24px;
    height: auto;
    margin-right: 12px;
    flex-shrink: 0;
}

/* ========================================
   14. View Toggle Component
   ======================================== */

.view-toggle {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.view-toggle__buttons {
    display: flex;
    align-items: center;
    gap: 20px;
}

.view-toggle__button {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
}

.view-toggle__button:hover,
.view-toggle__button:focus,
.view-toggle__button:active {
    background: none;
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none;
}

.view-toggle__icon {
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.view-toggle__icon--grid {
    background-image: url(/sites/default/files/2026-05/view-grid.svg);
}

.view-toggle__button--active .view-toggle__icon--grid {
    background-image: url(/sites/default/files/2026-05/view-grid-active.svg);
}

.view-toggle__icon--list {
    background-image: url(/sites/default/files/2026-05/view-list.svg);
}

.view-toggle__button--active .view-toggle__icon--list {
    background-image: url(/sites/default/files/2026-05/view-list-active.svg);
}

/* ========================================
   15. Accordion Component
   ======================================== */

.accordion {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.accordion__group {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.accordion__item {
    width: 100%;
}

.accordion__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 10px 0;
}

.accordion__title {
    font-weight: 700;
    color: #003366;
    font-size: 21px;
    line-height: 30px;
}

.accordion__arrow {
    width: 17px;
    height: 8px;
    transition: transform 0.3s ease;
}

.accordion__item--expanded .accordion__arrow {
    transform: rotate(180deg);
}

.accordion__content {
    display: none;
    padding-top: 10px;
}

.accordion__item--expanded .accordion__content {
    display: block;
}

/* ========================================
   16. License Overlay Modal
   ======================================== */

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    display: none;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.overlay--visible {
    display: flex;
}

.overlay__content {
    position: relative;
    width: 100%;
    max-width: 1560px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.overlay__close {
    position: absolute;
    top: -50px;
    right: 0;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1;
}

.overlay__close img {
    width: 100%;
    height: 100%;
}

.overlay__dialog {
    background: #ffffff;
    display: flex;
    flex-direction: column;
    max-height: 80vh;
}

.overlay__header {
    background: #003366;
    padding: 20px 50px;
    flex-shrink: 0;
}

.overlay__title {
    font-weight: 700;
    font-size: 30px;
    line-height: normal;
    color: #ffffff;
    margin: 0;
}

.overlay__body {
    padding: 50px;
    overflow-y: auto;
    flex: 1;
}

.overlay__text {
    font-weight: 300;
    line-height: 33px;
    color: #3d3d3d;
    margin-bottom: 50px;
}

.overlay__text p {
    margin: 0 0 1em 0;
}

.overlay__text p:last-child {
    margin-bottom: 0;
}

.overlay__actions {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.overlay__button {
    background: #003366;
    border: none;
    padding: 15px 20px;
    min-width: 141px;
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
    font-family: "Mulish", sans-serif;
}

.overlay__button:hover {
    background: #003974;
}

body.overlay-open {
    overflow: hidden;
}

/* ========================================
   17. Home Page Styles
   ======================================== */

.home {
    position: relative;
    overflow: hidden;
    padding-bottom: 200px;
}

.home__container {
    max-width: 1740px;
    margin: 0 auto;
    padding: 0 45px;
}

.home__title {
    color: #ffffff;
}

.home__subtitle {
    font-size: 58px;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: 0.58px;
    color: #003974;
    text-align: center;
    margin-bottom: 60px;
}

/* Hero Section */
.home__hero {
    position: relative;
}

.home__hero .container--wide,
.home__grid-container .container--wide,
.home__carousel .container--wide {
    max-width: 1740px;
    margin: 0 auto;
    padding: 0 45px;
}

.home__hero::before,
.home__hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.home__hero::before {
    top: 38px;
    left: -40px;
    width: 200px;
    aspect-ratio: 200 / 80;
    background-image: url(/sites/default/files/2026-05/hero-dots.svg);
}

.home__hero::after {
    top: -40px;
    left: 32%;
    width: 80px;
    aspect-ratio: 80 / 200;
    background-image: url(/sites/default/files/2026-05/hero-dots-vertical.svg);
}

.home__hero-container {
    position: relative;
    padding-top: 190px;
}

.home__hero-bg {
    content: "";
    position: absolute;
    z-index: -2;
    top: 0;
    left: 20%;
    width: 2000px;
    height: 700px;
    object-fit: cover;
    clip-path: polygon(0% 100%, 16% 0%, 100% 0%, 84% 100%);
    background-repeat: no-repeat;
}

.home__hero-wrapper {
    position: relative;
    padding: 108px 0 170px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 60px;
    max-width: 890px;
}

.home__hero-wrapper::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    transform: translateX(4%);
    width: 135%;
    height: 100%;
    background-color: #003366;
    clip-path: polygon(0% 100%, 16% 0%, 100% 0%, 84% 100%);
    pointer-events: none;
}

/* Home Search Form */
.home__search-form {
    box-sizing: border-box;
    position: relative;
    width: 904px;
    height: 130px;
    background-image: url(/sites/default/files/2026-05/home-search-input.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px 80px 10px 64px;
}

.home__search-form::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 32px;
    left: 32px;
    width: 100%;
    height: 100%;
    background-image: url(/sites/default/files/2026-05/home-search-input-border.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.home__search {
    flex: 1;
    background: none;
    border: none;
    outline: none;
    font-size: 32px;
    line-height: 36px;
    height: 100%;
}

.home__search-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.home__search-icon {
    width: 45px;
    aspect-ratio: 45 / 42;
    object-fit: contain;
}

/* Home Grid (Available Technologies) */
.home__grid-container {
    position: relative;
}

.home__grid-container::before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -60px;
    right: 0;
    width: 200px;
    aspect-ratio: 200 / 80;
    background-image: url(/sites/default/files/2026-05/hero-dots.svg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.home__grid-wrapper {
    margin: 100px 0 220px;
}

.home__grid-wrapper .home__subtitle {
    position: relative;
    z-index: 1;
    text-align: right;
    padding-right: 94px;
}

.home__grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-left: auto;
    max-width: 1240px;
}

.home__grid::before {
    content: "";
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    transform: translate(-50%, -16%);
    width: 788px;
    aspect-ratio: 788 / 532;
    background-image: url(/sites/default/files/2026-05/home-grid-bg.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.home__grid::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 60px;
    left: -40px;
    transform: translateX(-100%);
    height: 570px;
    aspect-ratio: 1000 / 570;
    clip-path: polygon(0% 100%, 15% 0%, 100% 0%, 85% 100%);
    background-image: url(/sites/default/files/2026-05/home-grid-image.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.home__grid-item {
    box-sizing: border-box;
    height: 100%;
    position: relative;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    padding: 30px;
    color: #ffffff;
    background-color: #003366;
    overflow: hidden;
}

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

/* Grid item colors - checkerboard pattern for 4-column grid (repeats every 8 items) */
.home__grid-item:nth-child(8n + 2),
.home__grid-item:nth-child(8n + 4),
.home__grid-item:nth-child(8n + 5),
.home__grid-item:nth-child(8n + 7) {
    background-color: #01a78c;
}

.home__grid-item--placeholder {
    display: none;
    background: none !important;
}

.home__grid-number {
    font-weight: 700;
    font-size: 120px;
    line-height: 150px;
}

.home__grid-label {
    font-weight: 700;
    line-height: 30px;
}

/* Home Carousel (Featured Technologies) */
.home__carousel {
    position: relative;
    padding: 130px 0 0;
}

.home__carousel::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3110px;
    aspect-ratio: 3110 / 1830;
    background-image: url(/sites/default/files/2026-05/home-featured-bg.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.home__carousel::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 50px;
    left: 40px;
    width: 200px;
    aspect-ratio: 200 / 80;
    background-image: url(/sites/default/files/2026-05/hero-dots.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}

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

.home__carousel .swiper-slide {
    height: auto;
}

/* Swiper Pagination */
.home__carousel .swiper-pagination {
    position: static;
    margin-top: 40px;
    text-align: center;
}

.home__carousel .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background: transparent;
    opacity: 1;
    border: 2px solid #003366;
    border-radius: 50%;
    margin: 0 10px !important;
}

.home__carousel .swiper-pagination-bullet-active {
    background: #003366;
}

/* Home Card (Featured Technology Card) */
.home__card {
    background: #ffffff;
    border-radius: 0;
    box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.home__card-image {
    width: 100%;
    aspect-ratio: 536 / 340;
    object-fit: cover;
    display: block;
    background-color: #e1e1e1;
}

.home__card-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 536 / 340;
    object-fit: cover;
    display: block;
}

.home__card-content {
    padding: 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.home__card-header {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.home__card-category {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 21px;
    line-height: 40px;
    color: #01a78c;
    margin: 0;
}

.home__card-title {
    font-family: "Mulish", sans-serif;
    font-weight: 300;
    font-size: 32px;
    line-height: 36px;
    color: #3d3d3d;
    margin: 0;
}

.home__card-title a {
    color: inherit;
    text-decoration: none;
}

.home__card-title a:hover {
    color: #003366;
}

.home__card-details {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.home__card-field {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

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

.home__card-value {
    margin: 0;
}

.home__card-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px 50px;
    align-items: flex-start;
}

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

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

/* Home Featured Technologies View (Data Source for Carousel) */
.block-views-blockhome-featured-technologies-block-1 {
    position: absolute;
    left: -9999px;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.view-home-featured-technologies .view-content,
.view-home-featured-technologies .views-row {
    display: block;
}

/* ========================================
   18. Mobile Menu Dropdown
   ======================================== */

/* Ensure mobile header has relative positioning for dropdown */
.header.sticky.whole.mobile {
    position: relative;
}

/* Header Menu Dropdown */
.header__menu-dropdown {
    position: absolute;
    z-index: 100;
    bottom: 0;
    right: 0;
    transform: translateY(100%);
    background: #ffffff;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);
    display: none;
}

.header__menu-dropdown.active {
    display: block;
}

.header__menu-content {
    padding: 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.header__menu-link {
    color: #003974;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-decoration: none;
    display: block;
}

.header__menu-link:hover {
    color: #003366;
    text-decoration: underline;
}

/* ========================================
   19. Print Styles
   ======================================== */

@media print {
    /* Force browsers to print background colors and images */
    *,
    *::before,
    *::after {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        color-adjust: exact !important;
    }

    /* Keep the TAP Category with the License heading it introduces, so
       Download PDF cannot orphan it at the foot of a page. The sidebar is
       already sized for paper further down, so no display rule is needed. */
    .node--type-technology-adoption-program .item-detail__category {
        break-inside: avoid;
        break-after: avoid;
        page-break-inside: avoid;
        page-break-after: avoid;
    }

    /* Hide desktop versions - force mobile/tablet layout */
    .header.desktop,
    .footer_desktop,
    .top-header {
        display: none !important;
    }

    /* Show mobile/tablet versions */
    .header.mobile,
    .footer_mobile {
        display: block !important;
    }

    /* Hide interactive elements not useful in print */
    .block-system-breadcrumb-block,
    nav.breadcrumb,
    .block-local-tasks-block,
    .views-exposed-form,
    .view-header,
    .view-filters,
    .sort-by-wrapper,
    .pagination,
    .item-detail__download,
    .item-detail__enquiry-button,
    .item-detail__back-link,
    .overlay,
    .header__menu-dropdown,
    .responsive-menu-toggle {
        display: none !important;
    }

    /* CRITICAL: Remove sticky/fixed positioning so header only appears on first page */
    header,
    .header,
    .header.mobile,
    .top-header,
    .layout-container.sticky,
    .branding {
        position: static !important;
        top: auto !important;
    }

    /* Remove sticky padding that was added for fixed header */
    .layout-container {
        padding-top: 0 !important;
    }

    /* Remove decorative backgrounds on layout container */
    .layout-container::before,
    .layout-container::after {
        background-image: none !important;
    }

    /* Reset body and html */
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
    }

    /* Make content fit paper width */
    .layout-container,
    .page-container,
    .region-content,
    .block-system-main-block,
    .node__content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Page title - align to left edge */
    .mtpc_available_technology.mtpc_pagetitle h1,
    .mtpc_featured_technology.mtpc_pagetitle h1,
    .mtpc_technology_adoption_program.mtpc_pagetitle h1 {
        padding: 0 !important;
    }

    /* Detail page layout - stack vertically */
    .node--type-available-technology .node__content,
    .node--type-featured-technology .node__content,
    .node--type-technology-adoption-program .node__content {
        display: block !important;
    }

    .item-detail__main,
    .item-detail__side,
    .item-detail__sidebar {
        width: 100% !important;
        max-width: 100% !important;
        padding: 20px 0 !important;
    }

    /* Keep Featured Technology metadata together, starting after the image page. */
    .node--type-featured-technology .item-detail__sidebar {
        break-before: page;
        page-break-before: always;
    }
}

#licenseOverlay ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
}

#licenseOverlay ol > li {
    display: table;
    counter-increment: item;
    margin-bottom: 0.6em;
}

#licenseOverlay ol > li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;
}

#licenseOverlay li ol > li {
    margin: 0;
}

#licenseOverlay li ol > li:before {
    content: counters(item, ".") " ";
}