/* Keep the shell controls aligned with the reading surfaces. */
.icon-button,.language-toggle{padding:0;line-height:1}
.header-actions :is(.language-toggle,.search-toggle,.contact-pill),
.lightbox-top .icon-button,#back-top {
  min-width: var(--tap-size);
  min-height: var(--tap-size);
}
.search-head .mini-button { min-height: var(--tap-size); }
.language-picker{position:relative;pointer-events:auto}
.language-options{
  position:absolute;z-index:1;top:calc(100% + 9px);right:0;
  width:max-content;max-width:calc(100vw - 24px);padding:5px;
  border:1px solid var(--panel-border);border-radius:var(--media-radius);
  background:var(--panel-bg);backdrop-filter:var(--panel-blur);
  box-shadow:var(--panel-shadow-hover);
}
.language-options:not([hidden]){display:grid;gap:2px}
.language-options button{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:var(--tap-size);padding:8px 11px;border-radius:12px;text-align:start;
  font-size:var(--text-meta-size);line-height:1.35;color:var(--ink);background:transparent;
}
.language-options button::after{content:'';width:1em;flex:none}
.language-options button[aria-pressed=true]{color:var(--blue);background:#fff}
.language-options button[aria-pressed=true]::after{content:'✓'}
.language-options button:hover{background:#fff}
.language-options button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){
  .language-options{background:#fff;border-color:#555;backdrop-filter:none}
}
@media (forced-colors:active){
  .language-options{background:Canvas;border-color:ButtonText}
  .language-options button[aria-pressed=true]{color:HighlightText;background:Highlight}
}
.icon-button>[data-icon],.search-head>[data-icon],.header .nav>a>[data-icon],.about-down-icon{display:grid;place-items:center;flex:none;line-height:0}
.search-head>[data-icon]>.icon{width:23px;height:23px;color:var(--muted)}
.icon-button>[data-icon="download"]>.icon,.contact-resume-card>.icon{translate:0 -.5px}
.work-tile-open>.icon{width:20px;height:20px}

/* Keep the count and zoom centred independently of the auxiliary controls. */
.honors-controls{display:grid;grid-template-columns:44px 44px max-content 44px 44px}
.honors-controls>.honors-step:first-child{grid-column:2}
.honors-step>.icon{translate:.8px 0}
.honors-step-next>.icon{translate:-.8px 0}
.lightbox-top>div{flex:none}
.lightbox-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:8px}
.lightbox-bottom>#image-count{justify-self:start;font-variant-numeric:tabular-nums;white-space:nowrap}
.lightbox-bottom>#image-zoom{grid-column:2;justify-self:center;white-space:nowrap}
.lightbox-bottom>.keyboard-hint{justify-self:end;text-align:right}

.case-topline .breadcrumb{min-width:0}
.case-topline .breadcrumb>span{min-width:0;overflow-wrap:anywhere}
.case-topline .case-share{padding:0;flex:none;line-height:1.5}
.case-section-heading>span,.case-artwork-heading>span{flex:none;white-space:nowrap}
@media(min-width:761px) and (max-width:820px){.contact-channel-card{padding-inline:20px;column-gap:8px}}
@media(max-width:760px){
 .case-section-heading,.case-artwork-heading{flex-wrap:wrap;gap:7px 14px}
 .honors-controls{padding-inline:8px}
}
@media screen and (max-width:760px){.print-resume h1{font-size:44px}.print-resume h1>.muted{display:inline-block;white-space:nowrap}}
@media(max-width:359px){.honors-controls{column-gap:10px}}