/* R117: canonical Image Viewer masthead shared by all modes. */
body>header .header-first-row,html #cube-panel .cube-masthead{height:76px;min-height:76px;padding:0 22px;gap:22px;display:flex;align-items:center;border-bottom:1px solid var(--aiml-border)}
body>header .wordmark,html #cube-panel .cube-masthead .wordmark{display:block;flex:none;min-width:178px;white-space:nowrap;font-size:22px;font-weight:500;line-height:1.1;letter-spacing:normal;gap:normal}
body>header .wordmark>div:first-child,html #cube-panel .cube-masthead .wordmark>div:first-child{font:400 36px/36px var(--aiml-serif);letter-spacing:-.9px}
body>header .wordmark .brand-subtitle,html #cube-panel .cube-masthead .brand-subtitle{display:block!important;white-space:nowrap;font:400 12px/1.2 var(--aiml-sans);margin:3px 0 0;letter-spacing:normal;color:var(--aiml-muted)}
:root{--header-height:120px}body>header{--header-height:120px}
@media(max-width:1200px){body>header .header-first-row,html #cube-panel .cube-masthead{padding:0 14px;gap:10px}body>header .wordmark,html #cube-panel .cube-masthead .wordmark{min-width:165px}}
@media(max-width:1023px){body>header .wordmark>div:first-child,html #cube-panel .cube-masthead .wordmark>div:first-child{font-size:30px;line-height:36px;letter-spacing:-.75px}}
@media(max-width:950px){body>header .header-first-row,html #cube-panel .cube-masthead{padding:6px 12px;gap:8px}body>header .wordmark,html #cube-panel .cube-masthead .wordmark{min-width:140px;font-size:20px}body>header .wordmark .brand-subtitle,html #cube-panel .cube-masthead .brand-subtitle{font-size:10px}}
@media(max-width:767px){body>header .wordmark>div:first-child,html #cube-panel .cube-masthead .wordmark>div:first-child{font-size:24px;line-height:24px;letter-spacing:-.6px}}

/* R120: compensate only the non-reference subtitle for the tablet logo line box. Image Viewer and logo remain untouched. */
@media(min-width:768px) and (max-width:1023px){body>header .wordmark .brand-subtitle,html #cube-panel .cube-masthead .brand-subtitle{position:relative;top:-3px}}