.testimonial-row .swiper-slide {
	display: flex;
	margin-bottom: 46px;
	background: radial-gradient(133.77% 179.77% at 105.03% -17.97%, #0100FF 0%, #000000 100%) 
}
.testimonial__content,
.testimonial__img {
	position: relative;
	width: 50%;
	overflow: hidden;
}
.testimonial__content {
	margin: 0 auto;
	width: clamp(400px, 32.344vw, 621px);
}
.testimonial__content-text {
	padding-left: 47.5px; 
	padding-right: 47.5px; 
}
.testimonial__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	position: absolute;
	top: 0;
	left: 0;
}
.testimonial__content .wysiwyg {
	padding-bottom: clamp(19px, 12.5vh, 135px);
}
.testimonial__content .wysiwyg p {
	font-size: clamp(16px, 1.458vw, 28px);
}
.author-name {
	text-transform: uppercase;
}

@media screen and (max-width: 1023px) {
	.testimonial-row .grid-container {
		padding-right: 0;
		padding-left: 0;
	}
	.testimonial-row .swiper-arrows {
		padding-left: calc(var(--outer-row) + (var(--divider) / 2));
		padding-right: calc(var(--outer-row) + (var(--divider) / 2));
	}
}
@media screen and (max-width: 767px) {
	.testimonial-row .swiper-slide {
		flex-direction: column;
		padding: 31px 0 37px; 
		border-radius: 4px;
		background: radial-gradient(99.22% 65.15% at 55.54% 48.82%, #0100FF 0%, #000000 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

	}
    .testimonial__content-text {
        display: flex;
        flex-direction: column-reverse;
    }
    .testimonial__content .wysiwyg {
        padding: 50px 0 0;
    }
	.testimonial__img {
		width: 100%;
		width: 90px;
		aspect-ratio: 1/1;
		margin: 0 auto 21px;
		border-radius: 10px;
	}
	.testimonial__img img {
		position: relative;
	}
	.testimonial__content {
		width: 100%;
		text-align: center;
	}
}


/*POST*/
.sc-post__heading {
	position: relative;
	padding-bottom: 35px;	
	gap: 23px;
}
.sc-home-post .sc-post__heading:after {
	content: '';
    background: linear-gradient(180deg, #FFFFFF 0%, #56B3FF 100%);
    height: .5px;
    z-index: 1;
    width: 100%;
    display: block;
    margin-top: 33px;	
	margin-bottom: 26px;
}
.sc-post__heading + .swiper .swiper-slide {
	height: auto;
}
.sc-post {
	height: 100%;
}
.sc-post > a {
    display: block;
    height: calc(100vw / 7);
}
.sc-post__ft-img {
    /*height: clamp(340px, 55.556vh, 600px);*/
	/*height: clamp(400px, 31.25vw, 600px); */
	height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}
.sc-post__content {
	background: rgba(24, 24, 24, 0.8);
    backdrop-filter: blur(50px);
    /*position: absolute;
    bottom: 0;
    left: 0;
    right: 0;*/
    padding: 24px 30px 37px;
    font-size: 14px;
/*    min-height: 25.648vh;*/
/*    min-height: 14.427vw;*/
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box;
    height: calc(100% - (100vw / 7));
}
.sc-portfolio__content img {
    max-height: clamp(35px, 5.093vh, 55px);
    object-position: left bottom;
}
.sc-post__short-text {
	margin-bottom: 7.5px;
}
.sc-post__short-text a, .sc-post__short-text span.date {
	color: #8F8F8F!important;
	font-size: 14px;
}
.sc-post__content a {
	text-decoration: none;	
}
.sc-post__content a:hover {
	opacity: .8;
}
.sc-post__short-text span.separator {
	padding: 0 clamp(5px, 0.729vw, 14px);
}
.sc-post__content h4 {
	font-size: clamp(20px, 1.25vw, 24px);
	line-break: 1.5;
	margin-bottom: 10px;
	font-weight: 600;
	min-height: 57px;
}
.sc-post__content p {
	font-size: 1rem;
	padding-bottom: 18px;
	color: #8F8F8F;
	min-height: 62px;
}

@media screen and (max-width: 1439px) {
	.sc-post > a {
	    height: calc(100vw / 5);
	}
	.sc-post__content {
	    height: calc(100% - (100vw / 5));
	}
}
@media screen and (max-width: 1099px) {
	.sc-post > a {
	    height: calc(100vw / 3);
	}
	.sc-post__content {
	    height: calc(100% - (100vw / 3));
	}
}
@media screen and (max-width: 768px) {
	#posts-container {
		padding-top: 0;
	}
	.sc-post > a {
	    height: 60vw;
	}
	.sc-post__content {
	    height: calc(100% - 60vw);
	}
}

/*Contact page*/
.contact-us .grid-container {
/*     padding-top: clamp(80px, 10.093vh, 109px); */
    padding-bottom: clamp(100px, 16.759vh, 181px);
 }
.gform_heading {
    /* text-align: center; */
    padding-bottom: clamp(35px, 5.324vh, 57.5px)
}
.gform_heading h2 {
    /* letter-spacing: 0.01em;
    background: linear-gradient(90deg, #FFFFFF 0%, #008CFE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: clamp(50px, 5vw, 96px); */
}
.gform_heading p {
    font-weight: 300;
    letter-spacing: .01em;
    font-size: clamp(18px, 1.25vw, 24px);
}
.gform_footer {
    text-align: center;
}
input, textarea, select, button, select, .jcf-select .jcf-select-text {
    border-radius: 8px; 
    font-size: clamp(18px, 1.25vw, 24px);
    padding-left: clamp(20px, 1.979vw, 38px);
    padding-right: clamp(20px, 1.979vw, 38px);
    letter-spacing: .01em;
}
select, .jcf-select .jcf-select-text {
    border-color: var(--color-grey)!important;
    color: var(--color-grey)!important;
}
.jcf-select .jcf-select-opener::before {
    color: var(--color-grey);
    content: "\f063";
}
.mission-vision-main .jcf-select,
.mission-vision-main .jcf-select-text,
.background-black .mission-vision-main .jcf-select .jcf-select-text:hover {
	border-color: var(--color-black)!important;
    color: var(--color-black)!important;
}
.background-black .mission-vision-main  .jcf-select.jcf-drop-active .jcf-select-text {
    color: var(--color-white)!important;
}
textarea, textarea[rows] {
    height: clamp(250px, 35.37vh, 382px);
}
textarea {
    margin-bottom: 40px;    
}
.gform_footer button {
    border: solid 1px var(--color-cobalt);
    background-color: transparent!important;
    color: var(--color-white)!important;
    padding: 14.5px 52.5px;
}
.gform_footer button:hover {
    background-color: var(--color-cobalt)!important;
}
.background-black input:hover, .background-black input:focus,
.background-black textarea:hover, .background-black textarea:focus,
.background-black .jcf-select .jcf-select-text:hover, .background-black .jcf-select .jcf-select-text:focus {
    color: var(--color-white)!important;
}
.gform_confirmation_wrapper {
	border: var(--color-cobalt) solid 1px;
    padding: 1.5em;
    border-radius: 7px;
    text-align: center;
    background: #000041;
}

.featured-asx__graph .yourir-widget-price-chart1 {
    width: clamp(550px, 41.458vw, 796px);
}
.featured-asx__graph .yourir-chart {
    margin-bottom: 52px;
}
.featured-asx__graph .yourir-chart-xaxis-bottom {
    height: 2px;
    background: var(--color-ultramarine);
}
.featured-asx__graph-price {
    flex-direction: column;
}
.featured-asx__graph .yourir-chart-xaxis-label,
.featured-asx__graph .yourir-chart-price {
    stroke: var(--color-ultramarine);
}
.featured-asx__graph .yourir-chart {
    color: var(--color-ultramarine);
}
.featured-asx__graph .yourir-chart-yaxis-gridline {
    stroke: none;
}
.graph-price-item h2 {
    font-weight: 300;
    padding-bottom: clamp(23px, 5.648vh, 61px);
}
.graph-price-item h2 span {
    color: inherit !important;
}
.graph-price-item__current h2 {
    font-weight: 700;
    color: var(--color-highlight-400);
}
.graph-price-item p {
    margin-bottom: 6px;
}
.graph-price-item__current {
    margin-right: clamp(20px, 7.552vw, 145px);
}
.graph-price-item__change {
    margin-right: clamp(20px, 4.688vw, 90px);
}
@media screen and (min-width: 1024px) {
    .featured-asx .grid-container {
        justify-content: space-between;
        display: flex;
    }
    .featured-asx__graph {
        flex: 0 0 auto;
    }
}
@media screen and (min-width: 640px) {
    .featured-asx__graph-price {
        flex-direction: row;
    }
} 
@media screen and (max-width: 640px) {
    .graph-price-item h2, .size-h2 {
        font-size: clamp(26px, 10.3125vw + .1px, 66px);
    }
}


@media screen and (max-width: 767px) {
    .globe-with-legends__content .wysiwyg {
        position: relative;
        z-index: 2;
    }
}

/*ABOUT PAGE*/
@media screen and (max-width: 1024px) {
    .core-values-list {
        grid-template-columns: repeat(3, 1fr);
    }
    .mission-vision-main .mv-box:last-child {
/*         border-right: solid 1px var(--color-orange); */
    }
}
@media screen and (max-width: 767px) {
    .core-values-list {
        grid-template-columns: repeat(1, 1fr);
    }
    .core-values-list__item {
        padding-top: 30px;
    }
    .core-values-list__item h3 {
        min-height: unset;
    }
    .mission-vision-main .mv-box {
        border-right: none!important;
    }
}

/*PORTFOLIO*/
.sc-fulltitle .sc-title {
    justify-content: center;
}
.sc-fulltitle .sc-title__content {
    max-width: 93ch;
}
.sc-fulltitle .row-buttons .grid-x {
    justify-content: center;
}

/*PDF ROW*/
ul.pdf__doc-list li a {
    column-gap: 16px;
}
span.pdf__doc-date {
    align-items: flex-start;
    min-width: clamp(99px, 10.177vw, 195px);
    column-gap: 18px;
}

.title__link__icon {
    right: 0;
}
.panel__title__link {
    padding-right: 50px;
}
.pdf-row--corporate-governance span.pdf__doc-date {
    min-width: 0;
    padding-right: 15px;
}
@media screen and (max-width: 640px) {
    .pdf__doc-heading {
        display: none;
    }
    ul.pdf__doc-list li .pdf__doc-info {
        flex-direction: column;
    }
    span.pdf__doc-date {
        justify-content: flex-start;
        align-items: center;
        margin: 10px 0 0;
        color: #7d7d7d;
    }
    .pdf-row--corporate-governance ul.pdf__doc-list li .pdf__doc-info {
        flex-direction: row;
    }
    .pdf-row--corporate-governance span.pdf__doc-date {
        margin-left: auto;
        align-self: flex-start;
    }
}

.tab-list {
	display: grid;
}
.tab-list__item {
	border-bottom: solid 1px var(--color-orange);
	padding: 40px clamp(10px, 2.34375vw + .1px, 45px) 33px;
}
.tab-list__item:last-child {
	border-bottom: none;
}
.sc-tabs-item__desc {
	min-height: 25px;
	margin-bottom: 40px;
}
.tab-list__item h3 {
	font-size: clamp(22px, 2.1875vw + .1px, 42px);
}
.tab-list__item .emphasize {
	max-width: 46ch;
}
.tab-list__item-image {
	filter: brightness(0);
    height: 56px;
    object-fit: contain;
    object-position: left center;
	display: block;
	margin-bottom: 30px;
}
@media only screen and (max-width: 1023px) {
	.tab-list__item {
		padding-left: 0;
		padding-right: 0;
	}
	.top-heading-desc .small-2 {
		display: none;
	}
	.top-heading-desc .small-10, .tab-list__item .emphasize {
		width: 100%;
		max-width: 100%;
	}
}
@media only screen and (min-width: 64em) {
	.tab-list__item {
		border-bottom: none;
		border-right: solid 1px var(--color-orange);
	}
	.tab-list__item:first-child {
		padding-left: 0;
	}
	.tab-list__item:last-child {
		padding-right: 0;
		border-right: none;
	}
	.tab-list.tab-list--4 {
		grid-template-columns: repeat(4, 1fr);
	}
	.tab-list.tab-list--3 {
		grid-template-columns: repeat(3, 1fr);
	}
	.tab-list.tab-list--2 {
		grid-template-columns: repeat(2, 1fr);
	}
}
ul.pdf__doc-list--webcast li {
    display: flex;
    align-items: center;
    gap: 50px;
}
ul.pdf__doc-list--webcast li a.pdf__doc-info {
    flex: 100%;
}
.pdf__doc-info {
	align-items: center;
}
.pdf__doc-info > img {
    height: 200px;
    width: auto;
}
.pdf[data-term-slug="presentations-webcasts"] .pdf__doc-heading span.pdf__doc-date {
    width: clamp(170px, 15.177vw, 220px);
}
@media only screen and (max-width: 640px) {
	.pdf__doc-info > img {
		margin-bottom: 20px;
	}
	ul.pdf__doc-list--webcast li {
	    flex-direction: column;
	    gap: 0;
	    padding-bottom: 25px;
	}
}
/* Footer offices: dash sends each address with plain line breaks (autop turns them into <br> / <p>), and each office is its own block with space between. */
.footer-office + .footer-office { margin-top: 30px; }
.footer-office h4 { margin-bottom: 14px; }

/* The theme's .gfield display rules otherwise override the hidden attribute, so conditional fields (franchise brand, resume) showed for every enquiry type. */
.gform_wrapper .gfield[hidden] { display: none !important; }

/* Consent and alert checkboxes: an unmistakable checked state on both dark and light sections. */
.gform_wrapper input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 28px; height: 28px; flex: 0 0 28px; border: 2px solid currentColor; border-radius: 6px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 18px; cursor: pointer; transition: background-color .15s, border-color .15s; }
.gform_wrapper input[type="checkbox"]:checked { background-color: #1fa85a; border-color: #1fa85a; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E"); }
.gform_wrapper input[type="checkbox"]:focus-visible { outline: 3px solid #1fa85a; outline-offset: 2px; }

/* WordPress supplied this helper; the static site needs it so the Consent legend is read aloud but not shown. */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }

/* Form thank-you dialog */
.form-thanks { border: 1px solid rgba(255,255,255,.25); border-radius: 16px; background: #0b0b0b; color: #fff; padding: 0; max-width: min(92vw, 480px); width: 100%; }
.form-thanks::backdrop { background: rgba(0,0,0,.7); }
.form-thanks__body { padding: 40px 32px 32px; text-align: center; }
.form-thanks__body h2 { margin: 0 0 12px; }
.form-thanks__body p { margin: 0 0 24px; }
.form-thanks .form-thanks__close { background-color: var(--color-orange, #FF5A01) !important; color: #fff !important; border: 2px solid var(--color-orange, #FF5A01) !important; min-width: 160px; transition: background-color .15s, border-color .15s; }
.form-thanks .form-thanks__close:hover, .form-thanks .form-thanks__close:focus-visible { background-color: #d94b00 !important; border-color: #d94b00 !important; color: #fff !important; }
.form-thanks .form-thanks__close:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

/* PDF rows: the row opens the viewer, the icon at the right is a separate direct download (positioned over the spacer the row reserves). */
ul.pdf__doc-list li.pdf__doc-row { position: relative; }
.pdf__dl-spacer { display: inline-block; width: 28px; height: 1px; flex: 0 0 28px; }
ul.pdf__doc-list li a.pdf__dl { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-flex; padding: 6px; margin: -6px; }
ul.pdf__doc-list li a.pdf__dl img { display: block; }

/* PDF viewer dialog */
html.pdf-modal-open { overflow: hidden; }
.pdf-modal { width: min(96vw, 1500px); height: 94vh; max-width: none; max-height: none; padding: 0; border: 1px solid rgba(255,255,255,.25); border-radius: 14px; background: #0b0b0b; color: #fff; overflow: hidden; }
.pdf-modal[open] { display: flex; flex-direction: column; }
.pdf-modal::backdrop { background: rgba(0,0,0,.78); }
.pdf-modal__bar { display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-bottom: 1px solid rgba(255,255,255,.2); }
.pdf-modal__title { flex: 1; min-width: 0; margin: 0; font-size: 18px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; }
.pdf-modal__btn, .pdf-modal .pdf-modal__download { flex: 0 0 auto; display: inline-flex; align-items: center; padding: 9px 22px; border-radius: 8px; border: 2px solid var(--color-orange, #FF5A01); background: var(--color-orange, #FF5A01); color: #fff !important; font-weight: 600; text-decoration: none; cursor: pointer; transition: background-color .15s, border-color .15s; }
.pdf-modal .pdf-modal__download:hover, .pdf-modal .pdf-modal__download:focus-visible { background: #d94b00; border-color: #d94b00; }
.pdf-modal .pdf-modal__close { flex: 0 0 40px; width: 40px; height: 40px; min-width: 0; margin: 0; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; border: 1px solid rgba(255,255,255,.35) !important; background: transparent !important; box-shadow: none; color: #fff !important; line-height: 1; cursor: pointer; appearance: none; -webkit-appearance: none; }
.pdf-modal .pdf-modal__close svg { display: block; }
.pdf-modal .pdf-modal__close:hover, .pdf-modal .pdf-modal__close:focus-visible { background: rgba(255,255,255,.14) !important; }
.pdf-modal :focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
.pdf-modal__body { flex: 1; min-height: 0; background: #1a1a1a; }
.pdf-modal__frame { width: 100%; height: 100%; border: 0; background: #fff; display: block; }
.pdf-modal__fallback { padding: 32px; text-align: center; }
@media (max-width: 640px) { .pdf-modal { width: 100vw; height: 100dvh; border-radius: 0; } .pdf-modal__title { font-size: 15px; } .pdf-modal__btn, .pdf-modal .pdf-modal__download { padding: 8px 14px; } }

/* PDF lists: name search and < > pagination */
.pdf__search { padding-top: 8px; margin-bottom: 14px; max-width: 420px; }
.pdf__search .pdf-search { width: 100%; margin: 0; padding: 12px 18px; border-radius: 8px; background: transparent; color: inherit; border: 1px solid currentColor; }
.pdf__search .pdf-search::placeholder { color: inherit; opacity: .65; }
.pdf__pager { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 24px; }
.pdf__pager[hidden] { display: none; }
.pdf__pager-btns { display: inline-flex; gap: 12px; }
.pdf__pager-btns .btn { min-width: 60px; padding: 10px 22px; margin: 0; }
.pdf__pager-btns .btn:disabled { opacity: .35; cursor: not-allowed; pointer-events: none; }
.pdf__empty { padding: 28px 0; opacity: .8; border-bottom: 0 !important; }

/* Selected year filter. The theme rule used var(--color-primary), which is not defined (only the -400 shade is), so nothing was highlighted. */
.pdf__tab-year .btn.pdf-year-filter { cursor: pointer; }
.pdf__tab-year .btn.pdf-year-filter.active,
.pdf__tab-year .btn.pdf-year-filter.active:hover,
.pdf__tab-year .btn.pdf-year-filter.active:focus {
	background-color: var(--color-primary-400, #FF5A01) !important;
	border-color: var(--color-primary-400, #FF5A01) !important;
	color: #fff !important;
}
.pdf__tab-year .btn.pdf-year-filter:not(.active):hover { border-color: var(--color-primary-400, #FF5A01); }

/* Presentations & Webcasts rows are a flex row (title, download, webcast): the download icon sits in the flow there instead of over the audio icon. */
ul.pdf__doc-list--webcast li { gap: 28px; }
ul.pdf__doc-list--webcast li .pdf__dl-spacer { display: none; }
ul.pdf__doc-list--webcast li a.pdf__dl { position: static; transform: none; margin: 0; flex: 0 0 auto; }
ul.pdf__doc-list--webcast li a.pdf__dl + a { flex: 0 0 auto; }
@media only screen and (max-width: 640px) { ul.pdf__doc-list--webcast li a.pdf__dl { align-self: flex-start; margin: 4px 0 14px; } }

.pdf__webcast--none { display: inline-block; width: 21px; flex: 0 0 21px; }

/* Document lists as a compact table: tighter rows, a hover highlight, same columns. Rows with a thumbnail (Annual Reports) keep their height. */
.pdf__doc-heading { padding: 14px 0 10px; font-size: 15px; }
ul.pdf__doc-list li:not(:has(.pdf__doc-info > img)) .pdf__doc-info { padding: 11px 0 10px; }
ul.pdf__doc-list li:not(:has(.pdf__doc-info > img)) .pdf__doc-title,
ul.pdf__doc-list li:not(:has(.pdf__doc-info > img)) .pdf__doc-date { font-size: 16px; line-height: 1.35; }
ul.pdf__doc-list li.pdf__doc-row { transition: background-color .15s; }
ul.pdf__doc-list li.pdf__doc-row:hover { background-color: rgba(128, 128, 128, .14); }
ul.pdf__doc-list li.pdf__doc-row .pdf__dl img { width: 22px; height: auto; }
@media only screen and (max-width: 640px) { ul.pdf__doc-list li:not(:has(.pdf__doc-info > img)) .pdf__doc-info { padding: 12px 0; } }

/* Investment calculator: the theme sets pointer-events: none on .input-group--price (the price boxes used to be read-only). All three fields are editable. */
.asx-investment-calculator .input-group,
.asx-investment-calculator .input-group--price { pointer-events: auto; }
.asx-investment-calculator .input-group input { color: #fff; background: transparent; caret-color: #fff; cursor: text; }
.asx-investment-calculator .input-group input:focus { outline: 2px solid var(--color-cobalt, #008CFE); outline-offset: 1px; border-color: var(--color-cobalt, #008CFE); }

/* Investor document pages: less empty space above the heading and under it. */
.pdf-row.content-area-x2:not(.home) { padding-top: clamp(32px, 5vh, 64px); padding-bottom: clamp(48px, 8vh, 100px); }
.pdf-row h2.content-area-x2.padding-bottom { padding-bottom: 14px; margin-bottom: 0; }
#asx-announcements.h2-large-pb h2 { padding-bottom: 14px; margin-bottom: 0; }
.pdf-row .pdf__search { padding-top: 0; margin-top: 0; }

/* The heading as a menu between ASX Announcements, Presentations & Webcasts and Results Centre. */
.section-switch { position: relative; display: block; }
.section-switch__btn { display: inline-flex; align-items: center; gap: .3em; margin: 0; padding: 0; border: 0 !important; background: transparent !important; color: inherit !important; font: inherit; line-height: inherit; letter-spacing: inherit; text-align: left; cursor: pointer; transition: color .15s; }
.section-switch__btn:hover, .section-switch__btn:focus-visible { color: var(--color-primary-400, #FF5A01) !important; }
.section-switch__btn:focus-visible { outline: 3px solid var(--color-primary-400, #FF5A01); outline-offset: 6px; border-radius: 4px; }
.section-switch__caret { flex: 0 0 auto; width: .75em; height: .75em; margin-top: .12em; transition: transform .2s; }
.section-switch__btn[aria-expanded="true"] .section-switch__caret { transform: rotate(180deg); }
.section-switch__menu { position: absolute; z-index: 30; top: calc(100% + 6px); left: 0; min-width: min(340px, 90vw); margin: 0; padding: 8px; list-style: none; background: #0b0b0b; border: 1px solid rgba(255,255,255,.3); border-radius: 12px; box-shadow: 0 16px 40px rgba(0,0,0,.6); font-size: 18px; line-height: 1.3; letter-spacing: normal; }
.section-switch__menu[hidden] { display: none; }
.section-switch__menu li { margin: 0; padding: 0; border: 0; }
.section-switch__menu a { display: block; padding: 12px 16px; border-radius: 8px; color: #fff; text-decoration: none; }
.section-switch__menu a:hover, .section-switch__menu a:focus-visible { background: rgba(255,255,255,.12); outline: none; }
.section-switch__menu a[aria-current="page"] { background: var(--color-primary-400, #FF5A01); color: #fff; font-weight: 600; }

/* Counter row: stable digits and its own paint layer, so the gradient text does not flash while counting. */
.counter-jd__item { transform: translateZ(0); }
.counter-jd__item .counter-up--js { font-variant-numeric: tabular-nums; }

/* ---- Site search ---- */
.top-bar__search { display: flex; align-items: center; margin-left: auto; margin-right: 1rem; }
.site-search__link { color: #fff; font-size: 1.15rem; line-height: 1; padding: .5rem; }
.site-search__link:hover, .site-search__link:focus { color: #00e5a0; }
.site-search__form { display: flex; gap: .5rem; margin: 1.25rem 0 .75rem; }
.site-search__form input[type=search] { flex: 1; margin: 0; height: 3rem; }
.site-search__form .button { margin: 0; height: 3rem; }
.site-search__status { color: #666; margin-bottom: 1.25rem; min-height: 1.5em; }
.site-search__group { font-size: 1.25rem; margin: 2rem 0 .5rem; }
.site-search__result { padding: 1rem 0; border-top: 1px solid #e3e3e3; }
.site-search__result h3 { font-size: 1.15rem; margin: .15rem 0 .35rem; }
.site-search__result ul { margin: 0; list-style: none; }
.site-search__result li { margin: 0 0 .5rem; color: #444; font-size: .95rem; }
.site-search__result small { color: #777; }
.site-search__kind { display: inline-block; font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; color: #777; }
.site-search__result mark, mark.site-search__hit { background: #fff2a8; color: inherit; padding: 0 .1em; border-radius: 2px; }