:root{--tot-hd-lockup-width:calc(var(--space-5) * 572 / 189 + var(--space-3) * 2 + 1px + var(--space-4) * 995 / 143);--tot-hd-lockup-gap:var(--space-8);--tot-hd-centre-indent:var(--space-8);--tot-hd-search-inset:calc(var(--tot-hd-lockup-width) + var(--tot-hd-lockup-gap) + var(--tot-hd-centre-indent))}.tot-hd__top{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"lockup end" "centre centre";align-items:center;grid-column-gap:var(--space-3);column-gap:var(--space-3);grid-row-gap:var(--space-1);row-gap:var(--space-1);padding-block:var(--space-2) var(--space-1)}.tot-hd__top>.tot-hd__lg{grid-area:lockup}.tot-hd__top>.tot-hd__end{grid-area:end;justify-self:end}.tot-hd__centre{grid-area:centre;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1)}.tot-hd__centre>.tot-hsrch{flex:none;max-width:none}@media (min-width:1024px){.tot-hd__top{grid-template-columns:var(--tot-hd-lockup-width) minmax(0,1fr) auto;grid-template-areas:"lockup search end" ". nav nav";align-items:start;column-gap:var(--tot-hd-lockup-gap)}.tot-hd__top>.tot-hd__end,.tot-hd__top>.tot-hd__lg{min-height:var(--touch-min)}.tot-hd__centre{display:contents}.tot-hd__centre>.tot-hsrch{grid-area:search;width:calc(100% - var(--tot-hd-centre-indent));max-width:52rem}.tot-hd__centre>.tot-catnav,.tot-hd__centre>.tot-hsrch{-webkit-margin-start:var(--tot-hd-centre-indent);margin-inline-start:var(--tot-hd-centre-indent)}.tot-hd__centre>.tot-catnav{grid-area:nav;justify-self:start;min-width:0;max-width:calc(100% - var(--tot-hd-centre-indent))}}.tot-hd__end,.tot-hsrch{display:flex;align-items:center;gap:var(--space-2)}.tot-hsrch{flex:1 1 auto;min-width:0;max-width:32rem;min-height:var(--touch-min);padding-inline:var(--space-3);background:var(--color-surface-raised);border:1px solid var(--color-border-control);border-radius:var(--radius-input);color:var(--color-text-tertiary)}.tot-hsrch:focus-within{border-color:var(--color-action-primary);outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.tot-hsrch__input:focus-visible{outline:none}.tot-hsrch__input{flex:1 1;min-width:0;font-family:var(--font-family-ui);font-size:var(--font-size-base);line-height:var(--line-height-ui);color:var(--color-text-primary);background:transparent;border:0;padding:0}.tot-hsrch__input::placeholder{color:var(--color-text-tertiary)}.tot-hsrch__input::-webkit-search-decoration,.tot-hsrch__input::-webkit-search-results-button{-webkit-appearance:none;appearance:none}.tot-catnav{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.tot-catnav__list{display:flex;align-items:stretch;gap:var(--space-1);margin:0;padding:0;list-style:none;flex-wrap:nowrap}.tot-catnav__link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding-inline:var(--space-3);font-family:var(--font-family-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-ui);text-decoration:none;white-space:nowrap;color:var(--color-text-secondary);border-radius:var(--radius-chip)}.tot-catnav__link:hover{color:var(--color-text-primary);background:var(--color-action-ghost-hover)}.tot-catnav__link[aria-current=page]{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);background:var(--color-surface-raised);box-shadow:inset 0 0 0 1px var(--color-action-primary)}.tot-catnav__arrow{display:none}@media (min-width:1024px){.tot-catnav__arrow{grid-area:nav;align-self:center;z-index:1;display:inline-flex;align-items:center;width:var(--space-12);height:var(--touch-min);padding:0;border:0;cursor:pointer;color:var(--color-text-primary)}.tot-catnav__arrow--start{justify-self:start;justify-content:flex-start;-webkit-margin-start:var(--tot-hd-centre-indent);margin-inline-start:var(--tot-hd-centre-indent);background:linear-gradient(to right,var(--color-surface-band) 55%,transparent)}.tot-catnav__arrow--end{justify-self:end;justify-content:flex-end;background:linear-gradient(to left,var(--color-surface-band) 55%,transparent)}.tot-catnav__arrow>svg{box-sizing:content-box;padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface-raised);box-shadow:var(--shadow-card)}.tot-catnav__arrow:hover>svg{box-shadow:var(--shadow-card-hover)}}