/* Make room for three navigation links at intermediate widths. */
@media(max-width:1023px){.tf-header-inner{ width: calc(100% - 32px); height: 52px; min-height: 52px; gap: 12px; }.tf-logo img{ width: 104px; }.tf-nav{ display: none; }.tf-menu{ display: block; margin-left: auto; position: relative; }.tf-menu summary{ list-style: none; min-width: 53px; text-align: center; color: var(--tf-deep); font-size: 12px; cursor: pointer; }.tf-menu summary::-webkit-details-marker{ display: none; }.tf-menu-bars{ display: block; width: 27px; height: 21px; margin: 0 auto 2px; border-top: 3px solid var(--tf-deep); border-bottom: 3px solid var(--tf-deep); position: relative; }.tf-menu-bars::after{ content: ""; position: absolute; top: 7px; left: 0; right: 0; height: 3px; background: var(--tf-deep); }.tf-menu-panel{ position: absolute; right: 0; top: 100%; z-index: 10; width: 220px; padding: 12px; background: white; box-shadow: 0 4px 16px rgba(0,0,0,.12); border: 1px solid var(--tf-line); }.tf-menu:not([open]) .tf-menu-panel{ display: none; }.tf-menu-panel a{ display: block; padding: 10px; text-decoration: none; }}