/* Research storefront and reference desk. Loaded only for research mode. */
.tc-mode-timelesscompounds { --tc-text-muted: #b9b1a5; }
.tc-mode-timelesscompounds .tc-kicker { color: var(--tc-accent); font: 500 .75rem/1.5 var(--tc-font-body); letter-spacing: .18em; text-transform: uppercase; margin-bottom: .9rem; }
.tc-mode-timelesscompounds .tc-lede { font-size: clamp(1.15rem, 2vw, 1.45rem); color: var(--tc-ink); max-width: 42rem; }
.tc-mode-timelesscompounds .tc-text-link { display: inline-block; font-size: 1rem; color: var(--tc-accent-strong); text-underline-offset: .3em; }
.tc-mode-timelesscompounds a:focus-visible, .tc-mode-timelesscompounds button:focus-visible, .tc-mode-timelesscompounds input:focus-visible, .tc-mode-timelesscompounds select:focus-visible, .tc-mode-timelesscompounds summary:focus-visible { outline: 2px solid var(--tc-accent-strong); outline-offset: 5px; }
.tc-mode-timelesscompounds.home .entry-header { display: none; }
.tc-mode-timelesscompounds .tc-home-hero { padding: 3.5rem 0 2rem; border-bottom: 1px solid var(--tc-border); }
.tc-mode-timelesscompounds .tc-home-hero .wp-block-columns { gap: 2.5rem; align-items: center; margin: 0; }
.tc-mode-timelesscompounds .tc-home-hero h1 { font: 500 clamp(3.1rem, 5.8vw, 5.8rem)/1.02 var(--tc-font-display); letter-spacing: -.025em; margin: 0 0 1.5rem; color: var(--tc-accent-strong); }
.tc-mode-timelesscompounds .tc-home-hero p:not(.tc-kicker) { color: var(--tc-text-muted); max-width: 35rem; font-size: 1.15rem; }
.tc-mode-timelesscompounds .tc-hero-vial { margin: 0; position: relative; text-align: center; }
.tc-mode-timelesscompounds .tc-hero-vial img { width: 100%; max-height: 29rem; object-fit: contain; }
.tc-mode-timelesscompounds .tc-hero-vial figcaption { color: var(--tc-text-muted); font: .7rem/1.5 var(--tc-font-mono); letter-spacing: .08em; }
.tc-mode-timelesscompounds .tc-home-section { padding: 4rem 0; border-bottom: 1px solid var(--tc-border); }
.tc-mode-timelesscompounds .tc-home-section > .wp-block-group__inner-container > h2,
.tc-mode-timelesscompounds .tc-home-section > h2 { margin-bottom: 1rem; font-size: clamp(2.3rem, 4vw, 3.7rem); }
.tc-mode-timelesscompounds .tc-home-section p { max-width: 46rem; }
.tc-mode-timelesscompounds .tc-home-section .wp-block-columns { gap: 2rem; }
.tc-mode-timelesscompounds .tc-home-section h3 { font-size: 1.6rem; }
.tc-mode-timelesscompounds .tc-home-section .wp-block-column p { font-size: 1rem; color: var(--tc-text-muted); }
.tc-mode-timelesscompounds .tc-home-section .woocommerce { margin-top: 2rem; }
.tc-mode-timelesscompounds .tc-home-section ul.products { margin-bottom: 0; }
.tc-mode-timelesscompounds .tc-home-section .wp-block-buttons { margin-top: 1.8rem; }
.tc-mode-timelesscompounds .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--tc-accent-strong); border: 1px solid var(--tc-border); }
.tc-mode-timelesscompounds .tc-resource-page { width: 100%; max-width: 74rem; margin: 0 auto 3rem; }
.tc-mode-timelesscompounds .tc-resource-intro { padding: 2rem 0; max-width: 52rem; }
.tc-mode-timelesscompounds .tc-resource-intro h1 { font-size: clamp(3rem, 6vw, 5rem); margin: 0 0 1rem; }
.tc-mode-timelesscompounds .tc-resource-intro p { color: var(--tc-text-muted); }
.tc-mode-timelesscompounds .tc-filter-bar { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; padding: 1.5rem; margin: 1rem 0 2rem; background: #12110e; border: 1px solid var(--tc-border); clear: both; }
.tc-mode-timelesscompounds .tc-filter-bar label { flex: 1 1 10rem; min-width: 0; font-size: .8rem; letter-spacing: .04em; font-weight: 500; color: var(--tc-text-muted); }
.tc-mode-timelesscompounds .tc-filter-bar label:first-child { flex-grow: 1.5; }
.tc-mode-timelesscompounds .tc-filter-bar input, .tc-mode-timelesscompounds .tc-filter-bar select { display: block; box-sizing: border-box; width: 100%; min-width: 0; min-height: 46px; margin-top: .4rem; border: 1px solid #494032; border-radius: 2px; background: #080808; color: var(--tc-ink); padding: .6rem; font: 1rem var(--tc-font-body); }
.tc-mode-timelesscompounds .tc-filter-bar button { min-height: 46px; font-size: .8rem; padding: .8rem 1rem; }
.tc-mode-timelesscompounds .tc-filter-bar > a { padding: .6rem 0; font-size: .9rem; }
.tc-mode-timelesscompounds .tc-results-count { font-size: .85rem; color: var(--tc-text-muted); }
.tc-mode-timelesscompounds .tc-reference-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.tc-mode-timelesscompounds .tc-reference-card { display: flex; flex-direction: column; padding: 1.7rem; border: 1px solid #393125; background: linear-gradient(145deg, #17140e, #0c0c0b); min-width: 0; }
.tc-mode-timelesscompounds .tc-reference-card h2 { font-size: 2.2rem; margin: 0 0 .8rem; }
.tc-mode-timelesscompounds .tc-reference-card h2 a { text-decoration: none; color: var(--tc-ink); }
.tc-mode-timelesscompounds .tc-reference-card p:not(.tc-kicker) { font-size: .95rem; color: var(--tc-text-muted); }
.tc-mode-timelesscompounds .tc-reference-card > .tc-text-link { margin-top: auto; padding-top: 1rem; }
.tc-mode-timelesscompounds .tc-editorial-note { padding: 1.5rem 1.8rem; margin: 2.5rem 0; border-left: 2px solid var(--tc-accent); background: #12110e; font-size: 1rem; color: var(--tc-text-muted); }
.tc-mode-timelesscompounds .tc-editorial-note h2 { font-size: 1.8rem; }
.tc-mode-timelesscompounds .tc-editorial-note p:last-child { margin-bottom: 0; }
.tc-mode-timelesscompounds .tc-publication-list { list-style: none; counter-reset: publication; margin: 0; }
.tc-mode-timelesscompounds .tc-publication { counter-increment: publication; padding: 2rem 0 2rem 4rem; position: relative; border-bottom: 1px solid var(--tc-border); }
.tc-mode-timelesscompounds .tc-publication::before { content: counter(publication, decimal-leading-zero); position: absolute; left: 0; top: 2rem; font: 1rem var(--tc-font-mono); color: var(--tc-accent); }
.tc-mode-timelesscompounds .tc-publication h2 { font: 400 clamp(1.3rem, 2vw, 1.8rem)/1.4 var(--tc-font-body); max-width: 55rem; margin: 0 0 .8rem; }
.tc-mode-timelesscompounds .tc-publication p:not(.tc-kicker) { font-size: .95rem; color: var(--tc-text-muted); }
.tc-mode-timelesscompounds .tc-empty-state { padding: 2rem; border: 1px solid var(--tc-border); }
.tc-mode-timelesscompounds .tc-card-facts { display: flex; flex-wrap: wrap; gap: .25rem .8rem; justify-content: center; color: var(--tc-text-muted); font: .85rem/1.5 var(--tc-font-body); margin: .4rem 0 .8rem; }
.tc-mode-timelesscompounds ul.products li.product .tc-card-coa { display: block; font: .8rem/1.45 var(--tc-font-body); margin: .6rem 0 1rem; color: var(--tc-accent-strong); }
.tc-mode-timelesscompounds ul.products li.product .tc-card-coa--pending { color: var(--tc-text-muted); }
/* Mouse clicks retain the active gold underline without Storefront's purple outline.
   Keep keyboard focus inside the tab so the tabs' overflow cannot clip its left edge. */
.tc-mode-timelesscompounds .woocommerce-tabs ul.tabs li a:focus { outline: none; }
.tc-mode-timelesscompounds .woocommerce-tabs ul.tabs li a:focus-visible { outline: 2px solid #FDE5AF; outline-offset: -2px; }
.tc-mode-timelesscompounds .tc-purchase-help { padding: 1rem 0; margin-bottom: 1rem; border-top: 1px solid var(--tc-border); border-bottom: 1px solid var(--tc-border); }
.tc-mode-timelesscompounds .tc-purchase-help a { display: inline-block; margin: 0 1rem .6rem 0; font-size: .95rem; }
.tc-mode-timelesscompounds .tc-purchase-help p, .tc-mode-timelesscompounds .tc-product-reference { font-size: .9rem; color: var(--tc-text-muted); margin: 0; }
.tc-mode-timelesscompounds .tc-product-reference { padding: 1rem 0; }
.tc-mode-timelesscompounds .tc-signup { max-width: 42rem; margin: 1.5rem 0; }
.tc-mode-timelesscompounds .tc-signup label { display: block; font-size: .95rem; }
.tc-mode-timelesscompounds .tc-signup-row { display: flex; gap: .7rem; margin: .5rem 0 1rem; }
.tc-mode-timelesscompounds .tc-signup-row input { min-width: 0; flex: 1; padding: .8rem; border: 1px solid #494032; color: var(--tc-ink); background: #080808; font-size: 1rem; }
.tc-mode-timelesscompounds .tc-signup-row button { font-size: .8rem; }
.tc-mode-timelesscompounds .tc-signup .tc-consent { display: flex; align-items: start; gap: .6rem; text-transform: none; letter-spacing: 0; font-weight: 400; }
.tc-mode-timelesscompounds .tc-consent input { flex: 0 0 auto; width: 18px; height: 18px; margin-top: .3rem; }
.tc-mode-timelesscompounds .tc-small { font-size: .8rem; color: var(--tc-text-muted); margin-top: .8rem; }
.tc-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.tc-mode-timelesscompounds .tc-stock-request { margin: 1.5rem 0; border: 1px solid var(--tc-border); padding: 1rem; }
.tc-mode-timelesscompounds .tc-stock-request h2 { font-size: 1.8rem; }
.tc-mode-timelesscompounds details.wp-block-details { padding: 1.2rem 0; border-bottom: 1px solid var(--tc-border); }
.tc-mode-timelesscompounds details.wp-block-details summary { cursor: pointer; color: var(--tc-ink); font-size: 1.15rem; }
.tc-mode-timelesscompounds details.wp-block-details > p { margin: 1rem 0 0; font-size: 1rem; color: var(--tc-text-muted); }
.tc-mode-timelesscompounds .tc-service-footer { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; padding: 2rem 0; }
.tc-mode-timelesscompounds .tc-footer-heading { font: 2.8rem/1.15 var(--tc-font-display); color: var(--tc-accent-strong); }
.tc-mode-timelesscompounds .tc-service-footer p { font-size: 1rem; }
.tc-mode-timelesscompounds .tc-service-footer .tc-footer-heading { font-size: 2.8rem; }
.tc-mode-timelesscompounds .tc-service-footer ul { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem 2rem; list-style: none; margin: 0; }
.tc-mode-timelesscompounds .site-footer .tc-service-footer li a,
.tc-mode-timelesscompounds .site-footer .tc-service-footer li a:visited { font-size: .95rem; display: inline-block; padding: .25rem 0; color: #FDE5AF; }
.tc-mode-timelesscompounds .site-footer .tc-service-footer li a:hover,
.tc-mode-timelesscompounds .site-footer .tc-service-footer li a:focus-visible { color: #FFFFFF; text-decoration: underline; text-underline-offset: .25em; }
.tc-mode-timelesscompounds .site-footer .tc-service-footer li a:focus-visible { outline: 2px solid #FDE5AF; outline-offset: 4px; }
.tc-mode-timelesscompounds .site-header .main-navigation ul li a { font-size: .85rem; letter-spacing: .08em; }
.tc-mode-timelesscompounds .site-header .main-navigation { min-width: 0; }
@media (max-width: 980px) {
 .tc-mode-timelesscompounds .tc-reference-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .tc-mode-timelesscompounds .tc-home-hero { padding-top: 2rem; }
 .tc-mode-timelesscompounds .tc-home-hero h1 { font-size: 3.5rem; }
}
@media (max-width: 700px) {
 .tc-mode-timelesscompounds .tc-home-hero .wp-block-columns { gap: 1rem; }
 .tc-mode-timelesscompounds .tc-hero-vial img { max-height: 19rem; }
 .tc-mode-timelesscompounds .tc-home-section { padding: 2.8rem 0; }
 .tc-mode-timelesscompounds .tc-reference-grid, .tc-mode-timelesscompounds .tc-service-footer { grid-template-columns: 1fr; }
 .tc-mode-timelesscompounds .tc-filter-bar { padding: 1rem; }
 .tc-mode-timelesscompounds .tc-filter-bar label { flex-basis: 100%; }
 .tc-mode-timelesscompounds .tc-signup-row { flex-direction: column; }
 .tc-mode-timelesscompounds .tc-publication { padding-left: 2.5rem; }
 .tc-mode-timelesscompounds .tc-publication h2 { overflow-wrap: anywhere; }
 .tc-mode-timelesscompounds .tc-service-footer { gap: 1.5rem; }
 .tc-mode-timelesscompounds .tc-resource-intro { padding: 1rem 0; }
}
@media (max-width: 767px) {
 .tc-mode-timelesscompounds .site-header .col-full { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: .6rem; }
 .tc-mode-timelesscompounds .site-header .site-branding { grid-column: 1; grid-row: 1; }
 .tc-mode-timelesscompounds .site-header .site-header-cart { grid-column: 2; grid-row: 1; }
 .tc-mode-timelesscompounds .site-header .tc-header-checkout { grid-column: 3; grid-row: 1; }
 .tc-mode-timelesscompounds .site-header .main-navigation { display: block !important; grid-column: 1 / -1; grid-row: 2 !important; width: 100% !important; max-width: none !important; text-align: left; }
 .tc-mode-timelesscompounds .site-header .main-navigation .primary-navigation { display: none !important; }
 .tc-mode-timelesscompounds .site-header .main-navigation .menu-toggle { position: relative; float: none; left: auto; right: auto; margin: 0; width: auto; padding: .65rem 1rem .65rem 2.5rem; min-height: 44px; font-size: .8rem; }
 .tc-mode-timelesscompounds .site-header .main-navigation .handheld-navigation { display: block; width: 100%; max-width: none; }
 .tc-mode-timelesscompounds .site-header .main-navigation:not(.toggled) .handheld-navigation { display: none; }
 .tc-mode-timelesscompounds .site-header .main-navigation .handheld-navigation ul { display: flex; flex-direction: column; align-items: stretch; width: 100% !important; max-width: none !important; gap: 0; }
 .tc-mode-timelesscompounds .site-header .main-navigation .handheld-navigation a { padding: .9rem 0; }
 .tc-mode-timelesscompounds .storefront-handheld-footer-bar, .tc-mode-timelesscompounds .storefront-handheld-footer-bar ul li > a { background: #12110e; color: var(--tc-accent-strong); border-color: var(--tc-border); }
}